Accessibility - Sofie-Simon

[simfrisk]

Hi! Here is our accessibility quiz! Hope you like it!

• The slide animation are only for mobile view so don't miss that.
• Dark mode is out high contrast mode.
• Keys that work: Tab, enter, (for the options) escape & arrows.

Link:
https://accessibility-simon-sofie.netlify.app/

By Sofie Johansson & Simon Frisk

[NiklasAbrahamsson]

• Solid feedback throughout the interaction ensures users are informed and guided effectively.

• The tab order is logical and supports smooth keyboard navigation.

• Selected options are clearly indicated, which enhances usability and reduces ambiguity.

• Focus trapping is working correctly, keeping users within relevant elements like modals.

• Error feedback is helpful and paired with accessible contrast, ensuring clarity for all users.

• Great job implementing dark mode — and especially that it persists across reload, improving user comfort.

• Highlighting the current location in the menu/navigation provides valuable context and orientation.

• It’s excellent that users are given clear explanations for errors, which reduces confusion.

• Thoughtful adaptation for different devices — for example, omitting the slide feature on desktop — shows a good understanding of responsive and user-centered design.