Semantic Structure & Navigation Flashcards

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
Q

Headings ____ skip hierarchical levels.

A

SHOULD NOT

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

The beginning of the main content ____ start with

.

A

SHOULD

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

Most web pages ____ have only one

.

A

SHOULD

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

Links ____ be semantically designated as such.

A

MUST

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

Links and buttons ____ be designated semantically according to their functions.

A

SHOULD

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

A link ____ have programmatically-discernible text, as determined by the accessible name calculation algorithm.

A

MUST

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

The purpose of each link ____ be able to be determined from the link text alone.

A

SHOULD

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

The link text ____ repeat the role (“link”).

A

SHOULD NOT

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

Features such as labels, names, and text alternatives for content that have the same functionality across multiple web pages ____ be consistently identified.

A

MUST

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

A link that opens in a new window or tab ____ indicate that it opens in a new window or tab.

A

SHOULD

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

A link to a file or destination in an alternative or non-web format ____ indicate the file or destination type.

A

SHOULD

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

A link to an external site ____ indicate that it leads to an external site.

A

MAY

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

Links ____ be visually distinguishable from surrounding text.

A

MUST

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

All focusable elements ____ have a visual focus indicator when in focus.

A

MUST

39
Q

Focusable elements ____ have enhanced visual focus indicator styles.

A

SHOULD

40
Q

A navigation list ____ be designated with the nav element or role=”navigation”.

A

SHOULD

41
Q

A navigation list ____ include a visible method of informing users which page within the navigation list is the currently active/visible page.

A

SHOULD

42
Q

A navigation list ____ include a method of informing blind users which page within the navigation list is the currently active/visible page.

A

SHOULD

43
Q

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.

A

MUST MUST NOT

44
Q

A keyboard-functional “skip” link ____ be provided to allow keyboard users to navigate directly to the main content.

A

SHOULD

45
Q

The “skip link” ____ be the first focusable element on the page.

A

SHOULD

46
Q

A skip link ____ be either visible at all times or visible on keyboard focus.

A

MUST

47
Q

A table of contents for the page ____ be included at the top of the content or in the header.

A

MAY

48
Q

If a table of contents for the page is included, it ____ reflect the heading structure of the page.

A

SHOULD

49
Q

The reading order ____ be logical and intuitive.

A

MUST

50
Q

The navigation order of focusable elements ____ be logical and intuitive.

A

MUST

51
Q

tabindex of positive values ____ be used.

A

SHOULD NOT

52
Q

A paginated view ____ include a visible method of informing users which view is the currently active/visible view.

A

SHOULD

53
Q

A paginated view ____ include a method of informing blind users which view is the currently active/visible view.

A

SHOULD

54
Q

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.

A

MUST

55
Q

Tabular data ____ be represented in a table.

A

SHOULD

56
Q

Data tables ____ have a programmatically-associated caption or name.

A

SHOULD

57
Q

The name/caption of a data table ____ describe the identity or purpose of the table accurately, meaningfully, and succinctly.

A

SHOULD

58
Q

The name/caption of each data table ____ be unique within the context of other tables on the same page.

A

SHOULD

59
Q

Table headers be designated with th.

A

MUST

60
Q

Data table header text ____ accurately describe the category of the corresponding data cells.

A

MUST

61
Q

Table data cells ____ be associated with their corresponding header cells.

A

MUST

62
Q

Table data group headers ____ be associated with their corresponding data cell groups.

A

MUST

63
Q

Header/data associations that cannot be designated with th and scope ____ be designated with headers plus id

A

MUST

64
Q

Data table headers and data associations ____ be referenced across nested, merged, or separate tables.

A

MUST NOT

65
Q

A summary ____ be provided for data tables.

A

MAY

66
Q

A data table summary, if provided, ____ make the table more understandable to screen reader users.

A

SHOULD

67
Q

Tables ____ be used for the purpose of purely visual (non-data) layout.

A

SHOULD NOT

68
Q

Layout tables ____ contain data table markup.

A

MUST NOT

69
Q

Lists ____ be constructed using the appropriate semantic markup.

A

MUST

70
Q

Iframes that convey content to users ____ have a non-empty title attribute.

A

MUST

71
Q

The iframe title ____ be accurate and descriptive.

A

MUST

72
Q

Frames ____ have a unique title (in the context of the page).

A

MUST

73
Q

The source page of an iframe ____ have a valid, meaningful title.

A

MUST

74
Q

The heading hierarchy of an iframe ____ be designed to fit within the heading hierarchy of the parent document, if possible.

A

SHOULD

75
Q

Hidden frames or frames that do not convey content to users ____ be hidden from assistive technologies using aria-hidden=”true”.

A

SHOULD

76
Q

Critical emphasis in the text ____ be conveyed through visual styling.

A

SHOULD

77
Q

Critical emphasis in the text ____ be conveyed in a text-based format.

A

SHOULD

78
Q

The blockquote element ____ be used to designate long (block level) quotations.

A

SHOULD

79
Q

The blockquote element ____ be used for visual styling alone.

A

SHOULD NOT

80
Q

The q element (for inline quotations) ____ be used as the only way to designate quotations.

A

SHOULD NOT

81
Q

Code ____ be marked with the code element and styled to look different from non-code text.

A

SHOULD

82
Q

Blocks of code ____ be formatted with the pre element.

A

SHOULD

83
Q

Strikethrough text ____ be marked with the del element.

A

SHOULD

84
Q

Critical strikethrough text ____ be supplemented with a text-based method to convey the meaning of the strikethrough.

A

MUST

85
Q

Text designated for insertion ___ be marked with the ins element.

A

SHOULD

86
Q

Critical text designated for insertion ____ be supplemented with a text-based method to convey the meaning of the insertion.

A

MUST

87
Q

Highlighted text ____ be marked with the mark element.

A

SHOULD

88
Q

Critical highlighted text ____ be supplemented with a text-based method to convey the meaning of the highlighting.

A

SHOULD

89
Q

In content implemented using markup languages, elements ____ have complete start and end tags.

A

MUST

90
Q

IDs ____ be unique within a web page.

A

MUST

91
Q

Names, when provided, of block level elements (e.g. landmarks, tables, iframes, etc.) ____ be unique within a web page.

A

SHOULD

92
Q

Markup ____ adhere to required parent-child relationships of elements and attributes.

A

SHOULD

93
Q

Deprecated markup ____ be used.

A

SHOULD NOT