Difference between revisions of "Visual content reproduction References"
| Line 39: | Line 39: | ||
Tips for Getting Started - 3WC Web Accessibility Initiative; | Tips for Getting Started - 3WC Web Accessibility Initiative; | ||
https://www.w3.org/WAI/tips/designing/#ensure-that-form-elements-include-clearly-associated-labels; | https://www.w3.org/WAI/tips/designing/#ensure-that-form-elements-include-clearly-associated-labels; | ||
| − | Image ALT Text | + | Image ALT Text: How to best write invisible description of images; |
| − | How to best write invisible description of images; | + | Accessibility and Usability at Pennsylvania State University; |
https://accessibility.psu.edu/images/alttext/; | https://accessibility.psu.edu/images/alttext/; | ||
Lens Of Images and Icons; | Lens Of Images and Icons; | ||
| Line 70: | Line 70: | ||
https://www.smashingmagazine.com/2018/12/voiceover-screen-reader-web-apps/; | https://www.smashingmagazine.com/2018/12/voiceover-screen-reader-web-apps/; | ||
The Internet Is for Everyone, Right? Not With a Screen Reader; | The Internet Is for Everyone, Right? Not With a Screen Reader; | ||
| − | + | Arielle Pardes - WIRED; | |
https://www.wired.com/story/web-accessibility-blind-users-dominos/; | https://www.wired.com/story/web-accessibility-blind-users-dominos/; | ||
Testing with Screen Readers; | Testing with Screen Readers; | ||
| Line 160: | Line 160: | ||
https://www.w3.org/WAI/tips/designing/#ensure-that-form-elements-include-clearly-associated-labels; | https://www.w3.org/WAI/tips/designing/#ensure-that-form-elements-include-clearly-associated-labels; | ||
| − | ===Image ALT Text | + | ===Image ALT Text: How to best write invisible description of images=== |
| − | How to best write invisible description of images | + | Accessibility and Usability at Pennsylvania State University |
https://accessibility.psu.edu/images/alttext/ | https://accessibility.psu.edu/images/alttext/ | ||
| Line 207: | Line 207: | ||
===The Internet Is for Everyone, Right? Not With a Screen Reader=== | ===The Internet Is for Everyone, Right? Not With a Screen Reader=== | ||
| − | + | Arielle Pardes - WIRED | |
https://www.wired.com/story/web-accessibility-blind-users-dominos/ | https://www.wired.com/story/web-accessibility-blind-users-dominos/ | ||
Revision as of 13:30, 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; Tips for Getting Started - 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; Accessibility and Usability at Pennsylvania State University; https://accessibility.psu.edu/images/alttext/; Lens Of Images and Icons; Steven Lambert - Smashing Magazine; https://www.smashingmagazine.com/2018/04/designing-accessibility-inclusion/#lens-images-icons; Text Alternatives for Images; Meggin Kearney, Dave Gash, Alice Boxhall - Google Developers; 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; Chris Ashton - Smashing Magazine; https://www.smashingmagazine.com/2018/12/voiceover-screen-reader-web-apps/; The Internet Is for Everyone, Right? Not With a Screen Reader; Arielle Pardes - WIRED; 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
Tips for Getting Started - 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
Accessibility and Usability at Pennsylvania State University
https://accessibility.psu.edu/images/alttext/
Lens Of Images and Icons
Steven Lambert - Smashing Magazine
https://www.smashingmagazine.com/2018/04/designing-accessibility-inclusion/#lens-images-icons
Text Alternatives for Images
Meggin Kearney, Dave Gash, Alice Boxhall - Google Developers
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
Chris Ashton - Smashing Magazine
https://www.smashingmagazine.com/2018/12/voiceover-screen-reader-web-apps/
The Internet Is for Everyone, Right? Not With a Screen Reader
Arielle Pardes - WIRED
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