Semantic Structure & Navigation Flashcards
The page
___ be present and ___ contain text
MUST
The page title ____ be updated when the web address changes
MUST
The page title ____ be accurate and informative
MUST
If a page is the result of a user action or scripted change of context, the text of the title ____ describe the result or change of context to the user
SHOULD
The title ____ be concise
SHOULD
The page title ____ be unique, if possible.
SHOULD
Unique information ____ come first in the title
SHOULD
The page title ____ match (or be very similar to) the top heading in the main content.
SHOULD
The primary language of the page ____ be identified accurately on the html>element.
MUST
The primary language of the page ____ be identified with a valid value on the html element.
MUST
Inline language changes ____ be identified with a valid lang attribute.
MUST
The language code ____ be valid.
MUST
Landmarks ____ be used to designate pre-defined parts of the layout (header, nav, main, footer, etc.).
SHOULD
All text ____ be contained within a landmark region.
SHOULD
Multiple instances of the same type of landmark ____ be distinguishable by different discernible labels (aria-label or aria-labelledby).
SHOULD
A page ____ contain more than one instance of each of the following landmarks: banner, main, and contentinfo.
SHOULD NOT
The total number of landmarks ____ be minimized to the extent appropriate for the content.
SHOULD
Landmarks ____ be made backward compatible.
SHOULD
In content implemented using markup languages, the purpose of User Interface Components, icons, and regions ____ be programmatically determinable.
MAY
Text that acts as a heading visually or structurally ____ be designated as a true heading in the markup.
SHOULD
Text that does not act as a heading visually or structurally ____ be marked as a heading.
SHOULD NOT
Headings ____ be accurate and informative.
MUST
Heading text ____ be concise and relatively brief.
SHOULD
Headings ____ convey a clear and accurate structural outline of the sections of content of a web page.
SHOULD
Headings ____ skip hierarchical levels.
SHOULD NOT
The beginning of the main content ____ start with
.
SHOULD
Most web pages ____ have only one
.
SHOULD
Links ____ be semantically designated as such.
MUST
Links and buttons ____ be designated semantically according to their functions.
SHOULD
A link ____ have programmatically-discernible text, as determined by the accessible name calculation algorithm.
MUST
The purpose of each link ____ be able to be determined from the link text alone.
SHOULD
The link text ____ repeat the role (“link”).
SHOULD NOT
Features such as labels, names, and text alternatives for content that have the same functionality across multiple web pages ____ be consistently identified.
MUST
A link that opens in a new window or tab ____ indicate that it opens in a new window or tab.
SHOULD
A link to a file or destination in an alternative or non-web format ____ indicate the file or destination type.
SHOULD
A link to an external site ____ indicate that it leads to an external site.
MAY
Links ____ be visually distinguishable from surrounding text.
MUST
All focusable elements ____ have a visual focus indicator when in focus.
MUST
Focusable elements ____ have enhanced visual focus indicator styles.
SHOULD
A navigation list ____ be designated with the nav element or role=”navigation”.
SHOULD
A navigation list ____ include a visible method of informing users which page within the navigation list is the currently active/visible page.
SHOULD
A navigation list ____ include a method of informing blind users which page within the navigation list is the currently active/visible page.
SHOULD
Navigation patterns that are repeated on web pages ____ be presented in the same relative order each time they appear and ____ change order when navigating through the site.
MUST MUST NOT
A keyboard-functional “skip” link ____ be provided to allow keyboard users to navigate directly to the main content.
SHOULD
The “skip link” ____ be the first focusable element on the page.
SHOULD
A skip link ____ be either visible at all times or visible on keyboard focus.
MUST
A table of contents for the page ____ be included at the top of the content or in the header.
MAY
If a table of contents for the page is included, it ____ reflect the heading structure of the page.
SHOULD
The reading order ____ be logical and intuitive.
MUST
The navigation order of focusable elements ____ be logical and intuitive.
MUST
tabindex of positive values ____ be used.
SHOULD NOT
A paginated view ____ include a visible method of informing users which view is the currently active/visible view.
SHOULD
A paginated view ____ include a method of informing blind users which view is the currently active/visible view.
SHOULD
If a single-character-key shortcut exists, then at least one of the following ____ be true: single-character-key shortcuts can be turned off, remapped, or are only active when the relevant user interface component is in focus.
MUST
Tabular data ____ be represented in a table.
SHOULD
Data tables ____ have a programmatically-associated caption or name.
SHOULD
The name/caption of a data table ____ describe the identity or purpose of the table accurately, meaningfully, and succinctly.
SHOULD
The name/caption of each data table ____ be unique within the context of other tables on the same page.
SHOULD
Table headers be designated with th.
MUST
Data table header text ____ accurately describe the category of the corresponding data cells.
MUST
Table data cells ____ be associated with their corresponding header cells.
MUST
Table data group headers ____ be associated with their corresponding data cell groups.
MUST
Header/data associations that cannot be designated with th and scope ____ be designated with headers plus id
MUST
Data table headers and data associations ____ be referenced across nested, merged, or separate tables.
MUST NOT
A summary ____ be provided for data tables.
MAY
A data table summary, if provided, ____ make the table more understandable to screen reader users.
SHOULD
Tables ____ be used for the purpose of purely visual (non-data) layout.
SHOULD NOT
Layout tables ____ contain data table markup.
MUST NOT
Lists ____ be constructed using the appropriate semantic markup.
MUST
Iframes that convey content to users ____ have a non-empty title attribute.
MUST
The iframe title ____ be accurate and descriptive.
MUST
Frames ____ have a unique title (in the context of the page).
MUST
The source page of an iframe ____ have a valid, meaningful title.
MUST
The heading hierarchy of an iframe ____ be designed to fit within the heading hierarchy of the parent document, if possible.
SHOULD
Hidden frames or frames that do not convey content to users ____ be hidden from assistive technologies using aria-hidden=”true”.
SHOULD
Critical emphasis in the text ____ be conveyed through visual styling.
SHOULD
Critical emphasis in the text ____ be conveyed in a text-based format.
SHOULD
The blockquote element ____ be used to designate long (block level) quotations.
SHOULD
The blockquote element ____ be used for visual styling alone.
SHOULD NOT
The q element (for inline quotations) ____ be used as the only way to designate quotations.
SHOULD NOT
Code ____ be marked with the code element and styled to look different from non-code text.
SHOULD
Blocks of code ____ be formatted with the pre element.
SHOULD
Strikethrough text ____ be marked with the del element.
SHOULD
Critical strikethrough text ____ be supplemented with a text-based method to convey the meaning of the strikethrough.
MUST
Text designated for insertion ___ be marked with the ins element.
SHOULD
Critical text designated for insertion ____ be supplemented with a text-based method to convey the meaning of the insertion.
MUST
Highlighted text ____ be marked with the mark element.
SHOULD
Critical highlighted text ____ be supplemented with a text-based method to convey the meaning of the highlighting.
SHOULD
In content implemented using markup languages, elements ____ have complete start and end tags.
MUST
IDs ____ be unique within a web page.
MUST
Names, when provided, of block level elements (e.g. landmarks, tables, iframes, etc.) ____ be unique within a web page.
SHOULD
Markup ____ adhere to required parent-child relationships of elements and attributes.
SHOULD
Deprecated markup ____ be used.
SHOULD NOT