Difference between revisions of "Navigation References"

From Make Inclusive Websites
Jump to navigation Jump to search
Line 19: Line 19:
 
https://www.accessibility-developer-guide.com/knowledge/keyboard-only/browsing-websites/;
 
https://www.accessibility-developer-guide.com/knowledge/keyboard-only/browsing-websites/;
 
Keyboard access fundamentals;
 
Keyboard access fundamentals;
−
Rob Dodson;
+
Rob Dodson - Google Developers;
 
https://web.dev/keyboard-access/;
 
https://web.dev/keyboard-access/;
 
Ensure that all interactive elements are keyboard accessible;
 
Ensure that all interactive elements are keyboard accessible;
Line 49: Line 49:
 
https://www.smashingmagazine.com/2018/04/designing-accessibility-inclusion/#lens-keyboard;
 
https://www.smashingmagazine.com/2018/04/designing-accessibility-inclusion/#lens-keyboard;
 
Introduction to Focus;
 
Introduction to Focus;
−
Meggin Kearney, Dave Gash, Rob Dodson;
+
Meggin Kearney, Dave Gash, Rob Dodson - Google Developers;
 
https://developers.google.com/web/fundamentals/accessibility/focus;
 
https://developers.google.com/web/fundamentals/accessibility/focus;
 
Use semantic HTML for easy keyboard wins;
 
Use semantic HTML for easy keyboard wins;
−
Rob Dodson;
+
Rob Dodson - Google Developers;
 
https://web.dev/use-semantic-html/;
 
https://web.dev/use-semantic-html/;
 
Style focus;
 
Style focus;
−
Rob Dodson;
+
Rob Dodson - Google Developers;
 
https://web.dev/style-focus/;
 
https://web.dev/style-focus/;
 
Carousel Concepts;
 
Carousel Concepts;
Line 85: Line 85:
 
https://web.dev/content-reordering/;
 
https://web.dev/content-reordering/;
 
Control focus with tabindex;
 
Control focus with tabindex;
−
Rob Dodson;
+
Rob Dodson - Google Developers;
 
https://web.dev/control-focus-with-tabindex/;
 
https://web.dev/control-focus-with-tabindex/;
 
Meaningful Sequence;
 
Meaningful Sequence;
Line 129: Line 129:
  
 
===Keyboard access fundamentals===
 
===Keyboard access fundamentals===
−
Rob Dodson
+
Rob Dodson - Google Developers
  
 
https://web.dev/keyboard-access/
 
https://web.dev/keyboard-access/
Line 179: Line 179:
  
 
===Introduction to Focus===
 
===Introduction to Focus===
−
Meggin Kearney, Dave Gash, Rob Dodson
+
Meggin Kearney, Dave Gash, Rob Dodson - Google Developers
  
 
https://developers.google.com/web/fundamentals/accessibility/focus
 
https://developers.google.com/web/fundamentals/accessibility/focus
  
 
===Use semantic HTML for easy keyboard wins===
 
===Use semantic HTML for easy keyboard wins===
−
Rob Dodson
+
Rob Dodson - Google Developers
  
 
https://web.dev/use-semantic-html/
 
https://web.dev/use-semantic-html/
Line 194: Line 194:
  
 
===Style focus===
 
===Style focus===
−
Rob Dodson
+
Rob Dodson - Google Developers
  
 
https://web.dev/style-focus/
 
https://web.dev/style-focus/
Line 235: Line 235:
  
 
===Control focus with tabindex===
 
===Control focus with tabindex===
−
Rob Dodson
+
Rob Dodson - Google Developers
  
 
https://web.dev/control-focus-with-tabindex/
 
https://web.dev/control-focus-with-tabindex/

Revision as of 13:39, 7 June 2021

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; 3WC - Web Accessibility Initiative; 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; 3WC - Web Accessibility Initiative; https://www.w3.org/WAI/tips/developing/#ensure-that-all-interactive-elements-are-keyboard-accessible; Keyboard Accessible; 3WC - Web Accessibility Initiative; https://www.w3.org/TR/UNDERSTANDING-WCAG20/keyboard-operation.html; Keyboard; 3WC - Web Accessibility Initiative; https://www.w3.org/WAI/WCAG21/Understanding/keyboard.html; Focus Visible; 3WC - Web Accessibility Initiative; https://www.w3.org/WAI/WCAG21/Understanding/focus-visible.html; Link Purpose; 3WC - Web Accessibility Initiative; https://www.w3.org/WAI/WCAG21/Understanding/link-purpose-in-context.html; Character Key Shortcuts; 3WC - Web Accessibility Initiative; 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; https://www.smashingmagazine.com/2018/07/web-with-just-a-keyboard/; Provide easily identifiable feedback; 3WC - Web Accessibility Initiative; https://www.w3.org/WAI/tips/designing/#provide-easily-identifiable-feedback; Lens Of Keyboard; Steven Lambert; 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;

3WC - Web Accessibility Initiative; https://www.w3.org/WAI/tips/developing/#reflect-the-reading-order-in-the-code-order; Focus Order; 3WC - Web Accessibility Initiative; https://www.w3.org/WAI/WCAG21/Understanding/focus-order.html; Location; 3WC - Web Accessibility Initiative; https://www.w3.org/WAI/WCAG21/Understanding/location.html; Bypass Blocks; 3WC - Web Accessibility Initiative; https://www.w3.org/WAI/WCAG21/Understanding/bypass-blocks.html; No Keyboard Trap; 3WC - Web Accessibility Initiative; https://www.w3.org/WAI/WCAG21/Understanding/no-keyboard-trap.html; Reflow; 3WC - Web Accessibility Initiative; https://www.w3.org/WAI/WCAG21/Understanding/reflow.html; Content reordering; Rachel Andrew; 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

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

3WC - Web Accessibility Initiative

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

Keyboard Access

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

3WC - Web Accessibility Initiative

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

Keyboard Accessible

3WC - Web Accessibility Initiative

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

Keyboard

3WC - Web Accessibility Initiative

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

Focus Visible

3WC - Web Accessibility Initiative

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

Link Purpose

3WC - Web Accessibility Initiative

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

Character Key Shortcuts

3WC - Web Accessibility Initiative

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

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

Provide easily identifiable feedback

3WC - Web Accessibility Initiative

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

Lens Of Keyboard

Steven Lambert

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/

Carousel Concepts

W3C - Web Accessibility Tutorials

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

Style focus

Rob Dodson - Google Developers

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

Flow

Reflect the reading order in the code order

3WC - Web Accessibility Initiative

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

Focus Order

3WC - Web Accessibility Initiative

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

Location

3WC - Web Accessibility Initiative

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

Bypass Blocks

3WC - Web Accessibility Initiative

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

No Keyboard Trap

3WC - Web Accessibility Initiative

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

Reflow

3WC - Web Accessibility Initiative

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

Content reordering

Rachel Andrew

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

Retrieved from "https://lehmannmax.de/wiki/index.php?title=Navigation_References&oldid=1775"