Visual content reproduction References

From Make Inclusive Websites
Jump to navigation Jump to search
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

How visually impaired people navigate the web[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

https://developers.google.com/web/fundamentals/accessibility/semantics-builtin/text-alternatives-for-images

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

https://accessibility.blog.gov.uk/2017/02/08/advice-for-creating-content-that-works-well-with-screen-readers/

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

https://handbook.floeproject.org/videocontentandlearning