<a href="https://qa.longsight.com/portal/site/%7Estudent01/page-reset/869fda61-53f6-4c4d-99d9-eb913fd16aea" title="Tool Home" class="Mrphs-hierarchy-item Mrphs-hierarchy--toolName">
<span class="Mrphs-breadcrumb--reset-icon fa fa-share" aria-hidden="true"></span>
icon icon-sakai-sakai-motd "></span>
since the page name serves as a page refresh, consider adding an aria-label="refresh page"
URL of issue:
Comment from ISU:
If you add an aria-label to the <a> then the <span> with Overview will be overridden causing a screen reader to skip the <span> text and only announce the aria-label and the title ("Refresh tool, link. Tool Home.) In this case, an aria-label would not be the best solution because it would block the user from the information provided visually, in this case the tool name "Overview."
Selecting the Overview link will return a user to the main Tool page. In this case, maybe updating the Title to "Return to Tool Home" would be a good choice. This will cause the screen reader to announce "Overview, link. Return to Tool home." This provides users with a visual text tool tip with a mouse hover, the arrow icon pointing to the Overview link which appears with mouse hover and KB focus, and the verbal text Return to Tool Home announced through a screen reader. If this was consistant across all Sakai titles then it would be a predicable state and more inclusively designed.