3 thoughts on “Test for Text Label Issues using the Firefox Accessibility Inspector

  1. In the last example, I think it is not necessary to double-label the image link (add both aria-label and alt text). It should be enough to just set “Go to home page” as the image’s alt text. The parent link will then use this text as its accessible name. (Source: https://knowbility.org/blog/2019/ARIA-labels/.)

  2. Love all these accessibility features! Another solution for consideration: include actual text inside the button/link, and visually hide it with CSS, while still making it available for assistive technologies. Then, add `aria-hidden="true"` to the `burger-bar` elements, and `alt=""` to the Mozilla logo. This makes for a really clean user experience whether you are using assistive technologies or not.

Leave a Reply

Your email address will not be published. Required fields are marked *