Techniques for WCAG 2.1

ARIA Techniques§

Client-Side Script Techniques§

CSS Techniques§

Common Failures§

General Techniques§

HTML Techniques§

PDF Techniques§

Server-Side Script Techniques§

SMIL Techniques§

Plain-Text Techniques§

Change Log

A list of new, removed or significantly updated techniques:

  1. : Removed F87 Failure of Success Criterion 1.3.1 due to inserting non-decorative content by using :before and :after pseudo-elements and the 'content' property in CSS
  2. : Removed Flash techniques.
  3. : Added F105: Failure of Success Criterion 2.5.1 due to providing functionality via a path-based gesture without simple pointer alternative
  4. : Added F106: Failure due to inability to deactivate motion actuation
  5. : Added F104: Failure of Success Criterion 1.4.12 due to clipped or overlapped content when text spacing is adjusted
  6. : Added F103: Failure of Success Criterion 4.1.3 due to providing status messages that cannot be programmatically determined through role or properties
  7. : Added F102: Failure of Success Criterion 1.4.10 due to content disappearing and not being available when content has reflowed
  8. : Added G216: Providing single point activation for a control slider
  9. : Added G215: Providing controls to achieve the same result as path based or multipoint gestures
  10. : Added F100: Failure of Success Criterion 1.3.4 due to showing a message asking to reorient device
  11. : Added G214: Using a control to allow access to content in different orientations which is otherwise restricted
  12. : Added C40: Creating a two-color focus indicator to ensure sufficient contrast with all components
  13. : Added F99: Failure of Success Criterion 2.1.4 due to implementing character key shortcuts that cannot be turned off or remapped
  14. : Added SCR39: Making content on focus or hover hoverable, dismissible, and persistent
  15. : Added G212: Using native controls to ensure functionality is triggered on the up-event.
  16. : Added F98: Failure due to interactions being limited to touch-only on touchscreen devices
  17. : Added G213: Provide conventional controls and an application setting for motion activated input
  18. : Added ARIA24: Semantically identifying a font icon with role="img"
  19. : Added F97: Failure due to locking the orientation to landscape or portrait view
  20. : Removed F52: Failure of Success Criterion 3.2.5 due to opening a new window as soon as a new page is loaded from SC 3.2.1 (still attached to SC 3.2.5)
  21. : Added G209: Provide sufficient contrast at the boundaries between adjoining colors
  22. : Added C39: Using the CSS reduce-motion query to prevent motion
  23. : Added G207: Ensuring that a contrast ratio of 3:1 is provided for icons
  24. : Added C38: Using CSS width, max-width and flexbox to fit labels and inputs
  25. : Added F95: Failure of Success Criterion 1.4.13 due to content shown on hover not being hoverable
  26. : Added C34: Using media queries to un-fixing sticky headers / footers
  27. : Added C36: Allowing for text spacing override
  28. : Added C37: Using CSS max-width and height to fit images
  29. : Added G207: Ensuring that a contrast ratio of 3:1 is provided for icons
  30. : Added F95: Failure of Success Criterion 1.4.13 due to content shown on hover not being hoverable
  31. : Added F96: Failure due to the accessible name not containing the visible label text
  32. : Added C38: Using CSS width, max-width and flexbox to fit labels and inputs
  33. : Added G207: Ensuring that a contrast ratio of 3:1 is provided for icons

For a more detailed view of recent changes to the informative documents see the github updates.

Back to Top