Semantic Structure and Navigation Flashcards
How do you describe Complex Header associations?
and scope “headers” plus “id”
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></em></strong>
Should be conveyed in text-based format</em></strong>
How do you code the quote element? ?
<code> , <pre></code>
Cannot be alone</pre></code>
How do you mark a strikethrough?
<del></del>
How do you mark an insertion?
<ins></ins>
what does do?
Highlight
What are properties if IDs?
Unique within a webpage.
How do you designate a navigation list?
or 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>
<h1> designates the start of the main content
| there should be only one</h1>