Accessibility Works

A website with notes and test files for accessibility, mostly web accessibility. Aesthetics are optional here.

WCAG 2.1 Success Criterion 4.1.1 (Parsing)

• Understanding WCAG 2.1 Success Criterion 4.1.1: an explanation of the meaning of the success criterion and links to a number of test pages (last updated on 1 November 2022).
• WCAG Syntax Only Bookmarklet: page with instructions for a bookmarklet (created in August 2022, updated on 1 November 2022).

Note: WCAG 2.2 has declared this success criterion obsolete. In addition, the 21 September 2023 revision of WCAG 2.1 contains a note stating that, This Success Criterion should be considered as always satisfied for any content using HTML or XML. For this reason, the resources above have been overtaken by events for much of the world.

Test Files for Various Success Criteria

• Test for details and summary elements (2012, updated July 2015).
• Test for label below textarea in which CSS is used to display the label inside the textarea.
• Tests for the rel attribute on link and a elements (created in February 2020).
• Test page for textarea and label (created in July 2020).
• Test page for required and aria-required (created in May 2021).
• Tests for Automated Accessibility Checkers (created in August 2022)
• Tests for Combined Select Lists (created in August 2022).
• Test files for success criterion 2.4.12 in the September 2022 Candidate Recommendation snapshop of WCAG 2.2:
  • Test 1 for Success Criterion 2.4.12
  • Test 2 for Success Criterion 2.4.12
• Test for SVG images in labels (November 2022).
• Test for tabindex attribute (Success Criterion 2.4.3 Focus Order) (January 2023).
• Test Pages for Modal Dialogs (January 2023).
• Tests for Multilingual Content (February 2023).
• Test Pages for Extended Descriptions (March 2023).
• Test Pages for Path Elements in SVG (April 2023):
  • Test Page for aria-label on Path Elements in SVG.
  • Test Page for aria-labelledby on Path Elements in SVG.
  • Test Page for aria-labelledby on Path Elements with Role listitem in SVG.
  • Test Page for aria-label and aria-details on Path Elements in SVG (Description List).
  • Test Page for aria-label and aria-details on Path Elements in SVG (Normal List).
• Tests for Links
  • Tests for Link Disambuation (added November 2023).
  • Tests for Links with aria-labelledby (added September 2024).
• Tests for Basic HTML Elements:
  • Test Page for Basic Form Elements (added July 2023)
  • Test Page for Form Elements with Placeholders (added August 2023)
  • Test Page for Images (added November 2023)
  • Test Page for alt Attribute of img Element (tests for length of alt attribute values; added September 2024)
• Test Pages for Forms with aria-describedby (September 2023)
  • Test Page for Form Validation Errors with aria-describedby
  • Test Page with aria-describedby Referring to the Input's label
• Tests for Spinners (February 2024)

Examples of Various Failures

• Pflichtfelder sind rot markiert (form in which required fields have a red label). Pflichtfelder sind rot und mit Sternchen markiert (improved version of the previous page).
• Blinking and Marquee.

Other Tests

• LACO Buttons (July 2023)
• Tests for Dates and Times (July 2023)
• Minimal Valid HTML Page and About the Minimal Valid HTML Page (November 2023)