Visual content reproduction References
headline 1 | General |
---|---|
headline 1 coordinates | 2.000, 43.000, 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 | 20.000, 43.000, 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 | 38.000, 43.000, 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; WebAIM - Center for Persons with Disabilities; 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; Trace Dissemination - Youtube; https://www.youtube.com/watch?v=o_mvO6EQ0tM; Screen Reader Accessibility Testing: An Introduction; Will Saunders - TestLodge; https://blog.testlodge.com/screen-reader-accessibility-testing/ |
headline 4 | Audio Description |
headline 4 coordinates | 56.000, 43.000, 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[edit]
Introduction to Perception - hearing, feeling, and seeing[edit]
Techniques for the Web Content Accessibility Guidelines (WCAG) 2.2;
https://www.w3.org/WAI/people-use-web/tools-techniques/#perception
[edit]
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[edit]
Christopher Ratcliff - UserZoom
https://www.userzoom.com/ux-library/how-to-design-websites-for-blind-and-partially-sighted/
Chart Authoring Tool: Highly accessible charts[edit]
Fluid Project- Inclusive Design Research Centre
https://build-chartauthoring.fluidproject.org/demos/
Labels and text alternatives[edit]
Rob Dodson - Google Developers
https://web.dev/labels-and-text-alternatives/
Media accessibility[edit]
Joe Medley - Google Developers
https://web.dev/media-accessibility/
Blindness[edit]
Deque University - Accessibility Basic Concepts
https://dequeuniversity.com/class/archive/basic-concepts1/types-of-disabilities/blindness
Low Vision[edit]
Deque University - Accessibility Basic Concepts
https://dequeuniversity.com/class/archive/basic-concepts1/types-of-disabilities/low-vision
Images Concepts[edit]
3WC - Web Accessibility Tutorials
https://www.w3.org/WAI/tutorials/images/
Captions[edit]
Perceivable - Non-text Content[edit]
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[edit]
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[edit]
Accessibility and Usability at Pennsylvania State University
https://accessibility.psu.edu/images/alttext/
Lens Of Images and Icons[edit]
Steven Lambert - Smashing Magazine
https://www.smashingmagazine.com/2018/04/designing-accessibility-inclusion/#lens-images-icons
Text Alternatives for Images[edit]
Meggin Kearney, Dave Gash, Alice Boxhall - Google Developers
Tables Concepts[edit]
W3C - Web Accessibility Tutorials
https://www.w3.org/WAI/tutorials/tables/
Forms Concepts[edit]
W3C - Web Accessibility Tutorials
https://www.w3.org/WAI/tutorials/forms/
Text Alternatives[edit]
Text Alternatives[edit]
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[edit]
Gov.uk: Accessibility in government
Images of text[edit]
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[edit]
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[edit]
Arielle Pardes - WIRED
https://www.wired.com/story/web-accessibility-blind-users-dominos/
Testing with Screen Readers - Questions and Answers[edit]
WebAIM - Center for Persons with Disabilities
https://webaim.org/articles/screenreader_testing/
Label in Name[edit]
Understanding Web Content Accessibility Guidelines (WCAG) 2.1
https://www.w3.org/WAI/WCAG21/Understanding/label-in-name.html
Introduction to Screen Readers[edit]
Trace Dissemination - Youtube
https://www.youtube.com/watch?v=o_mvO6EQ0tM
Screen Reader Accessibility Testing: An Introduction[edit]
Will Saunders - TestLodge
https://blog.testlodge.com/screen-reader-accessibility-testing/
Audio Description[edit]
Audio Description (Prerecorded)[edit]
Understanding Web Content Accessibility Guidelines (WCAG) 2.1
https://www.w3.org/WAI/WCAG21/Understanding/audio-description-prerecorded.html
Audio Description of Visual Information[edit]
3WC - Web Accessibility Initiative
https://www.w3.org/WAI/media/av/description/
Video Content and Learning[edit]
FLOE - The Inclusive Learning Handbook