Difference between revisions of "Visual content reproduction References"
| (50 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
{{References | {{References | ||
|headline1=General | |headline1=General | ||
| − | | | + | |coordhead1=2.000, 43.000, 0.000 |
|references1= | |references1= | ||
Introduction to Perception - hearing, feeling, and seeing; | 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; | https://www.w3.org/WAI/people-use-web/tools-techniques/#perception; | ||
| − | How visually impaired people navigate the web | + | How visually impaired people navigate the web: What people that work with digital products need to know; |
| − | 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; | https://uxdesign.cc/how-visually-impaired-people-navigate-the-web-7f9eab9d9c37?gi=bc9dce325627; | ||
How to design websites for blind and partially sighted people; | 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/; | 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/ | ||
|headline2=Captions | |headline2=Captions | ||
| − | | | + | |coordhead2=20.000, 43.000, 0.000 |
|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; | ||
| − | 3WC | + | 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/; | ||
| − | |headline3= | + | 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/ | ||
| + | |headline3=Text Alternatives | ||
| + | |coordhead3=38.000, 43.000, 0.000 | ||
|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; | ||
| + | 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; | 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; | ||
| − | |headline4= | + | 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/ | ||
| + | |headline4=Audio Description | ||
| + | |coordhead4=56.000, 43.000, 0.000 | ||
|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 44: | Line 95: | ||
Video Content and Learning; | Video Content and Learning; | ||
FLOE - The Inclusive Learning Handbook; | FLOE - The Inclusive Learning Handbook; | ||
| − | https://handbook.floeproject.org/videocontentandlearning | + | https://handbook.floeproject.org/videocontentandlearning |
|headline5= | |headline5= | ||
| − | | | + | |coordhead5= |
|references5= | |references5= | ||
|linksto= | |linksto= | ||
| − | |belongsto= | + | |belongsto=Visual content reproduction |
|contains= | |contains= | ||
}} | }} | ||
==General== | ==General== | ||
===Introduction to Perception - hearing, feeling, and seeing=== | ===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 | https://www.w3.org/WAI/people-use-web/tools-techniques/#perception | ||
| Line 64: | Line 115: | ||
===How to design websites for blind and partially sighted people=== | ===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/ | 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== | ==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 |
===Ensure that form elements include clearly associated labels=== | ===Ensure that form elements include clearly associated labels=== | ||
| − | 3WC | + | 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=== | ||
| + | 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/ | ||
==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 96: | 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 | ||
| + | |||
| + | ===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/ | ||
==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 | ||
Latest revision as of 14:56, 9 June 2021
| 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