Difference between revisions of "Compatibility References"

From Make Inclusive Websites
Jump to navigation Jump to search
 
(7 intermediate revisions by the same user not shown)
Line 10: Line 10:
 
https://www.w3.org/WAI/WCAG21/Understanding/motion-actuation.html;
 
https://www.w3.org/WAI/WCAG21/Understanding/motion-actuation.html;
 
The Accessibility Tree;
 
The Accessibility Tree;
Meggin Kearney, Dave Gash, Alice Boxhall;
+
Meggin Kearney, Dave Gash, Alice Boxhall - Google Developers;
 
https://developers.google.com/web/fundamentals/accessibility/semantics-builtin/the-accessibility-tree;
 
https://developers.google.com/web/fundamentals/accessibility/semantics-builtin/the-accessibility-tree;
 
Accessible CSS;
 
Accessible CSS;
Line 16: Line 16:
 
https://webaim.org/techniques/css/;
 
https://webaim.org/techniques/css/;
 
|headline2=Responsive
 
|headline2=Responsive
|coordhead2=11.000, 205.000, 0.000
+
|coordhead2=16.000, 205.000, 0.000
 
|references2=
 
|references2=
 
Accessible responsive design;
 
Accessible responsive design;
Dave Gash, Meggin Kearney, Rachel Andrew, Rob Dodson;
+
Dave Gash, Meggin Kearney, Rachel Andrew, Rob Dodson - Google Developers;
 
https://web.dev/accessible-responsive-design/;
 
https://web.dev/accessible-responsive-design/;
 
Create designs for different viewport sizes;
 
Create designs for different viewport sizes;
Line 31: Line 31:
 
https://www.w3.org/WAI/WCAG21/Understanding/orientation.html;
 
https://www.w3.org/WAI/WCAG21/Understanding/orientation.html;
 
|headline3=User_Agents
 
|headline3=User_Agents
|coordhead3=18.000, 205.000, 0.000
+
|coordhead3=28.000, 205.000, 0.000
 
|references3=
 
|references3=
 
Metadata;
 
Metadata;
Line 46: Line 46:
 
https://www.w3.org/WAI/WCAG21/Understanding/info-and-relationships;
 
https://www.w3.org/WAI/WCAG21/Understanding/info-and-relationships;
 
Introduction to Semantics;
 
Introduction to Semantics;
Meggin Kearney, Dave Gash, Alice Boxhall;
+
Meggin Kearney, Dave Gash, Alice Boxhall - Google Developers;
 
https://developers.google.com/web/fundamentals/accessibility/semantics-builtin;
 
https://developers.google.com/web/fundamentals/accessibility/semantics-builtin;
 
Semantics and screen readers;
 
Semantics and screen readers;
Rob Dodson;
+
Rob Dodson - Google Developers;
 
https://web.dev/semantics-and-screen-readers/;
 
https://web.dev/semantics-and-screen-readers/;
 
Headings and landmarks;
 
Headings and landmarks;
Rob Dodson;
+
Rob Dodson - Google Developers;
 
https://web.dev/headings-and-landmarks/;
 
https://web.dev/headings-and-landmarks/;
 
ARIA;
 
ARIA;
Line 64: Line 64:
 
https://developer.mozilla.org/en-US/docs/Learn/Accessibility/WAI-ARIA_basics;
 
https://developer.mozilla.org/en-US/docs/Learn/Accessibility/WAI-ARIA_basics;
 
Introduction to ARIA;
 
Introduction to ARIA;
Meggin Kearney, Dave Gash, Alice Boxhall;
+
Meggin Kearney, Dave Gash, Alice Boxhall - Google Developers;
 
https://developers.google.com/web/fundamentals/accessibility/semantics-aria;
 
https://developers.google.com/web/fundamentals/accessibility/semantics-aria;
 
ARIA Labels and Relationships;
 
ARIA Labels and Relationships;
Meggin Kearney, Dave Gash, Alice Boxhall;
+
Meggin Kearney, Dave Gash, Alice Boxhall - Google Developers;
 
https://developers.google.com/web/fundamentals/accessibility/semantics-aria/aria-labels-and-relationships;
 
https://developers.google.com/web/fundamentals/accessibility/semantics-aria/aria-labels-and-relationships;
 
ARIA Hiding and Updating Content;
 
ARIA Hiding and Updating Content;
Meggin Kearney, Dave Gash, Alice Boxhall;
+
Meggin Kearney, Dave Gash, Alice Boxhall - Google Developers;
 
https://developers.google.com/web/fundamentals/accessibility/semantics-aria/hiding-and-updating-content;
 
https://developers.google.com/web/fundamentals/accessibility/semantics-aria/hiding-and-updating-content;
 
Invisible Content Just for Screen Reader Users;
 
Invisible Content Just for Screen Reader Users;
Line 76: Line 76:
 
https://webaim.org/techniques/css/invisiblecontent/;
 
https://webaim.org/techniques/css/invisiblecontent/;
 
|headline4=Maintenance
 
|headline4=Maintenance
|coordhead4=53.000, 205.000, 0.000
+
|coordhead4=58.000, 205.000, 0.000
 
|references4=
 
|references4=
 
FLOE Metadata Feedback Tool;
 
FLOE Metadata Feedback Tool;
Line 103: Line 103:
  
 
===The Accessibility Tree===
 
===The Accessibility Tree===
Meggin Kearney, Dave Gash, Alice Boxhall
+
Meggin Kearney, Dave Gash, Alice Boxhall - Google Developers
  
 
https://developers.google.com/web/fundamentals/accessibility/semantics-builtin/the-accessibility-tree
 
https://developers.google.com/web/fundamentals/accessibility/semantics-builtin/the-accessibility-tree
Line 114: Line 114:
 
==Responsive==
 
==Responsive==
 
===Accessible responsive design===
 
===Accessible responsive design===
Dave Gash, Meggin Kearney, Rachel Andrew, Rob Dodson
+
Dave Gash, Meggin Kearney, Rachel Andrew, Rob Dodson - Google Developers
  
 
https://web.dev/accessible-responsive-design/
 
https://web.dev/accessible-responsive-design/
Line 155: Line 155:
  
 
===Introduction to Semantics===
 
===Introduction to Semantics===
Meggin Kearney, Dave Gash, Alice Boxhall
+
Meggin Kearney, Dave Gash, Alice Boxhall - Google Developers
  
 
https://developers.google.com/web/fundamentals/accessibility/semantics-builtin
 
https://developers.google.com/web/fundamentals/accessibility/semantics-builtin
  
 
===Semantics and screen readers===
 
===Semantics and screen readers===
Rob Dodson
+
Rob Dodson - Google Developers
  
 
https://web.dev/semantics-and-screen-readers/
 
https://web.dev/semantics-and-screen-readers/
  
 
===Headings and landmarks===
 
===Headings and landmarks===
Rob Dodson
+
Rob Dodson - Google Developers
  
 
https://web.dev/headings-and-landmarks/
 
https://web.dev/headings-and-landmarks/
Line 185: Line 185:
  
 
===Introduction to ARIA===
 
===Introduction to ARIA===
Meggin Kearney, Dave Gash, Alice Boxhall
+
Meggin Kearney, Dave Gash, Alice Boxhall - Google Developers
  
 
https://developers.google.com/web/fundamentals/accessibility/semantics-aria
 
https://developers.google.com/web/fundamentals/accessibility/semantics-aria
  
 
===ARIA Labels and Relationships===
 
===ARIA Labels and Relationships===
Meggin Kearney, Dave Gash, Alice Boxhall
+
Meggin Kearney, Dave Gash, Alice Boxhall - Google Developers
  
 
https://developers.google.com/web/fundamentals/accessibility/semantics-aria/aria-labels-and-relationships
 
https://developers.google.com/web/fundamentals/accessibility/semantics-aria/aria-labels-and-relationships
  
 
===ARIA Hiding and Updating Content===
 
===ARIA Hiding and Updating Content===
Meggin Kearney, Dave Gash, Alice Boxhall
+
Meggin Kearney, Dave Gash, Alice Boxhall - Google Developers
  
 
https://developers.google.com/web/fundamentals/accessibility/semantics-aria/hiding-and-updating-content
 
https://developers.google.com/web/fundamentals/accessibility/semantics-aria/hiding-and-updating-content

Latest revision as of 13:12, 6 June 2021

headline 1 General
headline 1 coordinates 4.000, 205.000, 0.000
references 1 Concurrent Input Mechanisms;

Understanding Web Content Accessibility Guidelines (WCAG) 2.1; https://www.w3.org/WAI/WCAG21/Understanding/concurrent-input-mechanisms.html; Motion Actuation; Understanding Web Content Accessibility Guidelines (WCAG) 2.1; https://www.w3.org/WAI/WCAG21/Understanding/motion-actuation.html; The Accessibility Tree; Meggin Kearney, Dave Gash, Alice Boxhall - Google Developers; https://developers.google.com/web/fundamentals/accessibility/semantics-builtin/the-accessibility-tree; Accessible CSS; WebAIM - Center for Persons with Disabilities; https://webaim.org/techniques/css/;

headline 2 Responsive
headline 2 coordinates 16.000, 205.000, 0.000
references 2 Accessible responsive design;

Dave Gash, Meggin Kearney, Rachel Andrew, Rob Dodson - Google Developers; https://web.dev/accessible-responsive-design/; Create designs for different viewport sizes; Tips for Getting Started - 3WC - Web Accessibility Initiative; https://www.w3.org/WAI/tips/designing/#create-designs-for-different-viewport-sizes; Mobile Accessibility; How WCAG 2.0 and Other W3C/WAI Guidelines Apply to Mobile; https://www.w3.org/TR/mobile-accessibility-mapping/; Orientation; Understanding Web Content Accessibility Guidelines (WCAG) 2.1; https://www.w3.org/WAI/WCAG21/Understanding/orientation.html;

headline 3 User_Agents
headline 3 coordinates 28.000, 205.000, 0.000
references 3 Metadata;

The Inclusive Learning Design Handbook; https://handbook.floeproject.org/metadata; Labelling Controls; Web Accessibility Tutorials - 3WC - Web Accessibility Initiative; https://www.w3.org/WAI/tutorials/forms/labels/; Associate a label with every form control; Tips for Getting Started - 3WC - Web Accessibility Initiative; https://www.w3.org/WAI/tips/developing/#associate-a-label-with-every-form-control; Info And Relationships; Understanding Web Content Accessibility Guidelines (WCAG) 2.1; https://www.w3.org/WAI/WCAG21/Understanding/info-and-relationships; Introduction to Semantics; Meggin Kearney, Dave Gash, Alice Boxhall - Google Developers; https://developers.google.com/web/fundamentals/accessibility/semantics-builtin; Semantics and screen readers; Rob Dodson - Google Developers; https://web.dev/semantics-and-screen-readers/; Headings and landmarks; Rob Dodson - Google Developers; https://web.dev/headings-and-landmarks/; ARIA; Accessibility Developer Guide; https://www.accessibility-developer-guide.com/knowledge/aria/; Using ARIA; World Wide Web Consortium; https://www.w3.org/TR/using-aria/; WAI-ARIA basics; Mozilla - MDN WebDocs; https://developer.mozilla.org/en-US/docs/Learn/Accessibility/WAI-ARIA_basics; Introduction to ARIA; Meggin Kearney, Dave Gash, Alice Boxhall - Google Developers; https://developers.google.com/web/fundamentals/accessibility/semantics-aria; ARIA Labels and Relationships; Meggin Kearney, Dave Gash, Alice Boxhall - Google Developers; https://developers.google.com/web/fundamentals/accessibility/semantics-aria/aria-labels-and-relationships; ARIA Hiding and Updating Content; Meggin Kearney, Dave Gash, Alice Boxhall - Google Developers; https://developers.google.com/web/fundamentals/accessibility/semantics-aria/hiding-and-updating-content; Invisible Content Just for Screen Reader Users; WebAIM - Center for Persons with Disabilities; https://webaim.org/techniques/css/invisiblecontent/;

headline 4 Maintenance
headline 4 coordinates 58.000, 205.000, 0.000
references 4 FLOE Metadata Feedback Tool;

Lets users provide feedback about how a resource matched their preferences and ask for improvements; https://metadata.floeproject.org/demos/feedback/; On-Site Surveys; The easiest way to find out what people need, right on your website; https://www.hotjar.com/blog/on-site-surveys/;

headline 5
headline 5 coordinates
references 5
links to
belongs to Compatibility
contains

General[edit]

Concurrent Input Mechanisms[edit]

Understanding Web Content Accessibility Guidelines (WCAG) 2.1

https://www.w3.org/WAI/WCAG21/Understanding/concurrent-input-mechanisms.html

Motion Actuation[edit]

Understanding Web Content Accessibility Guidelines (WCAG) 2.1

https://www.w3.org/WAI/WCAG21/Understanding/motion-actuation.html

The Accessibility Tree[edit]

Meggin Kearney, Dave Gash, Alice Boxhall - Google Developers

https://developers.google.com/web/fundamentals/accessibility/semantics-builtin/the-accessibility-tree

Accessible CSS[edit]

WebAIM - Center for Persons with Disabilities

https://webaim.org/techniques/css/

Responsive[edit]

Accessible responsive design[edit]

Dave Gash, Meggin Kearney, Rachel Andrew, Rob Dodson - Google Developers

https://web.dev/accessible-responsive-design/

Create designs for different viewport sizes[edit]

Tips for Getting Started - 3WC - Web Accessibility Initiative

https://www.w3.org/WAI/tips/designing/#create-designs-for-different-viewport-sizes

Mobile Accessibility[edit]

How WCAG 2.0 and Other W3C/WAI Guidelines Apply to Mobile

https://www.w3.org/TR/mobile-accessibility-mapping/

Orientation[edit]

Understanding Web Content Accessibility Guidelines (WCAG) 2.1

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

User_Agents[edit]

Metadata[edit]

The Inclusive Learning Design Handbook

https://handbook.floeproject.org/metadata

Labelling Controls[edit]

Web Accessibility Tutorials - 3WC - Web Accessibility Initiative

https://www.w3.org/WAI/tutorials/forms/labels/

Associate a label with every form control[edit]

Tips for Getting Started - 3WC - Web Accessibility Initiative

https://www.w3.org/WAI/tips/developing/#associate-a-label-with-every-form-control

Info And Relationships[edit]

Understanding Web Content Accessibility Guidelines (WCAG) 2.1

https://www.w3.org/WAI/WCAG21/Understanding/info-and-relationships

Introduction to Semantics[edit]

Meggin Kearney, Dave Gash, Alice Boxhall - Google Developers

https://developers.google.com/web/fundamentals/accessibility/semantics-builtin

Semantics and screen readers[edit]

Rob Dodson - Google Developers

https://web.dev/semantics-and-screen-readers/

Headings and landmarks[edit]

Rob Dodson - Google Developers

https://web.dev/headings-and-landmarks/

ARIA[edit]

Accessibility Developer Guide

https://www.accessibility-developer-guide.com/knowledge/aria/

Using ARIA[edit]

World Wide Web Consortium

https://www.w3.org/TR/using-aria/

WAI-ARIA basics[edit]

Mozilla - MDN WebDocs

https://developer.mozilla.org/en-US/docs/Learn/Accessibility/WAI-ARIA_basics

Introduction to ARIA[edit]

Meggin Kearney, Dave Gash, Alice Boxhall - Google Developers

https://developers.google.com/web/fundamentals/accessibility/semantics-aria

ARIA Labels and Relationships[edit]

Meggin Kearney, Dave Gash, Alice Boxhall - Google Developers

https://developers.google.com/web/fundamentals/accessibility/semantics-aria/aria-labels-and-relationships

ARIA Hiding and Updating Content[edit]

Meggin Kearney, Dave Gash, Alice Boxhall - Google Developers

https://developers.google.com/web/fundamentals/accessibility/semantics-aria/hiding-and-updating-content

Invisible Content Just for Screen Reader Users[edit]

WebAIM - Center for Persons with Disabilities

https://webaim.org/techniques/css/invisiblecontent/

Maintenance[edit]

FLOE Metadata Feedback Tool[edit]

Lets users provide feedback about how a resource matched their preferences and ask for improvements

https://metadata.floeproject.org/demos/feedback/

On-Site Surveys[edit]

The easiest way to find out what people need, right on your website

https://www.hotjar.com/blog/on-site-surveys/