Practice 1
Accessible names
Find an icon button that has no meaningful name and repair what a screen reader exposes.
Course progress: 0 / 20 lessons
LESSON 14 OF 20
Structure and content
Meaningful structure lets people scan, orient themselves, and move directly to useful content without relying on visual position.
In this lesson
Evaluate names, headings, landmarks, links, images, and bypass mechanisms as a connected page structure.
Expose the page model
Headings, landmarks, lists, and other native structures create routes through a page. Their hierarchy should represent the content rather than reproduce typography mechanically.
Give every destination and control a purpose
Names and link text must communicate what an object does or where it leads. Context can contribute to that meaning, but users should not have to infer it from visual proximity alone.
Include images deliberately
Informative images need useful alternatives, functional images need the name of their action, and decorative images should avoid adding redundant output.
Provide efficient entry points
Skip links and reliable landmarks help users bypass repeated content. They must move focus to a meaningful target and remain operable with a keyboard.
What to remember
Treat structure as part of the interface. It determines how efficiently a screen-reader user can understand and navigate the page.
Knowledge check
Answer every question, then use the forward lesson button to record this lesson as complete. The check is not scored and can be repeated.