Giter VIP home page Giter VIP logo

images-for-everyone's Introduction

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

images-for-everyone's People

Contributors

ksylor avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.