Difference between revisions of "Compatibility References"

From Make Inclusive Websites
Jump to navigation Jump to search
 
Line 19: Line 19:
 
|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 49: Line 49:
 
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 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 160: Line 160:
  
 
===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/

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/