Semantic Structure & Navigation Flashcards

(93 cards)

1
Q

The page

___ be present and ___ contain text

A

MUST

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
2
Q

The page title ____ be updated when the web address changes

A

MUST

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
3
Q

The page title ____ be accurate and informative

A

MUST

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
4
Q

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

A

SHOULD

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
5
Q

The title ____ be concise

A

SHOULD

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
6
Q

The page title ____ be unique, if possible.

A

SHOULD

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
7
Q

Unique information ____ come first in the title

A

SHOULD

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
8
Q

The page title ____ match (or be very similar to) the top heading in the main content.

A

SHOULD

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
9
Q

The primary language of the page ____ be identified accurately on the html>element.

A

MUST

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
10
Q

The primary language of the page ____ be identified with a valid value on the html element.

A

MUST

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
11
Q

Inline language changes ____ be identified with a valid lang attribute.

A

MUST

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
12
Q

The language code ____ be valid.

A

MUST

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
13
Q

Landmarks ____ be used to designate pre-defined parts of the layout (header, nav, main, footer, etc.).

A

SHOULD

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
14
Q

All text ____ be contained within a landmark region.

A

SHOULD

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
15
Q

Multiple instances of the same type of landmark ____ be distinguishable by different discernible labels (aria-label or aria-labelledby).

A

SHOULD

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
16
Q

A page ____ contain more than one instance of each of the following landmarks: banner, main, and contentinfo.

A

SHOULD NOT

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
17
Q

The total number of landmarks ____ be minimized to the extent appropriate for the content.

A

SHOULD

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
18
Q

Landmarks ____ be made backward compatible.

A

SHOULD

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
19
Q

In content implemented using markup languages, the purpose of User Interface Components, icons, and regions ____ be programmatically determinable.

A

MAY

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
20
Q

Text that acts as a heading visually or structurally ____ be designated as a true heading in the markup.

A

SHOULD

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
21
Q

Text that does not act as a heading visually or structurally ____ be marked as a heading.

A

SHOULD NOT

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
22
Q

Headings ____ be accurate and informative.

A

MUST

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
23
Q

Heading text ____ be concise and relatively brief.

A

SHOULD

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
24
Q

Headings ____ convey a clear and accurate structural outline of the sections of content of a web page.

A

SHOULD

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
25
Headings ____ skip hierarchical levels.
SHOULD NOT
26
The beginning of the main content ____ start with .
SHOULD
27
Most web pages ____ have only one .
SHOULD
28
Links ____ be semantically designated as such.
MUST
29
Links and buttons ____ be designated semantically according to their functions.
SHOULD
30
A link ____ have programmatically-discernible text, as determined by the accessible name calculation algorithm.
MUST
31
The purpose of each link ____ be able to be determined from the link text alone.
SHOULD
32
The link text ____ repeat the role ("link").
SHOULD NOT
33
Features such as labels, names, and text alternatives for content that have the same functionality across multiple web pages ____ be consistently identified.
MUST
34
A link that opens in a new window or tab ____ indicate that it opens in a new window or tab.
SHOULD
35
A link to a file or destination in an alternative or non-web format ____ indicate the file or destination type.
SHOULD
36
A link to an external site ____ indicate that it leads to an external site.
MAY
37
Links ____ be visually distinguishable from surrounding text.
MUST
38
All focusable elements ____ have a visual focus indicator when in focus.
MUST
39
Focusable elements ____ have enhanced visual focus indicator styles.
SHOULD
40
A navigation list ____ be designated with the nav element or role="navigation".
SHOULD
41
A navigation list ____ include a visible method of informing users which page within the navigation list is the currently active/visible page.
SHOULD
42
A navigation list ____ include a method of informing blind users which page within the navigation list is the currently active/visible page.
SHOULD
43
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
44
A keyboard-functional "skip" link ____ be provided to allow keyboard users to navigate directly to the main content.
SHOULD
45
The "skip link" ____ be the first focusable element on the page.
SHOULD
46
A skip link ____ be either visible at all times or visible on keyboard focus.
MUST
47
A table of contents for the page ____ be included at the top of the content or in the header.
MAY
48
If a table of contents for the page is included, it ____ reflect the heading structure of the page.
SHOULD
49
The reading order ____ be logical and intuitive.
MUST
50
The navigation order of focusable elements ____ be logical and intuitive.
MUST
51
tabindex of positive values ____ be used.
SHOULD NOT
52
A paginated view ____ include a visible method of informing users which view is the currently active/visible view.
SHOULD
53
A paginated view ____ include a method of informing blind users which view is the currently active/visible view.
SHOULD
54
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
55
Tabular data ____ be represented in a table.
SHOULD
56
Data tables ____ have a programmatically-associated caption or name.
SHOULD
57
The name/caption of a data table ____ describe the identity or purpose of the table accurately, meaningfully, and succinctly.
SHOULD
58
The name/caption of each data table ____ be unique within the context of other tables on the same page.
SHOULD
59
Table headers be designated with th.
MUST
60
Data table header text ____ accurately describe the category of the corresponding data cells.
MUST
61
Table data cells ____ be associated with their corresponding header cells.
MUST
62
Table data group headers ____ be associated with their corresponding data cell groups.
MUST
63
Header/data associations that cannot be designated with th and scope ____ be designated with headers plus id
MUST
64
Data table headers and data associations ____ be referenced across nested, merged, or separate tables.
MUST NOT
65
A summary ____ be provided for data tables.
MAY
66
A data table summary, if provided, ____ make the table more understandable to screen reader users.
SHOULD
67
Tables ____ be used for the purpose of purely visual (non-data) layout.
SHOULD NOT
68
Layout tables ____ contain data table markup.
MUST NOT
69
Lists ____ be constructed using the appropriate semantic markup.
MUST
70
Iframes that convey content to users ____ have a non-empty title attribute.
MUST
71
The iframe title ____ be accurate and descriptive.
MUST
72
Frames ____ have a unique title (in the context of the page).
MUST
73
The source page of an iframe ____ have a valid, meaningful title.
MUST
74
The heading hierarchy of an iframe ____ be designed to fit within the heading hierarchy of the parent document, if possible.
SHOULD
75
Hidden frames or frames that do not convey content to users ____ be hidden from assistive technologies using aria-hidden="true".
SHOULD
76
Critical emphasis in the text ____ be conveyed through visual styling.
SHOULD
77
Critical emphasis in the text ____ be conveyed in a text-based format.
SHOULD
78
The blockquote element ____ be used to designate long (block level) quotations.
SHOULD
79
The blockquote element ____ be used for visual styling alone.
SHOULD NOT
80
The q element (for inline quotations) ____ be used as the only way to designate quotations.
SHOULD NOT
81
Code ____ be marked with the code element and styled to look different from non-code text.
SHOULD
82
Blocks of code ____ be formatted with the pre element.
SHOULD
83
Strikethrough text ____ be marked with the del element.
SHOULD
84
Critical strikethrough text ____ be supplemented with a text-based method to convey the meaning of the strikethrough.
MUST
85
Text designated for insertion ___ be marked with the ins element.
SHOULD
86
Critical text designated for insertion ____ be supplemented with a text-based method to convey the meaning of the insertion.
MUST
87
Highlighted text ____ be marked with the mark element.
SHOULD
88
Critical highlighted text ____ be supplemented with a text-based method to convey the meaning of the highlighting.
SHOULD
89
In content implemented using markup languages, elements ____ have complete start and end tags.
MUST
90
IDs ____ be unique within a web page.
MUST
91
Names, when provided, of block level elements (e.g. landmarks, tables, iframes, etc.) ____ be unique within a web page.
SHOULD
92
Markup ____ adhere to required parent-child relationships of elements and attributes.
SHOULD
93
Deprecated markup ____ be used.
SHOULD NOT