Accessible Feedback Wizard

About Test App European Accessibility Act (EEA)

About This App

This feedback wizard was developed specifically for accessibility testing and education. It demonstrates key aspects of inclusive web design and allows testers to verify accessibility compliance against the European Accessibility Act (EEA).

Accessibility Testing Checklist (EEA)

✅ Screen reader compatibility (NVDA, VoiceOver)
✅ Keyboard-only navigation (Tab/Shift+Tab, Enter, Esc)
✅ Focus visibility and logical tab order
✅ Color contrast: 4.5:1 for text, 3:1 for large text/icons
✅ Proper HTML semantics: headings, lists, buttons, forms
✅ ARIA roles used only when necessary

How to Test Accessibility

Screen Reader: Use NVDA (Windows) or VoiceOver (Mac) to navigate the app. Ensure each label is read correctly and in logical order.
Keyboard Navigation: Press Tab to move forward, Shift+Tab to go backward. Ensure all interactive elements can be reached, activated (with Enter), and exited (with Esc if applicable).
Focus Order: Check that tabbing follows a logical order. Ensure visible focus outlines appear on all elements.
Color Contrast: Use a color contrast checker to ensure text has at least 4.5:1 contrast ratio, and large text/icons 3:1.
HTML Semantics: Inspect the page structure for correct usage of headings (h1–h3), labeled buttons, fieldsets, legends, lists, and form inputs.
ARIA Usage: Verify that ARIA roles are used sparingly and only to enhance, not replace, native HTML semantics.
Error Handling: Test form validation using invalid input. Ensure users are guided to errors using screen reader announcements and keyboard focus.
Responsive Design: Zoom to 200% and test layout readability. Use screen reader with zoomed text.

Recommended Tools

✅ NVDA or JAWS (Windows)
✅ VoiceOver (macOS, iOS)
✅ Axe DevTools (browser extension)
✅ WAVE Tool (WebAIM)
✅ Color Contrast Analyzer (TPG)
✅ Lighthouse Audit (Chrome DevTools)

Submit your feedback

Step 1 of 5

Your Details

Name:

Please enter your name.

Email:

Please enter a valid email address.

Rate Your Experience

How satisfied are you? 1 2 3 4 5

What Did You Like?

Design Usability Content Speed

Comments

Additional Feedback:

Submit

Review your answers and click submit.

Thank you for your feedback!

Your response has been recorded.

About the European Accessibility Act (EEA)

The European Accessibility Act (EEA) is a landmark directive introduced by the European Union to ensure that key digital products and services are accessible to all users, including people with disabilities. Enacted in 2019 and coming into force in full by June 28, 2025, the EEA aims to harmonize accessibility standards across EU member states, reduce market fragmentation, and enhance the inclusion of people with disabilities in the digital economy.

The EEA applies to a wide range of services and products, including e-commerce platforms, banking services, e-books, ticketing systems, ATMs, smartphones, and public websites and mobile apps. It requires that these services meet specific accessibility criteria to be usable by people with visual, auditory, cognitive, and motor impairments.

Why EEA Implementation Matters

✅ Establishes a unified legal standard for digital accessibility across the EU.
✅ Encourages inclusive design practices in both public and private sectors.
✅ Opens digital services to a wider audience, including 100+ million people in the EU with disabilities.
✅ Reduces compliance complexity for businesses operating in multiple EU countries.
✅ Enhances user experience for all users, not just those with disabilities.

What the EEA Brings to Web Accessibility

Mandatory Standards: Aligns digital accessibility with the international WCAG 2.1 AA guidelines, making them enforceable under EU law.
Broader Scope: Covers not just public sector websites (like previous EU directives) but also private businesses offering digital services to consumers.
Accessibility by Design: Promotes accessibility from the earliest design stages, rather than as an afterthought or optional feature.
Assistive Technology Compatibility: Requires compatibility with screen readers, voice recognition software, magnifiers, and other tools.
Functional Requirements: Includes specific requirements for perceivability, operability, understandability, and robustness of digital content.
Enforcement and Penalties: EU member states are required to enforce compliance, with penalties for non-conformance starting in mid-2025.

How to Prepare for EEA Compliance

✅ Conduct accessibility audits using tools like Axe, WAVE, and Lighthouse.
✅ Involve users with disabilities in usability testing to uncover real-world barriers.
✅ Train developers and designers on WCAG 2.1 and accessible UX/UI principles.
✅ Use semantic HTML and ARIA roles appropriately.
✅ Document accessibility features and provide feedback channels for users.
✅ Ensure all forms, documents, and navigation can be used with assistive tech and keyboard only.

The app was created by: Petar Škrbić

© 2025 Feedback Wizard