lea11y logo, to start
  • Home
  • Most Common Problems
  • Quick Testing tips
  • Home
  • About
  • Fundamentals
  • Most common problems
  • Keyboard navigation
  • On ARIA
  • HTML
  • Glossary
  • Links

Quick Testing tips

Content note

This content is unreviewed.

  • Check the accessibility tree inside your browser developer tools
  • Check if the website is completely operable via keyboard
  • Check if all inputs have a label associated
  • Check if all buttons have text
  • Check if all images have alt text
  • Check if the document language is set correctly.
  • Check your color contrasts are okay. You can manually check it via the WebAIM Contras Checker
  • You can use automated tool like Lighthouse for this, which is integrated into Chrome Dev Tools.
  • See also the WebAIM Million Report mentioning the most common accessibility issues. Only focusing on these would already catch a lot of issues.

In this chapter

  • Most Common Problems
  • Empty links
  • Empty buttons
  • Missing labels on form controls
  • Missing alternative text
  • Low color contrast
  • Quick Testing tips
  • Missing document language

Made with 💖 love by Lea

  • Imprint
  • Accessibility statement
  • License
  • Privacy