Semantic Structure and Navigation Flashcards
How do you describe complex header associations?
Use id and headers attributes to associate header and data cells explicitly.
Do not do this with Nested or Split tables.
MUST NOT reference header and data associations across them.
How should you treat a table summary?
If provided it should make the table more understandable to screen reader users.
How do you treat iFrames?
The source page must have a meaningful title.
Frame must have a title element
It should fit within the heading hierarchy of the page.
If hidden should contain aria-hidden = “true”
How do you apply critical emphasis for text?
< strong > or < em >
Should also be conveyed in text-based format
How do you code the quote element?
< blockquote > or < q > for in-line quote
How do you mark a strikethrough?
< del > is the tag, but critical strikethroughs should also be indicated with text because screen readers don’t all support it.
How do you mark an insertion?
< ins > is the markup, but should also be indicated with text.
what does < mark > do?
Highlights text.
What are properties if IDs?
Unique within a webpage.
How do you designate a navigation list?
role = “navigation”
should inform users which page they are currently on (both sighted and unsighted).
Multiple landmarks should be distinguished by
aria-label or arial-labeledby
Which instances should there only be one of on a given page?
Banner, Main, Contentinfo
All text should be contained within what type of region?
landmark
What is special about < h1 >?
< h1 > designates the start of the main content
There should be only one
