This repository is an open-source project seeking contributions for resources and tools relating to web accessibility, and making the web better for everyone.
Currently this repo is a mess of notes and links... help us make it better!
- What is accessibility?
- Things to consider when creating web and digital products
- Tools and Resources
- Questions for digital teams and organisations to ask?
- Who in an org should be responsible for accessibilitiy?
- Assistive technology in action
- People to Follow in Web Accessibility
- Accessibility Courses
- Other notes and incomplete thoughts
On the web, accessibility ensures that users with disabilities are able to use all facets of a website. The World Wide Web Consortium (W3C) defines accessibility standards and guidelines that all website designers and developers should comply with.
Accessibility is often pooled together with other web standards like performance, usability and security at the end of developing a web project though our aim is to make it a priority throughout all stages of web development.
- POUR principles: Perceivable, operable, understandable, robust
- HTML: use sematic elements (nav, section, article, aside, footer, header, etc) instead of divs - to assist with screen readers
- Video captions
- Color blindness
- Bionic reading
- Sensory considerations
- Autoplay of sound and video
- Design features that are meaningful vs decorative
- Separate css stylesheets for different access requirements (print, screen readers, colour blind, dark mode, slow connections)
- Image descriptions and alt text
- Text should always be written, not in a flat image
- Building websites for slow internet connections, with technologies e.g Lazy Load, optimized images, fallback, SWR etc
- W3C Markup Validation Service: This validator checks the markup validity of Web documents in HTML, XHTML, SMIL, MathML, etc.
- Who Can Use
- Digital NSW Colour Contrast resource
- Vic government typography and accessibility colour digital guide
- Bionic Reading chrome extension
- A11y project WCAG compliance checklist
- Otter AI
- https://www.w3.org/WAI/business-case/
- https://www.w3.org/WAI/standards-guidelines/wcag/
- https://fonts.google.com/knowledge/readability_and_accessibility/introducing_accessibility_in_typography
- https://css-tricks.com/making-calendars-with-accessibility-and-internationalization-in-mind/
- https://www.tawdis.net/#
- https://chrome.google.com/webstore/detail/arc-toolkit/chdkkkccnlfncngelccgbgfmjebmkmce
- https://www.st-andrews.ac.uk/itsnew/web/accessibility/cynthia_validator.shtml
- https://www.w3.org/TR/2015/REC-ATAG20-20150924/
- https://achecks.org/achecker
- https://wave.webaim.org/
- https://www.linkedin.com/learning/accessibility-first-design
- Quick accessibility tests (YouTube playlist)
Manual accessibility testing using assistive technology is a key part of ensuring your website is accessible.
- VoiceOver comes built-in with Mac
- A11ycasts tutorial
- Testing template
- ChromeVox comes built-in with Chromebook
- A11ycasts tutorial
- BBC News process for testing with Voice Control
- BBC News process for testing with Voice Access
- DWP UK's template for testing Zoom on OS X
- Kristy Viers uses voiceover and braille keyboard on the iphone
- Kristy Viers uses voiceover and braille keyboard on the ipad
- Jared Smith on his difficulties accessing the web as a blind user
- How Jared uses a sip and puff to control his computer
- Rakesh Babu's experiences as a blind user
- How Christina uses email and twitter as a blind user
- Using an iphone as a blind user (filling out form)
- Jeff playing Assassins Creed with a quadstick
- Carrie on Accessibility
- Web AIM perspective videos
- Web AIM user stories
- Aimee Mullins TED talk on her prosthetic legs
- Endless Thread episode about how reddit failed it's blind moderators
- What would an accessibility-first process for digital products look like?
- What would an accessibility pledge look like?
- How can digital teams bake accessibility into their process?
- How does an organisation prioritise accecessibility?
- Kristy Viers uses voiceover and braille keyboard on the iphone
- Kristy Viers uses voiceover and braille keyboard on the ipad
- Jared Smith on his difficulties accessing the web as a blind user
- How Jared uses a sip and puff to control his computer
- Rakesh Babu's experiences as a blind user
- How Christina uses email and twitter as a blind user
- Using an iphone as a blind user (filling out form)
- Jeff playing Assassins Creed with a quadstick
- Carrie on Accessibility
- Web AIM perspective videos
- Web AIM user stories
- Aimee Mullins TED talk on her prosthetic legs
- Endless Thread episode about how reddit failed it's blind moderators
^ back to top ^
Below is a list of individuals who are strong advocates for Accessibility and Inclusivity in the digital world. Some of the names on this list draw inspiration from the repo of @Joe Watkins.
| Name | |
|---|---|
| Jennison Asuncion | @Jennison |
| Steve Faulkner | @stevefaulkner |
| Léonie Watson | @LeonieWatson |
| Marcy Sutton Todd | @marcysutton |
| Jennison Asuncion | @Jennison |
| Billy Gregory | @thebillygregory |
| Karl Groves | @karlgroves |
| Joe Dolson | @joedolson |
| Henny Swan | @iheni |
| Derek Featherstone | @feather |
| Accessibility is important | @a11yisimportant |
| Adrian Roselli | @aardrian |
| Alistair Duggin | @dugboticus |
| Anand Chowdhary | @anandchowdhary |
| Andrea Skeries | @Artistic_Abode |
| Andrew Arch | @amja |
| Andy Ronksley | @RooRonks |
| Arthur Rigaud | @arigaud_ca |
| Ashley Bischoff | @handcoding |
| Becky Gibson | @becka11y |
| Billy Gregory | @thebillygregory |
| Bruno Pulis | @obrunopulis |
| Cameron Cundiff | @ckundo |
| Carie Fisher | @cariefisher |
| Charlie Turrell | @AccessibilityC3 |
| Claudia Nascimento | @claumartin |
| Claudio Luís Vera | @modulist |
| Cordelia McGee-Tubb | @cordeliadillon |
| Cynthia Shelly | @cyns |
| Daniel Göransson | @DanielGoransson |
| Darek Kay | @darek_kay |
| Dave Rupert | @davatron5000 |
| David A. Kennedy | @davidakennedy |
| Deborah Edwards-Oñoro | @redcrew |
| Debra Ruh | @debraruh |
| Denis Boudreau | @dboudreau |
| Dennis Gaebel | @gryghostvisuals |
| Dennis Lembrée | @dennisl |
| Derek Featherstone | @feather |
| Devon Persing | @devonpersing |
| Doug Schepers | @shepazu |
| Dylan Barrell | @dylanbarrell |
| Eliza Greenwood | @E_lizaG |
| Eric Bailey | @ericwbailey |
| Eric Eggert | @yatil |
| Eric Wright | @ewaccess |
| Glenda Sims | @goodwitch |
| Graham Armfield | @coolfields |
| Greg Tarnoff | @gregtarnoff |
| Harcourt Hamsa | @freescrpt |
| Hector Minto | @hminto |
| Helena McCabe | @misshelenasue |
| Henny Swan | @iheni |
| Heydon Pickering | @heydonworks |
| Hidde de Vries | @hdv |
| Ida Franceen | @kolombiken |
| Ire Aderinokun | @ireaderinokun |
| Jamie Knight | @JamieKnight |
| Jared Smith | @jared_w_smith |
| Jeffrey Zeldman | @zeldman |
| Jen Simmons | @jensimmons |
| Jennison Asuncion | @Jennison |
| JoAnna Hunt | @johunt0311 |
| Joe Dolson | @joedolson |
| Joe Watkins | @_josephwatkins |
| John Foliot | @johnfoliot |
| John McNabb | @JohnKMcNabb |
| Jonathan Hassell | @jonhassell |
| Jonny James | @heresjonnyjames |
| Joseph Karr O'Connor | @AccessibleJoe |
| Jules Ernst | @JulezRulez |
| Julianna Rowsell | @JuliannaRowsell |
| Karl Groves | @karlgroves |
| Lainey Feingold | @LFLegal |
| Laura Carlson | @laura_carlson |
| Laura Kalbag | @laurakalbag |
| Léonie Watson | @LeonieWatson |
| Luis Garcia | @garcialo |
| Lucy Greco | @accessaces |
| Luke McGrath | @lukejmcgrath |
| Manjula Dube | @manjula_dube |
| Manuel Matuzović | @mmatuzo |
| Marcelo Sales | @msales |
| Marco Zehe | @MarcoZehe |
| Marcy Sutton | @marcysutton |
| Melanie Sumner | @melaniersumner |
| Michael Spellacy | @spellacy |
| Michiel Bijl | @MichielBijl |
| Mike Gifford | @mgifford |
| Mike Paciello | @mpaciello |
| Molly Watt | @MollyWattTalks |
| Monika Piotrowicz | @monsika |
| Neil Milliken | @NeilMilliken |
| Nicolas Steenhout | @vavroom |
| Patrick Fox | @patrickfox |
| Patrick H. Lauke | @patrick_h_lauke |
| Paul Adam | @pauljadam |
| Reinaldo Ferraz | @reinaldoferraz |
| Rachel Carden | @bamadesigner |
| Rachel R. Vasquez | @RachelRVasquez |
| Rian Rietveld | @RianRietveld |
| Rob Dodson | @rob_dodson |
| Russ Weakley | @russmaxdesign |
| Sarah Horton | @gradualclearing |
| Sarah Pulis | @sarahtp |
| Scott O'Hara | @scottohara |
| Scott Vinkle | @svinkle |
| Shawn Lauriat | @slauriat |
| Shawn Lawton Henry | @shawn_slh |
| Sina Bahram | @SinaBahram |
| Sommer Panage | @Sommer |
| Stefan Judis | @stefanjudis |
| Steph Slattery | @sublimemarch |
| Steve Faulkner | @stevefaulkner |
| Suz Hinton | @noopkat |
| Svetlana Kouznetsova | @svknyc |
| Ted Drake | @ted_drake |
- Accessibility on Instagram - how does Instagram incorporate accessibility?
- The Roboto font - apparently this font is accessibility friendly, was it designed with this in mind?
- Other fonts that are dyslexia friendly
- Person sues Coles for poor accessibility
- Helping blind people learn to code
- Accessibility workshops?
- An accessibility-first website project would be a great portfolio piece (e.g. for someone looking for an internship)