Issue:
The header link is named "HIDIVE Lab" to sighted users but "Home" to screen reader users.
The accessible name of any interactive element should contain its visible text label. Using two different names for a single page element can create a confusing user experience for assistive technology users. For example, speech-input users may have difficulty activating a control if the label displayed on-screen does not match its accessible name.
Fix:
In the header.html template, the header link's aria-label attribute is given the same dynamically generated value as its link text, so that all users are provided the same header link name.
Issue: The header link is named "HIDIVE Lab" to sighted users but "Home" to screen reader users.
The accessible name of any interactive element should contain its visible text label. Using two different names for a single page element can create a confusing user experience for assistive technology users. For example, speech-input users may have difficulty activating a control if the label displayed on-screen does not match its accessible name.
Fix: In the header.html template, the header link's
aria-labelattribute is given the same dynamically generated value as its link text, so that all users are provided the same header link name.