This guidance currently aligns with the Web Content Accessibility Guidelines (WCAG) 2.1 and is being updated to reflect WCAG 2.2.
Organisations subject to the Web Accessibility Directive or the European Accessibility Act should refer to WCAG 2.2 (W3C.org)(w3.org) (w3.org)(w3.org) (w3.org), as compliance will be required when the revised EN 301 549 standard (PDF)(etsi.org) (etsi.org)(etsi.org) (etsi.org) is published in the Official Journal of the European Union in December 2026.
In this section
- Make carousels accessible
- Create accessible accordions
- Create accessible modal dialogues
- Make sure login and authentication processes are accessible
- Ensure embedded social media code is accessible
References for this section
WCAG 2.1
- 1.3.1 Info and Relationships (A)
- 1.3.4 Identify Input Purpose (AA)
- 1.3.6 Identify Purpose (AAA)
- 2.1.1 Keyboard (A)
- 2.1.2 No Keyboard Trap (A)
- 2.2.1 Timing Adjustable (A)
- 2.2.2 Pause, Stop Hide (A)
- 2.4.1 Bypass Blocks (A)
- 2.4.3 Focus Order (A)
- 2.4.6 Headings and Labels (AA)
- 2.4.7 Focus Visible (AA)
- 3.2.5 Change on Request (AAA)
- 4.1.2 Name, Role, Value (A)
EN 301 549 v 2.1.2
- 9.1.3.1 Info and Relationships
- 9.1.3.4 Identify Input Purpose
- 9.2.1.1 Keyboard
- 9.2.1.2 No Keyboard Trap
- 9.2.2.1 Timing Adjustable
- 9.2.2.2 Pause, Stop Hide
- 9.2.4.1 Bypass Blocks
- 9.2.4.3 Focus Order
- 9.2.4.6 Headings and Labels
- 9.2.4.7 Focus Visible
- 9.4.1.2 Name, Role, Value
Further reading
- Alison Walden - If you must use a carousel, make it accessible
- Bureau of Internet Accessibility - Effective and Accessible Alternatives to Website Carousels
- Deque University - Custom Widgets Accessibility Checklist
- Hassel Inclusion - My Favourite Accessible Accordion Pattern
- Aditus - Accessible Accordion
- Deque University - Custom Widgets Accessibility Checklist
- The Incredible Accessible Modal Window, Version 3
- WAI-ARIA Authoring Practices 1.2 - Design Patterns and Widgets
- WAI Tutorials – Carousel Concepts