ksylor / images-for-everyone

Accessibility resources

Images for everyone

Accessibility information and resources from my talk given at ImageCon 2018:

Accessibility Introductions and resources

WAI intro to a11y: https://www.w3.org/WAI/intro/accessibility.php

Accessibility for Everyone by Laura Kalbag: https://abookapart.com/products/accessibility-for-everyone

Google intro to a11y: https://webaccessibility.withgoogle.com/

Universal design: https://www.section508.gov/blog/infographic-the-case-for-universal-design

Disability language styleguide: http://ncdj.org/style-guide/

DIY Accessibility blueprint: http://alistapart.com/article/diy-web-accessibility-blueprint

Webaim.org resources list: https://webaim.org/resources/

More about disabilities

Color blindness https://nei.nih.gov/health/color_blindness/facts_about

Aging population https://www.prb.org/aging-unitedstates-fact-sheet/

Screenreader usage survey: https://webaim.org/projects/screenreadersurvey7/

Visual disability simulator: https://simulator.seenow.org

Jake Voytko’s Protanopia twitter bot: https://twitter.com/@jakewouldsee

Standards, guidelines, and implementation patterns

WCAG quick reference: https://www.w3.org/WAI/WCAG20/quickref/

WAI ARIA Authoring guide https://www.w3.org/TR/wai-aria-practices

Inclusive components: https://inclusive-components.design/

Ebay MIND patterns: http://ebay.github.io/mindpatterns/

Color

Color Contrast checker: https://contrastchecker.com/

Images

Does this image need a description decision tree: https://www.w3.org/WAI/tutorials/images/decision-tree/

Examples of good image descriptions: https://twitter.com/RobotHugsComic/status/949324465191694337

Diagram center - Poet Image description training tool http://diagramcenter.org/making-images-accessible.html

National center for accessible media http://ncam.wgbh.org/

Videos

Amara captioning https://amara.org/en/

youtube captions & transcripts documentation: https://support.google.com/youtube/answer/2734796?hl=en&ref_topic=7296214

The Lion King described video exampmle: https://www.youtube.com/watch?v=7-XOHN2BWG4

Described and captioned media program http://www.dcmp.org

Testing

Google Lighthouse dev tools: https://developers.google.com/web/tools/lighthouse/

aXe: https://www.axe-core.org/

Pa11y: http://pa11y.org/

Koa11y: http://open-indy.github.io/Koa11y/

Community

Bay area meet up https://www.meetup.com/a11ybay

A11y Slack https://web-a11y.herokuapp.com/

CSUN Conference http://www.csun.edu/cod/conference/2018/sessions/index.php/public/website_pages/view/1