Difference between revisions of "Compatibility References"

From Make Inclusive Websites
Jump to navigation Jump to search
 
(32 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
{{References
 
{{References
|headline1=
+
|headline1=General
|coord_head1=
+
|coordhead1=4.000, 205.000, 0.000 
 
|references1=
 
|references1=
|headline2=
+
Concurrent Input Mechanisms;
|coord_head2=
+
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/;
 +
|headline2=Responsive
 +
|coordhead2=16.000, 205.000, 0.000
 
|references2=
 
|references2=
|headline3=
+
Accessible responsive design;
|coord_head3=
+
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;
 +
|headline3=User_Agents
 +
|coordhead3=28.000, 205.000, 0.000
 
|references3=
 
|references3=
|headline4=
+
Metadata;
|coord_head4=
+
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/;
 +
|headline4=Maintenance
 +
|coordhead4=58.000, 205.000, 0.000
 
|references4=
 
|references4=
 +
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/;
 
|headline5=
 
|headline5=
|coord_head5=
+
|coordhead5=
 
|references5=
 
|references5=
 
|linksto=
 
|linksto=
Line 25: Line 97:
 
https://www.w3.org/WAI/WCAG21/Understanding/concurrent-input-mechanisms.html
 
https://www.w3.org/WAI/WCAG21/Understanding/concurrent-input-mechanisms.html
  
===Motion Actuation
+
===Motion Actuation===
 
Understanding Web Content Accessibility Guidelines (WCAG) 2.1
 
Understanding Web Content Accessibility Guidelines (WCAG) 2.1
  
 
https://www.w3.org/WAI/WCAG21/Understanding/motion-actuation.html
 
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/
  
 
==Responsive==
 
==Responsive==
 +
===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===
 
===Create designs for different viewport sizes===
 
Tips for Getting Started - 3WC - Web Accessibility Initiative
 
Tips for Getting Started - 3WC - Web Accessibility Initiative
Line 40: Line 127:
  
 
https://www.w3.org/TR/mobile-accessibility-mapping/
 
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
  
 
==User_Agents==
 
==User_Agents==
===Using ARIA===
+
===Metadata===
World Wide Web Consortium
+
The Inclusive Learning Design Handbook
  
https://www.w3.org/TR/using-aria/
+
https://handbook.floeproject.org/metadata
  
===Labeling Controls===
+
===Labelling Controls===
 
Web Accessibility Tutorials - 3WC - Web Accessibility Initiative
 
Web Accessibility Tutorials - 3WC - Web Accessibility Initiative
  
Line 56: Line 148:
  
 
https://www.w3.org/WAI/tips/developing/#associate-a-label-with-every-form-control
 
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/
  
 
==Maintenance==
 
==Maintenance==
===head===
+
===FLOE Metadata Feedback Tool===
sub
+
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/

Latest revision as of 14: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/