Testing: Bookmarklets

Page content sections

• ↓ Headings tests

Headings tests

Tests to determine how best to test heading accessibility with a bookmarklet.

Bookmarklets

• Easy Checks headings checker
• Ian Lloyd's headings checker
• Hinderling Volker's h123

Tests

• → Correctly-formed headings
• → Incorrectly marked up headings
• → Headings with skipped levels
• → Headings hidden from everyone
• → Headings hidden from view
• → Headings hidden from screen readers

To do

• Change styles to WAI design
• Add descriptions for errors
• Add markers to support SC 1.4.1
• Give marker styles screen reader support
• Split the tests for hidden headings
• Style NaN (missing level) as a warning
• Write instructions
• Fix hover-highlight (not toggling off)