Thu, Nov 25

Accessibility and user experience

Today's objectives

Understand the basics of web site accessibility, how to build in accessibility from the beginning, and common tools for helping build accessible online experiences.

  • Accessibility concepts
  • Standards and testing
  • Tools and techniques
  • Other topics: semantics



Introduction to accessibility

Introduction to accessibility

Semantic elements

Semantic elements

WCAG2.1 Standard

WCAG2.1 Standard

Testing accessibility

Testing accessibility




Assignment 08
Accessibility review

Using the tools and techniques we reviewed in class, and additional resources and readings, create a brief accessibility review of the site I have assigned to you. You only need to examine the single linked page. If you have problems accessing the site, or using any of the accessibility tools to access the site, contact me for a replacement. Don't leave this until the last minute. Check it soon.

Keep your review brief. You may use point form or tables where necessary.

Organize your review based on the "POUR" framework:

  • Perceivable
  • Operable
  • Understandable
  • Robust

Don't just summarize the output of automated tools - use your understanding and judgement. Consider:

  • Clarity of content
  • Use semantic of elements
  • Text size and contrast
  • Use with a screen reader (if possible)
  • Use with keyboard access mode (if possible)
  • Use with "reader" mode
  • Use with on mobile
  • and any other key concepts

Include a bibliography of resources you consulted.

Upload to Brightspace as a PDF. Name your file YOURLASTNAME_accessibility.pdf

Due Wed, Dec 01, 6:00 PM.


Basic semantic tags

See the Pen Basic semantic structure by Robert Currie (@rcurrie) on CodePen.

Understanding users

How People with Disabilities Use the Web

Using plain language


Understanding contrast ratio
Perspectives on contrast
Type on the web


Example of high-quality captions.

Screen readers

How to use the Voiceover screen reader.

Further reading

A collection of good basic articles on accessibility
Another strong guide to accessibility
Accessibility tools and testing
Semantics cheat sheet


A short course on accessibility

Need help?

Contact me - Slack is best.

Robert Currie
This page was last updated at 2021-12-16 08:06.