LEARNING PATHWAY

User Experience and Accessible Design

Produces user observation, task flow, prototypes, tests, error-message and accessibility evidence instead of relying on assumptions.

Last updated: 27 July 2026
CENTRAL QUESTION

How can you prove that an interface is understandable, accessible and safe when errors occur?

Completion evidence for this pathway is a task-based usability test, issue log, accessibility check and second prototype. Page count or time spent alone does not demonstrate competence.

The intended capstone is an accessible prototype for a real task tested with keyboard logic, screen-reader semantics and mobile layout. It should connect the lessons in one artefact and retain failed tests as evidence.

Learning evidence

A task-based usability test, issue log, accessibility check and second prototype

Capstone

An accessible prototype for a real task tested with keyboard logic, screen-reader semantics and mobile layout

Return trigger

When new user evidence arrives, the design changes, a new device is supported or an accessibility problem is reported.

LESSON MAP

12 items from concept to evidence

Captions, Sound and Multiple Alert Modes

Lesson · Important information should not depend on one sense: captions, text, sound, light and vibration can provide complementary paths. This lesson includes a wo

Open page →

Clarity and Visual Hierarchy in Interfaces

Lesson · Clear interfaces use hierarchy, grouping, spacing, labels and emphasis to make the next action and current state understandable. This lesson includes a wor

Open page →

Clear Error Messages and Recovery

Lesson · Useful error handling identifies the problem, preserves work, explains recovery and prevents avoidable mistakes before they occur. This lesson includes a w

Open page →

Colour, Contrast and Meaning Beyond Colour

Lesson · Colour can support meaning, but information must remain available through text, shape, pattern or position and sufficient contrast. This lesson includes a

Open page →

Consistency, Feedback and System Status

Lesson · Consistency helps people predict behaviour, while timely feedback shows that an action was received and what state the system is in. This lesson includes a

Open page →

Empathy: Observe Instead of Assuming

Lesson · Empathy in design means gathering evidence about another person’s experience rather than assuming that personal preference is universal. This lesson includ

Open page →

Keyboard Access and Visible Focus

Lesson · Keyboard access requires every interactive control to be reachable, operable and accompanied by a visible, logical focus indicator. This lesson includes a

Open page →

Project: Accessibility Audit of DorukVatansever.com

Project · This project audits DorukVatansever.com through keyboard, focus, contrast, semantics, zoom, responsive layout and real-click testing. This lesson includes

Open page →

Project: An Accessible Multi-Modal Alert Prototype

Project · This project prototypes an alert that communicates states through coordinated visual, audible and tactile channels with user control. This lesson includes

Open page →

Semantic Structure and Alternative Text

Lesson · Semantic HTML communicates structure and control purpose, while alternative text conveys the function or information of meaningful images. This lesson incl

Open page →

Target Users, Context and User Stories

Lesson · User experience begins by identifying who is using the product, in what context, for which goal and with which constraints. This lesson includes a worked e

Open page →

User Experience and Accessibility Quiz

Quiz · A 12-question interactive assessment for User Experience and Accessible Design, with explanations and a newly shuffled option order on every start. This le

Open page →
FOUR-WEEK PLAN

Place lessons in a production cycle

No week closes with reading alone. Use one session for concept and example, a second for practice, and a short third session for testing and explanation. Do not accelerate when a prerequisite is missing.

Place lessons in a production cycle table
WeekFocusEvidence to produce
1Captions, Sound and Multiple Alert Modes, Consistency, Feedback and System Status, Project: An Accessible Multi-Modal Alert PrototypeA task-based usability test, issue log, accessibility check and second prototype
2Clarity and Visual Hierarchy in Interfaces, Empathy: Observe Instead of Assuming, Semantic Structure and Alternative TextAn accessible prototype for a real task tested with keyboard logic, screen-reader semantics and mobile layout
3Clear Error Messages and Recovery, Keyboard Access and Visible Focus, Target Users, Context and User StoriesError log and second version
4Colour, Contrast and Meaning Beyond Colour, Project: Accessibility Audit of DorukVatansever.comQuiz result, misconception and next application
COMMON TRAPS

They look fast but weaken learning

DEEPENING

Deepening evidence in User Experience and Accessible Design

The pathway's distinctive question is: How can you prove that an interface is understandable, accessible and safe when errors occur? A first response may be a definition, but completion requires a task-based usability test, issue log, accessibility check and second prototype. If input, method, limits and review date are unclear, the result is not traceable even when it looks strong.

Start with two different activities among Captions, Sound and Multiple Alert Modes, Clarity and Visual Hierarchy in Interfaces, Empathy: Observe Instead of Assuming, Clear Error Messages and Recovery. In one, explain the concept in your own words; in the other, perform an application, measurement or user test. The two activities should not close with the same type of evidence. This distinction shows that User Experience and Accessible Design has been tested through different forms of production.

Later connect Project: Accessibility Audit of DorukVatansever.com, Colour, Contrast and Meaning Beyond Colour, Semantic Structure and Alternative Text, Consistency, Feedback and System Status to the capstone: An accessible prototype for a real task tested with keyboard logic, screen-reader semantics and mobile layout Keep failed tests as well as successful ones. For every error, record conditions, expected result, actual result, possible cause and the single change made.

Check these traps separately: Treating yourself as representative of every user; Using colour as the only information channel; Giving no recovery path in an error message; Replacing human testing with an automated score. Reading a trap is insufficient; find an example from your own work and state which evidence made the problem visible.

Return rule: When new user evidence arrives, the design changes, a new device is supported or an accessibility problem is reported. Do not delete the previous record; add a date, changed tool or source, new evidence and the next mini trial. Progress is therefore tracked through the quality of explanation, application and correction—not the number of pages completed.

MICRO QUIZ

Test the reasoning behind the module

1. How can you prove that an interface is understandable, accessible and safe when errors occur?

The answer must produce evidence, not only a definition: A task-based usability test, issue log, accessibility check and second prototype.

2. What should happen to the first failed test?

Keep it with conditions, expected result, actual result and the correction.

3. Does reading a source prove that practice occurred?

No. Sources define method and limits; practice evidence must be produced separately.

4. When should the module be reopened?

When new user evidence arrives, the design changes, a new device is supported or an accessibility problem is reported.

5. What does the capstone connect?

An accessible prototype for a real task tested with keyboard logic, screen-reader semantics and mobile layout

OFFICIAL / PRIMARY SOURCES

Verify technical detail in current sources

WCAG 2.2

Primary or institutional source for method and technical limits.

Open source →

WAI Tutorials

Primary or institutional source for method and technical limits.

Open source →

ARIA Authoring Practices

Primary or institutional source for method and technical limits.

Open source →