Difference between revisions of "Visual content reproduction References"

From Make Inclusive Websites
Jump to navigation Jump to search
Line 12: Line 12:
 
A comprehensive guide to improving accessibility for people with visual impairments;
 
A comprehensive guide to improving accessibility for people with visual impairments;
 
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;
 +
Supports authoring, export and embedding of highly accessible charts, including sonification of the data;
 +
https://build-chartauthoring.fluidproject.org/demos/;
 
|headline2=Captions
 
|headline2=Captions
 
|coord head2=19.119, 69.252, 0.000
 
|coord head2=19.119, 69.252, 0.000
Line 88: Line 91:
  
 
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===
 +
Supports authoring, export and embedding of highly accessible charts, including sonification of the data.
 +
 +
https://build-chartauthoring.fluidproject.org/demos/#
  
 
==Captions==
 
==Captions==

Revision as of 19:47, 6 April 2021

headline 1 General
headline 1 coordinates
references 1 Introduction to Perception - hearing, feeling, and seeing;

3WC - Web Accessibility Initiative; 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; https://uxdesign.cc/how-visually-impaired-people-navigate-the-web-7f9eab9d9c37?gi=bc9dce325627; How to design websites for blind and partially sighted people; A comprehensive guide to improving accessibility for people with visual impairments; https://www.userzoom.com/ux-library/how-to-design-websites-for-blind-and-partially-sighted/; Chart Authoring Tool; Supports authoring, export and embedding of highly accessible charts, including sonification of the data; https://build-chartauthoring.fluidproject.org/demos/;

headline 2 Captions
headline 2 coordinates
references 2 Perceivable - Non-text Content;

Web Content Accessibility Guidelines; 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;

headline 3 Text_Alternatives
headline 3 coordinates
references 3 Text Alternatives;

3WC - Web Accessibility Initiative; 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; 3WC - Web Accessibility Initiative; https://www.w3.org/WAI/WCAG21/Understanding/images-of-text-no-exception.html; Language of Parts; 3WC - Web Accessibility Initiative; https://www.w3.org/WAI/WCAG21/Understanding/language-of-parts.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; 3WC - Web Accessibility Initiative; https://www.w3.org/WAI/WCAG21/Understanding/label-in-name.html;

headline 4 Audio_Description
headline 4 coordinates
references 4 Audio Description (Prerecorded);

Web Content Accessibility Guidelines; 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

3WC - Web Accessibility Initiative

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

https://uxdesign.cc/how-visually-impaired-people-navigate-the-web-7f9eab9d9c37?gi=bc9dce325627

How to design websites for blind and partially sighted people

A comprehensive guide to improving accessibility for people with visual impairments

https://www.userzoom.com/ux-library/how-to-design-websites-for-blind-and-partially-sighted/

Chart Authoring Tool

Supports authoring, export and embedding of highly accessible charts, including sonification of the data.

https://build-chartauthoring.fluidproject.org/demos/#

Captions

Perceivable - Non-text Content

Web Content Accessibility Guidelines

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

Text Alternatives

3WC - Web Accessibility Initiative

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

3WC - Web Accessibility Initiative

https://www.w3.org/WAI/WCAG21/Understanding/images-of-text-no-exception.html

Language of Parts

3WC - Web Accessibility Initiative

https://www.w3.org/WAI/WCAG21/Understanding/language-of-parts.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

3WC - Web Accessibility Initiative

https://www.w3.org/WAI/WCAG21/Understanding/label-in-name.html

Introduction to Screen Readers

Video

https://www.youtube.com/watch?v=o_mvO6EQ0tM

Audio Description

Audio Description (Prerecorded)

Web Content Accessibility Guidelines

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