What a Screen Reader Hears

A screen reader announces each part of a page by its role, its name and its state, all read from your HTML, and the developer tools show you exactly what it will say.

Updated

Codey's cheat sheet for What a Screen Reader Hears: A screen reader announces each part of a page by its role, its name and its state, all read from your HTML, and the developer tools show you exactly what it will say.
Category
HTML
Level
Journeyman
Tags
Accessibility tree, Accessible name, ARIA role, Developer Tools, html, Screen reader, web-development