Difference between revisions of "Visual content reproduction References"
| Line 34: | Line 34: | ||
|references2= | |references2= | ||
Perceivable - Non-text Content; | Perceivable - Non-text Content; | ||
| − | Web Content Accessibility Guidelines; | + | Understanding Web Content Accessibility Guidelines (WCAG) 2.1;; |
https://www.w3.org/WAI/WCAG21/Understanding/non-text-content.html; | https://www.w3.org/WAI/WCAG21/Understanding/non-text-content.html; | ||
Ensure that form elements include clearly associated labels; | Ensure that form elements include clearly associated labels; | ||
| Line 58: | Line 58: | ||
|references3= | |references3= | ||
Text Alternatives; | Text Alternatives; | ||
| − | + | Understanding Web Content Accessibility Guidelines (WCAG) 2.1;; | |
https://www.w3.org/WAI/WCAG21/Understanding/text-alternatives; | https://www.w3.org/WAI/WCAG21/Understanding/text-alternatives; | ||
How to create content that works well with screen readers; | How to create content that works well with screen readers; | ||
| Line 64: | Line 64: | ||
https://accessibility.blog.gov.uk/2017/02/08/advice-for-creating-content-that-works-well-with-screen-readers/; | https://accessibility.blog.gov.uk/2017/02/08/advice-for-creating-content-that-works-well-with-screen-readers/; | ||
Images of text; | Images of text; | ||
| − | + | Understanding Web Content Accessibility Guidelines (WCAG) 2.1;; | |
https://www.w3.org/WAI/WCAG21/Understanding/images-of-text-no-exception.html; | https://www.w3.org/WAI/WCAG21/Understanding/images-of-text-no-exception.html; | ||
I Used The Web For A Day Using A Screen Reader; | I Used The Web For A Day Using A Screen Reader; | ||
| Line 76: | Line 76: | ||
https://webaim.org/articles/screenreader_testing/; | https://webaim.org/articles/screenreader_testing/; | ||
Label in Name; | Label in Name; | ||
| − | + | Understanding Web Content Accessibility Guidelines (WCAG) 2.1;; | |
https://www.w3.org/WAI/WCAG21/Understanding/label-in-name.html; | https://www.w3.org/WAI/WCAG21/Understanding/label-in-name.html; | ||
Introduction to Screen Readers; | Introduction to Screen Readers; | ||
| Line 88: | Line 88: | ||
|references4= | |references4= | ||
Audio Description (Prerecorded); | Audio Description (Prerecorded); | ||
| − | Web Content Accessibility Guidelines; | + | Understanding Web Content Accessibility Guidelines (WCAG) 2.1;; |
https://www.w3.org/WAI/WCAG21/Understanding/audio-description-prerecorded.html; | https://www.w3.org/WAI/WCAG21/Understanding/audio-description-prerecorded.html; | ||
Audio Description of Visual Information; | Audio Description of Visual Information; | ||
| Line 151: | Line 151: | ||
==Captions== | ==Captions== | ||
===Perceivable - Non-text Content=== | ===Perceivable - Non-text Content=== | ||
| − | Web Content Accessibility Guidelines | + | Understanding Web Content Accessibility Guidelines (WCAG) 2.1; |
https://www.w3.org/WAI/WCAG21/Understanding/non-text-content.html; | https://www.w3.org/WAI/WCAG21/Understanding/non-text-content.html; | ||
| Line 187: | Line 187: | ||
==Text Alternatives== | ==Text Alternatives== | ||
===Text Alternatives=== | ===Text Alternatives=== | ||
| − | + | Understanding Web Content Accessibility Guidelines (WCAG) 2.1; | |
https://www.w3.org/WAI/WCAG21/Understanding/text-alternatives | https://www.w3.org/WAI/WCAG21/Understanding/text-alternatives | ||
| Line 197: | Line 197: | ||
===Images of text=== | ===Images of text=== | ||
| − | + | Understanding Web Content Accessibility Guidelines (WCAG) 2.1; | |
https://www.w3.org/WAI/WCAG21/Understanding/images-of-text-no-exception.html | https://www.w3.org/WAI/WCAG21/Understanding/images-of-text-no-exception.html | ||
| Line 217: | Line 217: | ||
===Label in Name=== | ===Label in Name=== | ||
| − | + | Understanding Web Content Accessibility Guidelines (WCAG) 2.1; | |
https://www.w3.org/WAI/WCAG21/Understanding/label-in-name.html | https://www.w3.org/WAI/WCAG21/Understanding/label-in-name.html | ||
| Line 233: | Line 233: | ||
==Audio Description== | ==Audio Description== | ||
===Audio Description (Prerecorded)=== | ===Audio Description (Prerecorded)=== | ||
| − | Web Content Accessibility Guidelines | + | Understanding Web Content Accessibility Guidelines (WCAG) 2.1; |
https://www.w3.org/WAI/WCAG21/Understanding/audio-description-prerecorded.html | https://www.w3.org/WAI/WCAG21/Understanding/audio-description-prerecorded.html | ||
Revision as of 13:23, 7 June 2021
| headline 1 | General |
|---|---|
| headline 1 coordinates | 0.000, 44.252, 0.000 |
| references 1 | Introduction to Perception - hearing, feeling, and seeing;
Techniques for the Web Content Accessibility Guidelines (WCAG) 2.2;; https://www.w3.org/WAI/people-use-web/tools-techniques/#perception; How visually impaired people navigate the web: What people that work with digital products need to know; Busayomi Oyewole - Medium; https://uxdesign.cc/how-visually-impaired-people-navigate-the-web-7f9eab9d9c37?gi=bc9dce325627; How to design websites for blind and partially sighted people; Christopher Ratcliff - UserZoom; https://www.userzoom.com/ux-library/how-to-design-websites-for-blind-and-partially-sighted/; Chart Authoring Tool: Highly accessible charts; Fluid Project- Inclusive Design Research Centre; https://build-chartauthoring.fluidproject.org/demos/; Labels and text alternatives; Rob Dodson - Google Developers; https://web.dev/labels-and-text-alternatives/; Media accessibility; Joe Medley - Google Developers; https://web.dev/media-accessibility/; Blindness; Deque University - Accessibility Basic Concepts; https://dequeuniversity.com/class/archive/basic-concepts1/types-of-disabilities/blindness; Low Vision; Deque University - Accessibility Basic Concepts; https://dequeuniversity.com/class/archive/basic-concepts1/types-of-disabilities/low-vision; Images Concepts; 3WC - Web Accessibility Tutorials; https://www.w3.org/WAI/tutorials/images/ |
| headline 2 | Captions |
| headline 2 coordinates | 18.000, 44.252, 0.000 |
| references 2 | Perceivable - Non-text Content;
Understanding Web Content Accessibility Guidelines (WCAG) 2.1;; https://www.w3.org/WAI/WCAG21/Understanding/non-text-content.html; Ensure that form elements include clearly associated labels; 3WC - Web Accessibility Initiative; https://www.w3.org/WAI/tips/designing/#ensure-that-form-elements-include-clearly-associated-labels; Image ALT Text; How to best write invisible description of images; https://accessibility.psu.edu/images/alttext/; Lens Of Images and Icons; Steven Lambert; https://www.smashingmagazine.com/2018/04/designing-accessibility-inclusion/#lens-images-icons; Text Alternatives for Images; Meggin Kearney, Dave Gash, Alice Boxhall; https://developers.google.com/web/fundamentals/accessibility/semantics-builtin/text-alternatives-for-images; Tables Concepts; W3C - Web Accessibility Tutorials; https://www.w3.org/WAI/tutorials/tables/; Forms Concepts; W3C - Web Accessibility Tutorials; https://www.w3.org/WAI/tutorials/forms/ |
| headline 3 | Text Alternatives |
| headline 3 coordinates | 36.000, 44.252, 0.000 |
| references 3 | Text Alternatives;
Understanding Web Content Accessibility Guidelines (WCAG) 2.1;; https://www.w3.org/WAI/WCAG21/Understanding/text-alternatives; How to create content that works well with screen readers; Gov.uk: Accessibility in government; https://accessibility.blog.gov.uk/2017/02/08/advice-for-creating-content-that-works-well-with-screen-readers/; Images of text; Understanding Web Content Accessibility Guidelines (WCAG) 2.1;; https://www.w3.org/WAI/WCAG21/Understanding/images-of-text-no-exception.html; I Used The Web For A Day Using A Screen Reader; Introduction on the use of screen readers and case studies; https://www.smashingmagazine.com/2018/12/voiceover-screen-reader-web-apps/; The Internet Is for Everyone, Right? Not With a Screen Reader; Article about problems of websites with screen readers; https://www.wired.com/story/web-accessibility-blind-users-dominos/; Testing with Screen Readers; Questions and Answers; https://webaim.org/articles/screenreader_testing/; Label in Name; Understanding Web Content Accessibility Guidelines (WCAG) 2.1;; https://www.w3.org/WAI/WCAG21/Understanding/label-in-name.html; Introduction to Screen Readers; Video; https://www.youtube.com/watch?v=o_mvO6EQ0tM; Screen Reader Accessibility Testing: An Introduction; Will Saunders; https://blog.testlodge.com/screen-reader-accessibility-testing/ |
| headline 4 | Audio Description |
| headline 4 coordinates | 54.000, 44.252, 0.000 |
| references 4 | Audio Description (Prerecorded);
Understanding Web Content Accessibility Guidelines (WCAG) 2.1;; https://www.w3.org/WAI/WCAG21/Understanding/audio-description-prerecorded.html; Audio Description of Visual Information; 3WC - Web Accessibility Initiative; https://www.w3.org/WAI/media/av/description/; Video Content and Learning; FLOE - The Inclusive Learning Handbook; https://handbook.floeproject.org/videocontentandlearning |
| headline 5 | |
| headline 5 coordinates | |
| references 5 | |
| links to | |
| belongs to | Visual content reproduction |
| contains |
General
Introduction to Perception - hearing, feeling, and seeing
Techniques for the Web Content Accessibility Guidelines (WCAG) 2.2;
https://www.w3.org/WAI/people-use-web/tools-techniques/#perception
What people that work with digital products need to know
https://uxdesign.cc/how-visually-impaired-people-navigate-the-web-7f9eab9d9c37?gi=bc9dce325627
How to design websites for blind and partially sighted people
Christopher Ratcliff - UserZoom
https://www.userzoom.com/ux-library/how-to-design-websites-for-blind-and-partially-sighted/
Chart Authoring Tool: Highly accessible charts
Fluid Project- Inclusive Design Research Centre
https://build-chartauthoring.fluidproject.org/demos/
Labels and text alternatives
Rob Dodson - Google Developers
https://web.dev/labels-and-text-alternatives/
Media accessibility
Joe Medley - Google Developers
https://web.dev/media-accessibility/
Blindness
Deque University - Accessibility Basic Concepts
https://dequeuniversity.com/class/archive/basic-concepts1/types-of-disabilities/blindness
Low Vision
Deque University - Accessibility Basic Concepts
https://dequeuniversity.com/class/archive/basic-concepts1/types-of-disabilities/low-vision
Images Concepts
3WC - Web Accessibility Tutorials
https://www.w3.org/WAI/tutorials/images/
Captions
Perceivable - Non-text Content
Understanding Web Content Accessibility Guidelines (WCAG) 2.1;
https://www.w3.org/WAI/WCAG21/Understanding/non-text-content.html;
Ensure that form elements include clearly associated labels
3WC - Web Accessibility Initiative
https://www.w3.org/WAI/tips/designing/#ensure-that-form-elements-include-clearly-associated-labels;
Image ALT Text
How to best write invisible description of images
https://accessibility.psu.edu/images/alttext/
Lens Of Images and Icons
Steven Lambert
https://www.smashingmagazine.com/2018/04/designing-accessibility-inclusion/#lens-images-icons
Text Alternatives for Images
Meggin Kearney, Dave Gash, Alice Boxhall
Tables Concepts
W3C - Web Accessibility Tutorials
https://www.w3.org/WAI/tutorials/tables/
Forms Concepts
W3C - Web Accessibility Tutorials
https://www.w3.org/WAI/tutorials/forms/
Text Alternatives
Text Alternatives
Understanding Web Content Accessibility Guidelines (WCAG) 2.1;
https://www.w3.org/WAI/WCAG21/Understanding/text-alternatives
How to create content that works well with screen readers
Gov.uk: Accessibility in government
Images of text
Understanding Web Content Accessibility Guidelines (WCAG) 2.1;
https://www.w3.org/WAI/WCAG21/Understanding/images-of-text-no-exception.html
I Used The Web For A Day Using A Screen Reader
Introduction on the use of screen readers and case studies
https://www.smashingmagazine.com/2018/12/voiceover-screen-reader-web-apps/
The Internet Is for Everyone, Right? Not With a Screen Reader
Article about problems of websites with screen readers
https://www.wired.com/story/web-accessibility-blind-users-dominos/
Testing with Screen Readers
Questions and Answers
https://webaim.org/articles/screenreader_testing/
Label in Name
Understanding Web Content Accessibility Guidelines (WCAG) 2.1;
https://www.w3.org/WAI/WCAG21/Understanding/label-in-name.html
Introduction to Screen Readers
Video
https://www.youtube.com/watch?v=o_mvO6EQ0tM
Screen Reader Accessibility Testing: An Introduction
Will Saunders
https://blog.testlodge.com/screen-reader-accessibility-testing/
Audio Description
Audio Description (Prerecorded)
Understanding Web Content Accessibility Guidelines (WCAG) 2.1;
https://www.w3.org/WAI/WCAG21/Understanding/audio-description-prerecorded.html
Audio Description of Visual Information
3WC - Web Accessibility Initiative
https://www.w3.org/WAI/media/av/description/
Video Content and Learning
FLOE - The Inclusive Learning Handbook