Navigation References

From Make Inclusive Websites
Revision as of 13:43, 7 June 2021 by Max (talk | contribs)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to navigation Jump to search
headline 1 General
headline 1 coordinates 7.000, 7.000, 0.000
references 1 Users can easily navigate, find content, and determine where they are;

3WC - Web Accessibility Initiative - Accessibility Fundamentals; https://www.w3.org/WAI/fundamentals/accessibility-principles/#navigable; Multiple Ways; Understanding Web Content Accessibility Guidelines (WCAG) 2.1; https://www.w3.org/WAI/WCAG21/Understanding/multiple-ways; Motor Disabilities; Deque University - Accessibility Basic Concepts; https://dequeuniversity.com/class/archive/basic-concepts1/types-of-disabilities/motor-disabilities;

headline 2 Keyboard_Access
headline 2 coordinates 13.000, 7.000, 0.000
references 2 How to browse websites using a keyboard only;

Accessibility Developer Guide; https://www.accessibility-developer-guide.com/knowledge/keyboard-only/browsing-websites/; Keyboard access fundamentals; Rob Dodson - Google Developers; https://web.dev/keyboard-access/; Ensure that all interactive elements are keyboard accessible; Tips for Getting Started - 3WC Web Accessibility Initiative; https://www.w3.org/WAI/tips/developing/#ensure-that-all-interactive-elements-are-keyboard-accessible; Keyboard Accessible; Understanding Web Content Accessibility Guidelines (WCAG) 2.1; https://www.w3.org/TR/UNDERSTANDING-WCAG20/keyboard-operation.html; Keyboard; Understanding Web Content Accessibility Guidelines (WCAG) 2.1; https://www.w3.org/WAI/WCAG21/Understanding/keyboard.html; Focus Visible; Understanding Web Content Accessibility Guidelines (WCAG) 2.1; https://www.w3.org/WAI/WCAG21/Understanding/focus-visible.html; Link Purpose; Understanding Web Content Accessibility Guidelines (WCAG) 2.1; https://www.w3.org/WAI/WCAG21/Understanding/link-purpose-in-context.html; Character Key Shortcuts; Understanding Web Content Accessibility Guidelines (WCAG) 2.1; https://www.w3.org/WAI/WCAG21/Understanding/character-key-shortcuts.html; Article: I Used The Web For A Day With Just A Keyboard; Chris Ashton - Smashing Magazine; https://www.smashingmagazine.com/2018/07/web-with-just-a-keyboard/; Provide easily identifiable feedback; Tips for Getting Started - 3WC Web Accessibility Initiative; https://www.w3.org/WAI/tips/designing/#provide-easily-identifiable-feedback; Lens Of Keyboard; Steven Lambert - Smashing Magazine; https://www.smashingmagazine.com/2018/04/designing-accessibility-inclusion/#lens-keyboard; Introduction to Focus; Meggin Kearney, Dave Gash, Rob Dodson - Google Developers; https://developers.google.com/web/fundamentals/accessibility/focus; Use semantic HTML for easy keyboard wins; Rob Dodson - Google Developers; https://web.dev/use-semantic-html/; Style focus; Rob Dodson - Google Developers; https://web.dev/style-focus/; Carousel Concepts; W3C - Web Accessibility Tutorials; https://www.w3.org/WAI/tutorials/carousels/;

headline 3 Flow
headline 3 coordinates 13.000, 341.000, 0.000
references 3 Reflect the reading order in the code order;

Tips for Getting Started - 3WC Web Accessibility Initiative; https://www.w3.org/WAI/tips/developing/#reflect-the-reading-order-in-the-code-order; Focus Order; Understanding Web Content Accessibility Guidelines (WCAG) 2.1; https://www.w3.org/WAI/WCAG21/Understanding/focus-order.html; Location; Understanding Web Content Accessibility Guidelines (WCAG) 2.1; https://www.w3.org/WAI/WCAG21/Understanding/location.html; Bypass Blocks; Understanding Web Content Accessibility Guidelines (WCAG) 2.1; https://www.w3.org/WAI/WCAG21/Understanding/bypass-blocks.html; No Keyboard Trap; Understanding Web Content Accessibility Guidelines (WCAG) 2.1; https://www.w3.org/WAI/WCAG21/Understanding/no-keyboard-trap.html; Reflow; Understanding Web Content Accessibility Guidelines (WCAG) 2.1; https://www.w3.org/WAI/WCAG21/Understanding/reflow.html; Content reordering; Rachel Andrew - Google Developers; https://web.dev/content-reordering/; Control focus with tabindex; Rob Dodson - Google Developers; https://web.dev/control-focus-with-tabindex/; Meaningful Sequence; Understanding Web Content Accessibility Guidelines (WCAG) 2.1; https://www.w3.org/WAI/WCAG21/Understanding/meaningful-sequence.html; Ordering the content in a meaningful sequence; Techniques for the Web Content Accessibility Guidelines (WCAG) 2.2; https://www.w3.org/WAI/WCAG21/Techniques/general/G57; Positioning content based on structural markup; Techniques for the Web Content Accessibility Guidelines (WCAG) 2.2; https://www.w3.org/WAI/WCAG21/Techniques/css/C6;

headline 4
headline 4 coordinates
references 4
headline 5
headline 5 coordinates
references 5
links to
belongs to Navigation
contains

General[edit]

Users can easily navigate, find content, and determine where they are[edit]

3WC - Web Accessibility Initiative - Accessibility Fundamentals

https://www.w3.org/WAI/fundamentals/accessibility-principles/#navigable

Multiple Ways[edit]

Understanding Web Content Accessibility Guidelines (WCAG) 2.1

https://www.w3.org/WAI/WCAG21/Understanding/multiple-ways

Motor Disabilities[edit]

Deque University - Accessibility Basic Concepts

https://dequeuniversity.com/class/archive/basic-concepts1/types-of-disabilities/motor-disabilities

Keyboard Access[edit]

How to browse websites using a keyboard only[edit]

Accessibility Developer Guide

https://www.accessibility-developer-guide.com/knowledge/keyboard-only/browsing-websites/

Keyboard access fundamentals[edit]

Rob Dodson - Google Developers

https://web.dev/keyboard-access/

Ensure that all interactive elements are keyboard accessible[edit]

Tips for Getting Started - 3WC Web Accessibility Initiative

https://www.w3.org/WAI/tips/developing/#ensure-that-all-interactive-elements-are-keyboard-accessible

Keyboard Accessible[edit]

Understanding Web Content Accessibility Guidelines (WCAG) 2.1

https://www.w3.org/TR/UNDERSTANDING-WCAG20/keyboard-operation.html

Keyboard[edit]

Understanding Web Content Accessibility Guidelines (WCAG) 2.1

https://www.w3.org/WAI/WCAG21/Understanding/keyboard.html

Focus Visible[edit]

Understanding Web Content Accessibility Guidelines (WCAG) 2.1

https://www.w3.org/WAI/WCAG21/Understanding/focus-visible.html

Link Purpose[edit]

Understanding Web Content Accessibility Guidelines (WCAG) 2.1

https://www.w3.org/WAI/WCAG21/Understanding/link-purpose-in-context.html

Character Key Shortcuts[edit]

Understanding Web Content Accessibility Guidelines (WCAG) 2.1

https://www.w3.org/WAI/WCAG21/Understanding/character-key-shortcuts.html

Article: I Used The Web For A Day With Just A Keyboard[edit]

Chris Ashton - Smashing Magazine

https://www.smashingmagazine.com/2018/07/web-with-just-a-keyboard/

Provide easily identifiable feedback[edit]

Tips for Getting Started - 3WC Web Accessibility Initiative

https://www.w3.org/WAI/tips/designing/#provide-easily-identifiable-feedback

Lens Of Keyboard[edit]

Steven Lambert - Smashing Magazine

https://www.smashingmagazine.com/2018/04/designing-accessibility-inclusion/#lens-keyboard

Introduction to Focus[edit]

Meggin Kearney, Dave Gash, Rob Dodson - Google Developers

https://developers.google.com/web/fundamentals/accessibility/focus

Use semantic HTML for easy keyboard wins[edit]

Rob Dodson - Google Developers

https://web.dev/use-semantic-html/

Carousel Concepts[edit]

W3C - Web Accessibility Tutorials

https://www.w3.org/WAI/tutorials/carousels/

Style focus[edit]

Rob Dodson - Google Developers

https://web.dev/style-focus/

Flow[edit]

Reflect the reading order in the code order[edit]

Tips for Getting Started - 3WC Web Accessibility Initiative

https://www.w3.org/WAI/tips/developing/#reflect-the-reading-order-in-the-code-order

Focus Order[edit]

Understanding Web Content Accessibility Guidelines (WCAG) 2.1

https://www.w3.org/WAI/WCAG21/Understanding/focus-order.html

Location[edit]

Understanding Web Content Accessibility Guidelines (WCAG) 2.1

https://www.w3.org/WAI/WCAG21/Understanding/location.html

Bypass Blocks[edit]

Understanding Web Content Accessibility Guidelines (WCAG) 2.1

https://www.w3.org/WAI/WCAG21/Understanding/bypass-blocks.html

No Keyboard Trap[edit]

Understanding Web Content Accessibility Guidelines (WCAG) 2.1

https://www.w3.org/WAI/WCAG21/Understanding/no-keyboard-trap.html

Reflow[edit]

Understanding Web Content Accessibility Guidelines (WCAG) 2.1

https://www.w3.org/WAI/WCAG21/Understanding/reflow.html

Content reordering[edit]

Rachel Andrew - Google Developers

https://web.dev/content-reordering/

Control focus with tabindex[edit]

Rob Dodson - Google Developers

https://web.dev/control-focus-with-tabindex/

Meaningful Sequence[edit]

Understanding Web Content Accessibility Guidelines (WCAG) 2.1

https://www.w3.org/WAI/WCAG21/Understanding/meaningful-sequence.html

Ordering the content in a meaningful sequence[edit]

Techniques for the Web Content Accessibility Guidelines (WCAG) 2.2

https://www.w3.org/WAI/WCAG21/Techniques/general/G57

Positioning content based on structural markup[edit]

Techniques for the Web Content Accessibility Guidelines (WCAG) 2.2

https://www.w3.org/WAI/WCAG21/Techniques/css/C6