Merge pull request #14819 from overleaf/rd-report-link-purpose

Accessibility - make view togglers and download button accessible

GitOrigin-RevId: 792cec60d953db7928e30dc7e7187deba59573d0

services/web/frontend/js/features/pdf-preview/components/pdf-hybrid-download-button.tsx

@@ -38,6 +38,7 @@ function PdfHybridDownloadButton() {
         href={pdfDownloadUrl || '#'}
         target="_blank"
         style={{ pointerEvents: 'auto' }}
+        aria-label={t('download_pdf')}
       >
         <Icon type="download" fw />
       </Button>

services/web/frontend/js/ide/directives/layout.js

@@ -213,7 +213,8 @@ class=\"custom-toggler ${`custom-toggler-${customTogglerPane}`}\" \
 ng-class=\"isOpen ? 'custom-toggler-open' : 'custom-toggler-closed'\" \
 tooltip=\"{{ isOpen ? tooltipMsgWhenOpen : tooltipMsgWhenClosed }}\" \
 tooltip-placement=\"{{ tooltipPlacement }}\" \
-ng-click=\"handleClick()\">\
+ng-click=\"handleClick()\" \
+aria-label=\"{{ isOpen ? tooltipMsgWhenOpen : tooltipMsgWhenClosed }}\">\
 `)(customTogglerScope)
           element.append(customTogglerEl)
         }