A simple HTML webpage
How do screenreaders work?
Screenreader applications describe the content, name and state of elements on a web page, allowing someone to use the page without seeing it.
People navigate what they hear with the keyboard or by swiping on a touch device.
There are 3 common ways screenreaders interact with the page.
Screenreaders can simply read the entire page item by item by:
- Pressing the arrow keys
- Letting the screen reader itself read all content
Screenreaders can use keyboard shortcuts to perform tasks like:
- Skip from heading to heading.
- Locate forms
- Navigate tables
Screenreaders can gather some types of content into a single menu to quickly locate:
- Landmarks (like header, navigation, main content, form and footer)
Properly formed features are fully accessible and describe their current state. In this case, expanded or collapsed.
More infoThis semantic element covers all success criteria with no additional scripting.
Forms consist of interactive controls and inputs that express their name, role and state.