Read more

Top Accessibility Errors in 2023

Dominik Schöler
March 01, 2024Software engineer at makandra GmbH

These are the top ten accessibility errors as researched by TPGi, a company focusing on accessibility. See the linked article for details on each item, as well as instructions on how to do it correctly.

  1. No link text
  2. Non-active element in tab order
  3. Missing link alt attribute
  4. No alt text
  5. List not nested correctly
  6. Duplicate labels used
  7. Positive tabindex value
  8. Invalid aria-describedby
  9. No label for button element
  10. Invalid aria-labelledby
Illustration online protection

Rails professionals since 2007

Our laser focus on a single technology has made us a leader in this space. Need help?

  • We build a solid first version of your product
  • We train your development team
  • We rescue your project in trouble
Read more Show archive.org snapshot

Generally, I am surprised by these items. I would have expected more complex issues, like "invalid markup" or "markup not semantic" (cf. 5). Also, more than "non-interactive elements can be tabbed to" I would have expected "interactive elements cannot be tabbed to". Or missing focus styles.

On the other hand – all these items are not to hard to fix. 1, 3, 4, 5, 7, 8, 9, 10 should be easy to do right, and 2, 6 should be hard to do wrong.

Posted by Dominik Schöler to makandra dev (2024-03-01 07:34)