EAA Compliance Examples

This repository contains examples of accessible web development practices to help developers comply with the European Accessibility Act (EAA). The examples demonstrate techniques for creating inclusive, user-friendly webpages for all users.

Features

• Keyboard Accessibility: Includes skip links and focus indicators.
• Accessible Forms: Dynamically validates inputs with error messages announced to assistive technologies.
• Password Field Enhancements: Visibility toggle with live announcements and error handling.
• Multimedia Accessibility: Provides captions for videos and alt text for images.
• Semantic HTML: Uses appropriate elements for structure and navigation.
• Live Regions: Dynamic updates for screen readers using ARIA.

File Structure

eaa-compliance-examples/
├── index.html           # Main HTML document
├── styles.css           # External CSS for styling
├── script.js            # JavaScript for form interactions
├── captions/
│   └── captions.vtt     # Example captions file for the video
├── intro.mp4            # Introductory video showcasing inclusivity
├── README.md            # Documentation for the repository
└── LICENSE              # License file