Website evaluation tools

Any accessible website must … #

  • use semantic-, standards-based HTML,
  • apply accessibility best pratices (which is a wide field), and
  • be fast.

Tools #

The table below is listing tools to check a website for compliance in the named areas.

Tools to validate a website for accessibility.
HTMLW3C Markup Validation ServiceCheck HTML standard compliance
HTMLSwitching off CSSA good check for semantic HTML is to switch off CSS in the browser. The document should be usable and readable even without CSS attached.
AccessibilityFirefox Accessibility InspectorCheck the entire web page for visual contrast, navigation via keyboard, missing text labels, and visualize tabbing order. It also has a simulator that lets you see what a web page would look like to users with various forms of color vision deficiency, as well as contrast sensitivity loss.
AccessibilityWebAIM WAVECheck accessibility patterns
AccessibilityWebAIM Contrast CheckerCheck contrast of two colors
AccessibilityColorslurpCheck contrast of two colors. Desktop tool for Mac.
AccessibilityColor Contrast Accessibility ValidatorCheck contrast of an entire web page
PerformanceLighthouse PageSpeed InsightsCheck web page performance. A Lighhouse analysis can also be started through the Chrome Developer Tools, where it is available as a dedicated top-level menu entry. This allows to analyse a website running locally on the developer machine.

References #

  1. Adam Silver, Semantic HTML and ARIA explained
  2. kulturbanause, HTML-Elemente und Semantik
  3. MDN, Semantics