A | B | C | D | E | F | G | H | I | J | K | L | M | N | O | P | Q | R | S | T | U | V | W | X | Y | Z | |
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
1 | Card Label | ID# | Short Name | focus or point of regard is restored when a temporary change of view is undone. | Guideline | Scratchpad | Sort by | |||||||||||||||||||
2 | Section Labels: Sections of content have clear visual and programmatic labeled (101) | 101 | Section Labels | Sections of content have clear visual and programmatic labeled | Aid Navigation | https://docs.google.com/document/d/1kK4hpc442KHSneOFwrHDWwKZM_XcIcqLzKied-VNLIg/edit#heading=h.cnii15lnqzke | have | |||||||||||||||||||
3 | Organized: Content is organized with related information is grouped together with the structure presented visually and semantically (102) | 102 | Organized | Content is organized with related information is grouped together with the structure presented visually and semantically | Aid Navigation | https://docs.google.com/document/d/1kK4hpc442KHSneOFwrHDWwKZM_XcIcqLzKied-VNLIg/edit#heading=h.cnii15lnqzke | d wit | |||||||||||||||||||
4 | Clear Navigation: Navigation elements are clearly differentiated from content, both visually and programmatically (103) | 103 | Clear Navigation | Navigation elements are clearly differentiated from content, both visually and programmatically | Aid Navigation | https://docs.google.com/document/d/1kK4hpc442KHSneOFwrHDWwKZM_XcIcqLzKied-VNLIg/edit#heading=h.cnii15lnqzke | are | |||||||||||||||||||
5 | Multiple Ways: At least two ways of navigating and finding information are available (Search, Scan, Site Map, Menu Structure, Breadcrumbs, contextual links, etc) (104) | 104 | Multiple Ways | At least two ways of navigating and finding information are available (Search, Scan, Site Map, Menu Structure, Breadcrumbs, contextual links, etc) | Aid Navigation | https://docs.google.com/document/d/1kK4hpc442KHSneOFwrHDWwKZM_XcIcqLzKied-VNLIg/edit#heading=h.cnii15lnqzke | f nav | |||||||||||||||||||
6 | Persistent Navigation: Navigation features remain available regardless of screen size and magnification (responsive design) (105) | 105 | Persistent Navigation | Navigation features remain available regardless of screen size and magnification (responsive design) | Aid Navigation | https://docs.google.com/document/d/1kK4hpc442KHSneOFwrHDWwKZM_XcIcqLzKied-VNLIg/edit#heading=h.cnii15lnqzke | rema | |||||||||||||||||||
7 | Consistent navigation: Navigation elements remain consistent across views (106) | 106 | Consistent navigation | Navigation elements remain consistent across views | Aid Navigation | https://docs.google.com/document/d/1kK4hpc442KHSneOFwrHDWwKZM_XcIcqLzKied-VNLIg/edit#heading=h.cnii15lnqzke | rema | |||||||||||||||||||
8 | Steps and Direction: The steps and directions needed to complete a process are clearly indicated. (107) | 107 | Steps and Direction | The steps and directions needed to complete a process are clearly indicated. | Aid Navigation | https://docs.google.com/document/d/1kK4hpc442KHSneOFwrHDWwKZM_XcIcqLzKied-VNLIg/edit#heading=h.cnii15lnqzke | tions | |||||||||||||||||||
9 | Clear Starting Point: The starting point or home is clearly labeled visually and programmatically (108) | 108 | Clear Starting Point | The starting point or home is clearly labeled visually and programmatically | Aid Navigation | https://docs.google.com/document/d/1kK4hpc442KHSneOFwrHDWwKZM_XcIcqLzKied-VNLIg/edit#heading=h.cnii15lnqzke | or ho | |||||||||||||||||||
10 | Current location: My current location is visually and programmatically indicated (109) | 109 | Current location | My current location is visually and programmatically indicated | Aid Navigation | https://docs.google.com/document/d/1kK4hpc442KHSneOFwrHDWwKZM_XcIcqLzKied-VNLIg/edit#heading=h.cnii15lnqzke | is v | |||||||||||||||||||
11 | Finding Media Alternatives: Mechanisms exist to find media that has the desired media alternatives available (110) | 110 | Finding Media Alternatives | Mechanisms exist to find media that has the desired media alternatives available | Audio and Video Alternatives | https://docs.google.com/document/d/1Hjp8lzf54h7dCsFQP5xqj0pZgWBSQJuOIK_FV36zIb0/edit#heading=h.23ob8nx57awl | find | |||||||||||||||||||
12 | Enabling media alternatives: Media provides a clear mechanism for enabling the media alternatives available (111) | 111 | Enabling media alternatives | Media provides a clear mechanism for enabling the media alternatives available | Audio and Video Alternatives | https://docs.google.com/document/d/1Hjp8lzf54h7dCsFQP5xqj0pZgWBSQJuOIK_FV36zIb0/edit#heading=h.23ob8nx57awl | ear m | |||||||||||||||||||
13 | Audio and Text Descriptions: Audio and text descriptions are available that provide non-visual access to visual content. (112) | 112 | Audio and Text Descriptions | Audio and text descriptions are available that provide non-visual access to visual content. | Audio and Video Alternatives | https://docs.google.com/document/d/1Hjp8lzf54h7dCsFQP5xqj0pZgWBSQJuOIK_FV36zIb0/edit#heading=h.23ob8nx57awl | ripti | |||||||||||||||||||
14 | Text Alternatives to Audio: [Audio Alt] Text alternatives to the information conveyed by the audio track exist. (113) | 113 | Text Alternatives to Audio | [Audio Alt] Text alternatives to the information conveyed by the audio track exist. | Audio and Video Alternatives | https://docs.google.com/document/d/1Hjp8lzf54h7dCsFQP5xqj0pZgWBSQJuOIK_FV36zIb0/edit#heading=h.23ob8nx57awl | terna | |||||||||||||||||||
15 | Audio Alternative in Preferred Language: The audio alternative is available in my preferred or needed language (114) | 114 | Audio Alternative in Preferred Language | The audio alternative is available in my preferred or needed language | Audio and Video Alternatives | https://docs.google.com/document/d/1Hjp8lzf54h7dCsFQP5xqj0pZgWBSQJuOIK_FV36zIb0/edit#heading=h.23ob8nx57awl | ve is | |||||||||||||||||||
16 | Audio Alternative (Enhanced): Audio alternative has extra functionality to help me understand content better (115) | 115 | Audio Alternative (Enhanced) | Audio alternative has extra functionality to help me understand content better | Audio and Video Alternatives | https://docs.google.com/document/d/1Hjp8lzf54h7dCsFQP5xqj0pZgWBSQJuOIK_FV36zIb0/edit#heading=h.23ob8nx57awl | as ex | |||||||||||||||||||
17 | Captions in Virtual Reality: Captions are available as an alternative within Virtual reality. (116) | 116 | Captions in Virtual Reality | Captions are available as an alternative within Virtual reality. | Audio and Video Alternatives | https://docs.google.com/document/d/1Hjp8lzf54h7dCsFQP5xqj0pZgWBSQJuOIK_FV36zIb0/edit#heading=h.23ob8nx57awl | ble a | |||||||||||||||||||
18 | Media alternatives by color alone: Media alternatives covers the color perception information (117) | 117 | Media alternatives by color alone | Media alternatives covers the color perception information | Audio and Video Alternatives | https://docs.google.com/document/d/1Hjp8lzf54h7dCsFQP5xqj0pZgWBSQJuOIK_FV36zIb0/edit#heading=h.23ob8nx57awl | cover | |||||||||||||||||||
19 | Alternate sound output: Information conveyed via sound is also conveyed through non-audio means (118) | 118 | Alternate sound output | Information conveyed via sound is also conveyed through non-audio means | Audio and Video Alternatives | https://docs.google.com/document/d/1Hjp8lzf54h7dCsFQP5xqj0pZgWBSQJuOIK_FV36zIb0/edit#heading=h.23ob8nx57awl | d via | |||||||||||||||||||
20 | Uncommon words: Provide definitions of uncommon or new words using either an inline definition, one-click to a glossary, or a pop-up glossary. (119) | 119 | Uncommon words | Provide definitions of uncommon or new words using either an inline definition, one-click to a glossary, or a pop-up glossary. | Clear Language | https://docs.google.com/document/d/1JKJ32DK_A82ahsQ_k0RVPc-ZYpX5uuKtuGOLdo2OqyY/edit | of u | |||||||||||||||||||
21 | Acronyms and abbreviations: Provide expanded versions of acronyms and abbreviations using one of the techniques in SC 3.1.4 Abbreviations. (120) | 120 | Acronyms and abbreviations | Provide expanded versions of acronyms and abbreviations using one of the techniques in SC 3.1.4 Abbreviations. | Clear Language | https://docs.google.com/document/d/1JKJ32DK_A82ahsQ_k0RVPc-ZYpX5uuKtuGOLdo2OqyY/edit | rsion | |||||||||||||||||||
22 | Ambiguous pronunciation: Make available the characters, such as accent marks, needed to phonetically read words. (121) | 121 | Ambiguous pronunciation | Make available the characters, such as accent marks, needed to phonetically read words. | Clear Language | https://docs.google.com/document/d/1JKJ32DK_A82ahsQ_k0RVPc-ZYpX5uuKtuGOLdo2OqyY/edit | chara | |||||||||||||||||||
23 | Verb tense: Use the verb tense that is easiest to understand in context. (122) | 122 | Verb tense | Use the verb tense that is easiest to understand in context. | Clear Language | https://docs.google.com/document/d/1JKJ32DK_A82ahsQ_k0RVPc-ZYpX5uuKtuGOLdo2OqyY/edit | that | |||||||||||||||||||
24 | Sentence Voice: Use the voice that is easiest to understand in context. (123) | 123 | Sentence Voice | Use the voice that is easiest to understand in context. | Clear Language | https://docs.google.com/document/d/1JKJ32DK_A82ahsQ_k0RVPc-ZYpX5uuKtuGOLdo2OqyY/edit | is ea | |||||||||||||||||||
25 | Number of ideas in a sentence: Aim to express one idea per sentence by avoiding multiple dependent clauses. (124) | 124 | Number of ideas in a sentence | Aim to express one idea per sentence by avoiding multiple dependent clauses. | Clear Language | https://docs.google.com/document/d/1JKJ32DK_A82ahsQ_k0RVPc-ZYpX5uuKtuGOLdo2OqyY/edit | idea | |||||||||||||||||||
26 | Unnecessary words or phrases: Avoid filler words, such as “that,” or phrases, such as “needless to say,” “and so forth,” and “going to go,” unless they are essential to aid understanding. (125) | 125 | Unnecessary words or phrases | Avoid filler words, such as “that,” or phrases, such as “needless to say,” “and so forth,” and “going to go,” unless they are essential to aid understanding. | Clear Language | https://docs.google.com/document/d/1JKJ32DK_A82ahsQ_k0RVPc-ZYpX5uuKtuGOLdo2OqyY/edit | such | |||||||||||||||||||
27 | Implied meaning in figurative language: Explain figurative language or non-literal language such as jokes, sarcasm, hyperbole, metaphors, similes, and idioms. (126) | 126 | Implied meaning in figurative language | Explain figurative language or non-literal language such as jokes, sarcasm, hyperbole, metaphors, similes, and idioms. | Clear Language | https://docs.google.com/document/d/1JKJ32DK_A82ahsQ_k0RVPc-ZYpX5uuKtuGOLdo2OqyY/edit | langu | |||||||||||||||||||
28 | Explain Nonverbal cues in audio or video media: Explain nonverbal cues in captions or audio descriptions,such as tone of voice, facial expressions, body gestures, or music with emotional meaning. (127) | 127 | Explain Nonverbal cues in audio or video media | Explain nonverbal cues in captions or audio descriptions,such as tone of voice, facial expressions, body gestures, or music with emotional meaning. | Clear Language | https://docs.google.com/document/d/1JKJ32DK_A82ahsQ_k0RVPc-ZYpX5uuKtuGOLdo2OqyY/edit | ues i | |||||||||||||||||||
29 | Summary of long documents or media: Provide short, plain-language summary for long pieces of content such as articles or videos, similar to abstracts for scientific papers or executive summaries for business reports. (128) | 128 | Summary of long documents or media | Provide short, plain-language summary for long pieces of content such as articles or videos, similar to abstracts for scientific papers or executive summaries for business reports. | Clear Language | https://docs.google.com/document/d/1JKJ32DK_A82ahsQ_k0RVPc-ZYpX5uuKtuGOLdo2OqyY/edit | n-lan | |||||||||||||||||||
30 | Section length: Organize content in manageable sections, such as five or six paragraphs per section in an article or chapters in a long video, to make the information easier to understand and to avoid overwhelming users. (129) | 129 | Section length | Organize content in manageable sections, such as five or six paragraphs per section in an article or chapters in a long video, to make the information easier to understand and to avoid overwhelming users. | Clear Language | https://docs.google.com/document/d/1JKJ32DK_A82ahsQ_k0RVPc-ZYpX5uuKtuGOLdo2OqyY/edit | mana | |||||||||||||||||||
31 | Descriptive section headers: Use section headers such as H1, H2, H3, to separate each section so that users can skim the page and find what they need. (130) | 130 | Descriptive section headers | Use section headers such as H1, H2, H3, to separate each section so that users can skim the page and find what they need. | Clear Language | https://docs.google.com/document/d/1JKJ32DK_A82ahsQ_k0RVPc-ZYpX5uuKtuGOLdo2OqyY/edit | such | |||||||||||||||||||
32 | Paragraph length: Break long text into short paragraphs that focus on one idea. (131) | 131 | Paragraph length | Break long text into short paragraphs that focus on one idea. | Clear Language | https://docs.google.com/document/d/1JKJ32DK_A82ahsQ_k0RVPc-ZYpX5uuKtuGOLdo2OqyY/edit | o sho | |||||||||||||||||||
33 | Topic sentence: Put the aim or purpose at the beginning of each paragraph. This is especially important in sections with more than one paragraph. (132) | 132 | Topic sentence | Put the aim or purpose at the beginning of each paragraph. This is especially important in sections with more than one paragraph. | Clear Language | https://docs.google.com/document/d/1JKJ32DK_A82ahsQ_k0RVPc-ZYpX5uuKtuGOLdo2OqyY/edit | ose a | |||||||||||||||||||
34 | Lists: Use bulleted or numbered lists to present text in a more scannable format and help users focus on important information. (133) | 133 | Lists | Use bulleted or numbered lists to present text in a more scannable format and help users focus on important information. | Clear Language | https://docs.google.com/document/d/1JKJ32DK_A82ahsQ_k0RVPc-ZYpX5uuKtuGOLdo2OqyY/edit | bered | |||||||||||||||||||
35 | Instructions: Use numbered steps to identify all the steps in a process and the order in which they happen. (134) | 134 | Instructions | Use numbered steps to identify all the steps in a process and the order in which they happen. | Clear Language | https://docs.google.com/document/d/1JKJ32DK_A82ahsQ_k0RVPc-ZYpX5uuKtuGOLdo2OqyY/edit | to id | |||||||||||||||||||
36 | White Spacing: Use whitespace (also called “negative space” or “blank spacing”) to separate chunks of content. (135) | 135 | White Spacing | Use whitespace (also called “negative space” or “blank spacing”) to separate chunks of content. | Clear Language | https://docs.google.com/document/d/1JKJ32DK_A82ahsQ_k0RVPc-ZYpX5uuKtuGOLdo2OqyY/edit | o cal | |||||||||||||||||||
37 | Clear Background: Help users focus on the text by avoiding distracting backgrounds such as subtle floral designs or photos. Test TBD. COGA pattern 4.4.11 (136) | 136 | Clear Background | Help users focus on the text by avoiding distracting backgrounds such as subtle floral designs or photos. Test TBD. COGA pattern 4.4.11 | Clear Language | https://docs.google.com/document/d/1JKJ32DK_A82ahsQ_k0RVPc-ZYpX5uuKtuGOLdo2OqyY/edit | the | |||||||||||||||||||
38 | Supplements to aid understanding of text: Help users understand text using images, diagrams, video clips, etc. (137) | 137 | Supplements to aid understanding of text | Help users understand text using images, diagrams, video clips, etc. | Clear Language | https://docs.google.com/document/d/1JKJ32DK_A82ahsQ_k0RVPc-ZYpX5uuKtuGOLdo2OqyY/edit | nd te | |||||||||||||||||||
39 | Supplements to aid understanding of numerical concepts: Help users understand numerical concepts, such as weather forecasts that pair low temperatures with descriptions like “very cold.” (138) | 138 | Supplements to aid understanding of numerical concepts | Help users understand numerical concepts, such as weather forecasts that pair low temperatures with descriptions like “very cold.” | Clear Language | https://docs.google.com/document/d/1JKJ32DK_A82ahsQ_k0RVPc-ZYpX5uuKtuGOLdo2OqyY/edit | nd nu | |||||||||||||||||||
40 | Ambiguous numerical formatting: Avoid or mark up ambiguous numerical formatting such as Roman numerals, dates, and long numbers to aid user understanding and also pronunciation by text-to-speech and screen readers. (139) | 139 | Ambiguous numerical formatting | Avoid or mark up ambiguous numerical formatting such as Roman numerals, dates, and long numbers to aid user understanding and also pronunciation by text-to-speech and screen readers. | Clear Language | https://docs.google.com/document/d/1JKJ32DK_A82ahsQ_k0RVPc-ZYpX5uuKtuGOLdo2OqyY/edit | biguo | |||||||||||||||||||
41 | Descriptive purpose: The described purpose accurately conveys the actual purpose of the content so the user can decide if the content satisfies their purpose or need. (140) | 140 | Descriptive purpose | The described purpose accurately conveys the actual purpose of the content so the user can decide if the content satisfies their purpose or need. | Clear Purpose | https://docs.google.com/document/d/1KhzQdfr3yGHEIWLva-SLahFNk6K6YlrUqJNkANOv0FA/edit#heading=h.xbv57ky3kd2 | se ac | |||||||||||||||||||
42 | Title: Content has a high-level description or title (141) | 141 | Title | Content has a high-level description or title | Clear Purpose | https://docs.google.com/document/d/1KhzQdfr3yGHEIWLva-SLahFNk6K6YlrUqJNkANOv0FA/edit#heading=h.xbv57ky3kd3 | level | |||||||||||||||||||
43 | Clear control purpose: Provides controls whose purpose is clear (142) | 142 | Clear control purpose | Provides controls whose purpose is clear | Clear Purpose | https://docs.google.com/document/d/1KhzQdfr3yGHEIWLva-SLahFNk6K6YlrUqJNkANOv0FA/edit#heading=h.xbv57ky3kd4 | hose | |||||||||||||||||||
44 | Clear input: Makes it clear when user input or action is required (to complete a process) (143) | 143 | Clear input | Makes it clear when user input or action is required (to complete a process) | Clear Purpose | https://docs.google.com/document/d/1KhzQdfr3yGHEIWLva-SLahFNk6K6YlrUqJNkANOv0FA/edit#heading=h.xbv57ky3kd5 | user | |||||||||||||||||||
45 | Clear relationships: Makes clear the relationships between parts of the content (144) | 144 | Clear relationships | Makes clear the relationships between parts of the content | Clear Purpose | https://docs.google.com/document/d/1KhzQdfr3yGHEIWLva-SLahFNk6K6YlrUqJNkANOv0FA/edit#heading=h.xbv57ky3kd6 | ation | |||||||||||||||||||
46 | Clear agreement: Makes it clear when a user is entering an agreement or submitting data (145) | 145 | Clear agreement | Makes it clear when a user is entering an agreement or submitting data | Clear Purpose | https://docs.google.com/document/d/1KhzQdfr3yGHEIWLva-SLahFNk6K6YlrUqJNkANOv0FA/edit#heading=h.xbv57ky3kd7 | a us | |||||||||||||||||||
47 | Indicate interactive: Makes it clear what parts of the page are interactive (146) | 146 | Indicate interactive | Makes it clear what parts of the page are interactive | Clear Purpose | https://docs.google.com/document/d/1KhzQdfr3yGHEIWLva-SLahFNk6K6YlrUqJNkANOv0FA/edit#heading=h.xbv57ky3kd8 | part | |||||||||||||||||||
48 | Section purpose: Makes the purpose of each section of the content clear (147) | 147 | Section purpose | Makes the purpose of each section of the content clear | Clear Purpose | https://docs.google.com/document/d/1KhzQdfr3yGHEIWLva-SLahFNk6K6YlrUqJNkANOv0FA/edit#heading=h.xbv57ky3kd9 | f eac | |||||||||||||||||||
49 | Consistent purpose indicators: Provides consistent indications of purpose (148) | 148 | Consistent purpose indicators | Provides consistent indications of purpose | Clear Purpose | https://docs.google.com/document/d/1KhzQdfr3yGHEIWLva-SLahFNk6K6YlrUqJNkANOv0FA/edit#heading=h.xbv57ky3kd10 | indi | |||||||||||||||||||
50 | Transform content : Provides a means of transforming content to make its purpose clearer (149) | 149 | Transform content | Provides a means of transforming content to make its purpose clearer | Clear Purpose | https://docs.google.com/document/d/1KhzQdfr3yGHEIWLva-SLahFNk6K6YlrUqJNkANOv0FA/edit#heading=h.xbv57ky3kd11 | tran | |||||||||||||||||||
51 | Controlled Vocabulary: Indicates when it is using a controlled vocabulary or ontology (150) | 150 | Controlled Vocabulary | Indicates when it is using a controlled vocabulary or ontology | Clear Purpose | https://docs.google.com/document/d/1KhzQdfr3yGHEIWLva-SLahFNk6K6YlrUqJNkANOv0FA/edit#heading=h.xbv57ky3kd12 | s usi | |||||||||||||||||||
52 | Conventions: Follows established conventions (common usage? platform guides?) (151) | 151 | Conventions | Follows established conventions (common usage? platform guides?) | Clear Purpose | https://docs.google.com/document/d/1KhzQdfr3yGHEIWLva-SLahFNk6K6YlrUqJNkANOv0FA/edit#heading=h.xbv57ky3kd13 | conv | |||||||||||||||||||
53 | Multistep Prociess: Provides context that orients the user in a site or multi-step process. (152) | 152 | Multistep Prociess | Provides context that orients the user in a site or multi-step process. | Clear Purpose | https://docs.google.com/document/d/1KhzQdfr3yGHEIWLva-SLahFNk6K6YlrUqJNkANOv0FA/edit#heading=h.xbv57ky3kd14 | at or | |||||||||||||||||||
54 | Adjust Color: Users are able to adjust color schemes (153) | 153 | Adjust Color | Users are able to adjust color schemes | Color and Contrast | https://docs.google.com/document/d/1GOUnCDQIckGq-Pn35KGa-qa51NWUeecWxy_9f1qZI1E/edit#heading=h.xmsi9jlfudw8 | djust | |||||||||||||||||||
55 | Minimum text contrast: The rendered text against its background meets a minimum ‘contrast ratio test’ for its text appearance and use. (154) | 154 | Minimum text contrast | The rendered text against its background meets a minimum ‘contrast ratio test’ for its text appearance and use. | Color and Contrast | https://docs.google.com/document/d/1GOUnCDQIckGq-Pn35KGa-qa51NWUeecWxy_9f1qZI1E/edit#heading=h.xmsi9jlfudw9 | gains | |||||||||||||||||||
56 | Maximum text contrast: The rendered text against its background meets a maximum ‘contrast ratio test’ for its text appearance and use. (155) | 155 | Maximum text contrast | The rendered text against its background meets a maximum ‘contrast ratio test’ for its text appearance and use. | Color and Contrast | https://docs.google.com/document/d/1GOUnCDQIckGq-Pn35KGa-qa51NWUeecWxy_9f1qZI1E/edit#heading=h.xmsi9jlfudw10 | gains | |||||||||||||||||||
57 | Non-Text Contrast: Visual information required to identify user interface components and states meets the ‘colour contrast threshold’, except for inactive components or where the appearance of the component is determined by the user agent and not modified by the author; (156) | 156 | Non-Text Contrast | Visual information required to identify user interface components and states meets the ‘colour contrast threshold’, except for inactive components or where the appearance of the component is determined by the user agent and not modified by the author; | Color and Contrast | https://docs.google.com/document/d/1GOUnCDQIckGq-Pn35KGa-qa51NWUeecWxy_9f1qZI1E/edit#heading=h.xmsi9jlfudw11 | requi | |||||||||||||||||||
58 | Interaction indicators contrast: Interaction indicators have sufficient contrast and thickness (157) | 157 | Interaction indicators contrast | Interaction indicators have sufficient contrast and thickness | Color and Contrast | https://docs.google.com/document/d/1GOUnCDQIckGq-Pn35KGa-qa51NWUeecWxy_9f1qZI1E/edit#heading=h.xmsi9jlfudw12 | ors h | |||||||||||||||||||
59 | Contrast of visual information: Meaningful information in graphics and interfaces does not rely solely on color to convey meaning (158) | 158 | Contrast of visual information | Meaningful information in graphics and interfaces does not rely solely on color to convey meaning | Color and Contrast | https://docs.google.com/document/d/1GOUnCDQIckGq-Pn35KGa-qa51NWUeecWxy_9f1qZI1E/edit#heading=h.xmsi9jlfudw13 | ion i | |||||||||||||||||||
60 | Visual Design of Controls: Interactive controls (except links and buttons) that have similar function and behavior are consistent in visual design, so that users do not have to learn how to use more control types than necessary. (159) | 159 | Visual Design of Controls | Interactive controls (except links and buttons) that have similar function and behavior are consistent in visual design, so that users do not have to learn how to use more control types than necessary. | Consistent Design | https://docs.google.com/document/d/1kwv_nyiYfeYIhsFeyd3GblhYbquQktFzBsI0rxBD1OQ/ | s (ex | |||||||||||||||||||
61 | Behavior of controls: Interactive controls that have similar function and design are consistent in behavior, so that users do not have to learn how to use more control types than necessary. (160) | 160 | Behavior of controls | Interactive controls that have similar function and design are consistent in behavior, so that users do not have to learn how to use more control types than necessary. | Consistent Design | https://docs.google.com/document/d/1kwv_nyiYfeYIhsFeyd3GblhYbquQktFzBsI0rxBD1OQ/ | s tha | |||||||||||||||||||
62 | Controls vs Non-controls: Controls are distinguishable from non-controls so users know what is interactive. (161) | 161 | Controls vs Non-controls | Controls are distinguishable from non-controls so users know what is interactive. | Consistent Design | https://docs.google.com/document/d/1kwv_nyiYfeYIhsFeyd3GblhYbquQktFzBsI0rxBD1OQ/ | guish | |||||||||||||||||||
63 | Web Navigation location indicator: Provide at least one ‘indicator of location’ within the ‘set of web pages’ of the current location, so that users can orient themselves (162) | 162 | Web Navigation location indicator | Provide at least one ‘indicator of location’ within the ‘set of web pages’ of the current location, so that users can orient themselves | Consistent Design | https://docs.google.com/document/d/1kwv_nyiYfeYIhsFeyd3GblhYbquQktFzBsI0rxBD1OQ/ | e ‘in | |||||||||||||||||||
64 | Consistent Navigation: Navigation mechanisms are consistent, so that users spend less cognitive effort on them, allowing them to focus on the “intended task” (163) | 163 | Consistent Navigation | Navigation mechanisms are consistent, so that users spend less cognitive effort on them, allowing them to focus on the “intended task” | Consistent Design | https://docs.google.com/document/d/1kwv_nyiYfeYIhsFeyd3GblhYbquQktFzBsI0rxBD1OQ/ | ms ar | |||||||||||||||||||
65 | Visual indicator for change of context: If the activation of a user interface component that visually does not anticipate a change of context, leads to a change of context, provide a visual indicator beforehand to clarify this, so that users are not surprised (164) | 164 | Visual indicator for change of context | If the activation of a user interface component that visually does not anticipate a change of context, leads to a change of context, provide a visual indicator beforehand to clarify this, so that users are not surprised | Consistent Design | https://docs.google.com/document/d/1kwv_nyiYfeYIhsFeyd3GblhYbquQktFzBsI0rxBD1OQ/ | f a u | |||||||||||||||||||
66 | Ability to reverse a change of context: If the activation of a user interface component that visually does not anticipate a change of context, leads to a change of context, the user has the ability to reverse a change of context to easily return to a previous state or location. (165) | 165 | Ability to reverse a change of context | If the activation of a user interface component that visually does not anticipate a change of context, leads to a change of context, the user has the ability to reverse a change of context to easily return to a previous state or location. | Consistent Design | https://docs.google.com/document/d/1kwv_nyiYfeYIhsFeyd3GblhYbquQktFzBsI0rxBD1OQ/ | f a u | |||||||||||||||||||
67 | Understanding Tasks Without Learning Interactions: The tasks available in a view can be understood without needing to learn new interactions, to minimize cognitive overhead for users. (166) | 166 | Understanding Tasks Without Learning Interactions | The tasks available in a view can be understood without needing to learn new interactions, to minimize cognitive overhead for users. | Consistent Design | https://docs.google.com/document/d/1kwv_nyiYfeYIhsFeyd3GblhYbquQktFzBsI0rxBD1OQ/ | in a | |||||||||||||||||||
68 | Order supports understanding: Content and interactions are presented in an order that supports understanding the interaction or content. (167) | 167 | Order supports understanding | Content and interactions are presented in an order that supports understanding the interaction or content. | Content Order | https://docs.google.com/document/d/1UhV-ryL0oXMnL_oQvRXS70FtG-X_gVwfwGx_czSo85g/edit#heading=h.ijahyhxugsku | tions | |||||||||||||||||||
69 | Related content: Related content (i.e. sub-content, meta-content, and editorial content) and its context or relevant order is presented in an order that supports understanding the content. (168) | 168 | Related content | Related content (i.e. sub-content, meta-content, and editorial content) and its context or relevant order is presented in an order that supports understanding the content. | Content Order | https://docs.google.com/document/d/1UhV-ryL0oXMnL_oQvRXS70FtG-X_gVwfwGx_czSo85g/edit#heading=h.ijahyhxugsku | e. su | |||||||||||||||||||
70 | Restore focus: Focus or point of regard is restored when a temporary change of view is undone. (169) | 169 | Restore focus | Focus or point of regard is restored when a temporary change of view is undone. | Content Order | https://docs.google.com/document/d/1UhV-ryL0oXMnL_oQvRXS70FtG-X_gVwfwGx_czSo85g/edit#heading=h.ijahyhxugsku | egard | |||||||||||||||||||
71 | Virtual cursor: Content and interactions are presented to users of assistive technologies when using mechanisms that convey alternative points of regard or focus (i.e. virtual cursor). (170) | 170 | Virtual cursor | Content and interactions are presented to users of assistive technologies when using mechanisms that convey alternative points of regard or focus (i.e. virtual cursor). | Content Order | https://docs.google.com/document/d/1UhV-ryL0oXMnL_oQvRXS70FtG-X_gVwfwGx_czSo85g/edit#heading=h.ijahyhxugsku | tions | |||||||||||||||||||
72 | Customizable: Content supports customization (171) | 171 | Customizable | Content supports customization | Content Order | https://docs.google.com/document/d/1UhV-ryL0oXMnL_oQvRXS70FtG-X_gVwfwGx_czSo85g/edit#heading=h.ijahyhxugsku | stomi | |||||||||||||||||||
73 | Relevant focus: Content only contains relevant elements in the focus order. (172) | 172 | Relevant focus | Content only contains relevant elements in the focus order. | Content Order | https://docs.google.com/document/d/1UhV-ryL0oXMnL_oQvRXS70FtG-X_gVwfwGx_czSo85g/edit#heading=h.ijahyhxugsku | ns re | |||||||||||||||||||
74 | Consistent order: The order of content and interactions remain consistent throughout a workflow. (173) | 173 | Consistent order | The order of content and interactions remain consistent throughout a workflow. | Content Order | https://docs.google.com/document/d/1UhV-ryL0oXMnL_oQvRXS70FtG-X_gVwfwGx_czSo85g/edit#heading=h.ijahyhxugsku | t and | |||||||||||||||||||
75 | Notify on change: When previously viewed content is changed, the user is notified. (174) | 174 | Notify on change | When previously viewed content is changed, the user is notified. | Content Order | https://docs.google.com/document/d/1UhV-ryL0oXMnL_oQvRXS70FtG-X_gVwfwGx_czSo85g/edit#heading=h.ijahyhxugsku | wed c | |||||||||||||||||||
76 | Notify before activation: Controls that can alter the order of content convey their purpose prior to activation, and convey their impact on content order when activated. (175) | 175 | Notify before activation | Controls that can alter the order of content convey their purpose prior to activation, and convey their impact on content order when activated. | Content Order | https://docs.google.com/document/d/1UhV-ryL0oXMnL_oQvRXS70FtG-X_gVwfwGx_czSo85g/edit#heading=h.ijahyhxugsku | lter | |||||||||||||||||||
77 | Distinguishable controls: The function of controls can be distinguished visually. (176) | 176 | Distinguishable controls | The function of controls can be distinguished visually. | Control and Focus Appearance | https://docs.google.com/document/d/1h-yTITpl9uyIWj2TjCLCWDNzSL9cnQGJeivyW9aJRgI/edit#heading=h.spr6hfitvd9m | trols | |||||||||||||||||||
78 | Visually Distinguishable Controls: Controls are visually distinct from non-controls OR Users can distinguish controls from non-controls. (177) | 177 | Visually Distinguishable Controls | Controls are visually distinct from non-controls OR Users can distinguish controls from non-controls. | Control and Focus Appearance | https://docs.google.com/document/d/1h-yTITpl9uyIWj2TjCLCWDNzSL9cnQGJeivyW9aJRgI/edit#heading=h.spr6hfitvd9m | ly di | |||||||||||||||||||
79 | Pointer Location: Users are able to determine where the pointer is located. (178) | 178 | Pointer Location | Users are able to determine where the pointer is located. | Control and Focus Appearance | https://docs.google.com/document/d/1h-yTITpl9uyIWj2TjCLCWDNzSL9cnQGJeivyW9aJRgI/edit#heading=h.spr6hfitvd9m | eterm | |||||||||||||||||||
80 | Visible keyboard focus indicator: The user can visually locate the keyboard focus (179) | 179 | Visible keyboard focus indicator | The user can visually locate the keyboard focus | Control and Focus Appearance | https://docs.google.com/document/d/1h-yTITpl9uyIWj2TjCLCWDNzSL9cnQGJeivyW9aJRgI/edit#heading=h.spr6hfitvd9m | ly lo | |||||||||||||||||||
81 | Change focus with pointer device: Selecting an element with a ‘pointer’ sets the focus to that element. (180) | 180 | Change focus with pointer device | Selecting an element with a ‘pointer’ sets the focus to that element. | Control and Focus Appearance | https://docs.google.com/document/d/1h-yTITpl9uyIWj2TjCLCWDNzSL9cnQGJeivyW9aJRgI/edit#heading=h.spr6hfitvd9m | t wit | |||||||||||||||||||
82 | Keyboard mode: The user can determine what mode keyboard input is in. (181) | 181 | Keyboard mode | The user can determine what mode keyboard input is in. | Control and Focus Appearance | https://docs.google.com/document/d/1h-yTITpl9uyIWj2TjCLCWDNzSL9cnQGJeivyW9aJRgI/edit#heading=h.spr6hfitvd9m | ine w | |||||||||||||||||||
83 | Control Names: All controls have an accurate name (182) | 182 | Control Names | All controls have an accurate name | Control semantics | https://docs.google.com/document/d/1CMr0zJeikB_9Cka5wkvGvXE7Eis9gSaPAADVilUtS4k/edit#heading=h.rpm5t115dztz | n acc | |||||||||||||||||||
84 | Control Roles: All controls have a determinable role (183) | 183 | Control Roles | All controls have a determinable role | Control semantics | https://docs.google.com/document/d/1CMr0zJeikB_9Cka5wkvGvXE7Eis9gSaPAADVilUtS4k/edit#heading=h.rpm5t115dztz | dete | |||||||||||||||||||
85 | Controls available: All operable controls must be available to all navigation and input methods (184) | 184 | Controls available | All operable controls must be available to all navigation and input methods | Control semantics | https://docs.google.com/document/d/1CMr0zJeikB_9Cka5wkvGvXE7Eis9gSaPAADVilUtS4k/edit#heading=h.rpm5t115dztz | ls mu | |||||||||||||||||||
86 | User settings: User settings are honored when using or reviewing content (185) | 185 | User settings | User settings are honored when using or reviewing content | Control semantics | https://docs.google.com/document/d/1CMr0zJeikB_9Cka5wkvGvXE7Eis9gSaPAADVilUtS4k/edit#heading=h.rpm5t115dztz | onore | |||||||||||||||||||
87 | Controls distinguishable: Controls must be distinguishable from the rest of the content. (186) | 186 | Controls distinguishable | Controls must be distinguishable from the rest of the content. | Control semantics | https://docs.google.com/document/d/1CMr0zJeikB_9Cka5wkvGvXE7Eis9gSaPAADVilUtS4k/edit#heading=h.rpm5t115dztz | sting | |||||||||||||||||||
88 | Control states: Element states are available and accurately conveyed. (187) | 187 | Control states | Element states are available and accurately conveyed. | Control semantics | https://docs.google.com/document/d/1CMr0zJeikB_9Cka5wkvGvXE7Eis9gSaPAADVilUtS4k/edit#heading=h.rpm5t115dztz | avail | |||||||||||||||||||
89 | Control updates: Updates to controls are available and accurately conveyed. (188) | 188 | Control updates | Updates to controls are available and accurately conveyed. | Control semantics | https://docs.google.com/document/d/1CMr0zJeikB_9Cka5wkvGvXE7Eis9gSaPAADVilUtS4k/edit#heading=h.rpm5t115dztz | are | |||||||||||||||||||
90 | Control importance: The importance(/prioritization) of controls is defined. (189) | 189 | Control importance | The importance(/prioritization) of controls is defined. | Control semantics | https://docs.google.com/document/d/1CMr0zJeikB_9Cka5wkvGvXE7Eis9gSaPAADVilUtS4k/edit#heading=h.rpm5t115dztz | oriti | |||||||||||||||||||
91 | Non text content has a text alternative: non-text content that requires a text alternative has one (190) | 190 | Non text content has a text alternative | non-text content that requires a text alternative has one | Control semantics | https://docs.google.com/document/d/1CMr0zJeikB_9Cka5wkvGvXE7Eis9gSaPAADVilUtS4k/edit#heading=h.rpm5t115dztz | at re | |||||||||||||||||||
92 | Notifications provided: Provides notification of an error so users know that an error has occurred. (191) | 191 | Notifications provided | Provides notification of an error so users know that an error has occurred. | Error Notification | https://docs.google.com/document/d/1X7k8Z6cMDQMNU1ScpcfkQjfsTt_TbVUbEndI_Gz1irQ/edit#heading=h.rpm5t115dztz | on of | |||||||||||||||||||
93 | Notifications describe errors: Provides a clear message describing the error so users understand the cause of the error. (192) | 192 | Notifications describe errors | Provides a clear message describing the error so users understand the cause of the error. | Error Notification | https://docs.google.com/document/d/1X7k8Z6cMDQMNU1ScpcfkQjfsTt_TbVUbEndI_Gz1irQ/edit#heading=h.rpm5t115dztz | ssage | |||||||||||||||||||
94 | Instructions provided to remedy errors: Provides instructions in response to an error so users know what steps to take to remedy the error. If it is known that there is nothing the user can do, say so. (193) | 193 | Instructions provided to remedy errors | Provides instructions in response to an error so users know what steps to take to remedy the error. If it is known that there is nothing the user can do, say so. | Error Notification | https://docs.google.com/document/d/1X7k8Z6cMDQMNU1ScpcfkQjfsTt_TbVUbEndI_Gz1irQ/edit#heading=h.rpm5t115dztz | ns in | |||||||||||||||||||
95 | Timely and targeted guidance: Provides notification when the error occurs and identifies the source of error so users can readily refocus and remedy the error. Note: what is timely for the type of error? E.g spelling error, vs. an error that requires a server verification like that a credit card number is authentic. (194) | 194 | Timely and targeted guidance | Provides notification when the error occurs and identifies the source of error so users can readily refocus and remedy the error. Note: what is timely for the type of error? E.g spelling error, vs. an error that requires a server verification like that a credit card number is authentic. | Error Notification | https://docs.google.com/document/d/1X7k8Z6cMDQMNU1ScpcfkQjfsTt_TbVUbEndI_Gz1irQ/edit#heading=h.rpm5t115dztz | on wh | |||||||||||||||||||
96 | Input instructions provided: Provides instructions for inputs that have requirements (for example, required, date, password) so users know how to provide valid information. (195) | 195 | Input instructions provided | Provides instructions for inputs that have requirements (for example, required, date, password) so users know how to provide valid information. | Error Prevention | https://docs.google.com/document/d/1s-wx57F_p1V-ndalMgBjQUZkQU6zN7dnenTx112_C0I/edit | ns fo | |||||||||||||||||||
97 | Moderated form completion: Guides data entry, provides validation, and moderates form completion so users can avoid data entry errors. (196) | 196 | Moderated form completion | Guides data entry, provides validation, and moderates form completion so users can avoid data entry errors. | Error Prevention | https://docs.google.com/document/d/1s-wx57F_p1V-ndalMgBjQUZkQU6zN7dnenTx112_C0I/edit | provi | |||||||||||||||||||
98 | Resize Text: Text can be resized so that the user is able to read the text with no loss of functionality (197) | 197 | Resize Text | Text can be resized so that the user is able to read the text with no loss of functionality | Flexible Views | https://docs.google.com/document/d/1d0RpZh4dqcSWOGsbxQ6Xdo_Lp6OMh3_8J-Z9Ttbm1Co/edit#heading=h.spr6hfitvd9m | so t | |||||||||||||||||||
99 | Reflow: Content can be viewed in multiple sizes, orientations (boundaries tbd), and zoom levels without loss of content, functionality and meaningful relationships AND with scrolling only occurring in 1 direction. (198) | 198 | Reflow | Content can be viewed in multiple sizes, orientations (boundaries tbd), and zoom levels without loss of content, functionality and meaningful relationships AND with scrolling only occurring in 1 direction. | Flexible Views | https://docs.google.com/document/d/1d0RpZh4dqcSWOGsbxQ6Xdo_Lp6OMh3_8J-Z9Ttbm1Co/edit#heading=h.spr6hfitvd9m | ed in | |||||||||||||||||||
100 | Adaptable line length: Line length size is adaptable so that the user can narrow the line length size (199) | 199 | Adaptable line length | Line length size is adaptable so that the user can narrow the line length size | Flexible Views | https://docs.google.com/document/d/1d0RpZh4dqcSWOGsbxQ6Xdo_Lp6OMh3_8J-Z9Ttbm1Co/edit#heading=h.spr6hfitvd9m | adap |