Example
Designing for Everyone
Link to course: Designing for Everyone: Accessibility in Design is a Way to Express Care
This was more challenging (learning opportunities) than expected for a number of reasons. Test revealed just how much more I have to learn. I look forward to feedback on ways to make it better and more accessible.
I designed this experience to be useable with a keyboard and with a screen reader to align with the perceivable and operable principles of POUR (Perceivable, Operable, Understandable, Robust), established by the Web Content Accessibility Guidelines (WCAG). It is a work in progress, not finished, because I learned a lot that needs to be considered and done for better accessibility.
What was accomplished
No content relies on color alone, animation alone, or a mouse alone.
The slide content includes:
Interactive elements with real controls
Messages are available as text
Focus Order follows visual layout (use the info icon on each slide to view the Focus Order)
Accessibility is more than checking the boxes. It is about considering whether your design still works when the assumptions about users are removed. It is about Designing for Everyone.
The Goal
This project was designed to show how accessibility performs in the real world. The project aims to demonstrate outcomes, the same message, experienced through different access needs.
It focuses on peoples’ experience with digital content.
The Problem
Many “accessible” examples stop at checklists. Here the focus is on how design decisions affect real users. This experience intentionally attempts to show both failure states and equivalent, accessible solutions.
Key Design Decisions
Screen reader friendly structure:
Reading order is manually controlled. The message is real text. Alt text is used only when it adds meaning, decorative visuals are marked as decorative.
Keyboard only interaction:
Every interactive element is reachable using Tab, Enter, and Space. Visible focus states are always present. If content can’t be experienced without a mouse, we revisit before releasing.
Getting Started with the E-Learning Challenges
Find practical answers to common questions about the E-Learning Challenges, a weekly event that helps you build skills, create your portfolio, and grow as an e-learning professional.