WEBVTT

00:00:00.000 --> 00:00:06.000
How can someone use a website without seeing the screen?

00:00:06.000 --> 00:00:13.000
A screen reader can present page information through speech or braille.

00:00:13.000 --> 00:00:18.000
Give the page a meaningful structure.
6 screen-reader basics.

00:00:18.000 --> 00:00:30.000
Start with meaningful content
The page needs text and structure that software can interpret.
Readable content · Meaningful structure · Programmatic information

00:00:30.000 --> 00:00:42.000
Headings support navigation
A logical heading structure helps people find sections.
Main heading · Section headings · Useful document order

00:00:42.000 --> 00:00:54.000
Controls need useful names
The purpose of a button or form field should be identifiable.
Named button · Labelled input · Clear purpose

00:00:54.000 --> 00:01:06.000
Images can need alternatives
Useful text alternatives communicate relevant image information.
Image purpose · Relevant alternative · Decorative-image handling

00:01:06.000 --> 00:01:18.000
Keyboard behaviour matters
Important tasks should remain usable without relying on a mouse.
Reachable controls · Usable interactions · Clear focus order

00:01:18.000 --> 00:01:30.000
Check the complete task
Test navigation and interaction, including errors and confirmations.
Real visitor task · Helpful feedback · Assistive-technology test

00:01:30.000 --> 00:01:39.000
Your checklist
Start with meaningful content · Headings support navigation · Controls need useful names · Images can need alternatives · Keyboard behaviour matters · Check the complete task

00:01:39.000 --> 00:01:47.000
Test real tasks with appropriate assistive technology.
jerseyweb.je