Accessibility - AutoSponge/dev-notes GitHub Wiki
- facts and figures for a11y
- ARRM Accessibility Roles and Responsibilities Mapping (w3c)
- screen reader messaging - live region lib
- 11ty wcag report template
- Giving a damn about accessibility (Sheri Byrne-Haber)
- apex The Comprehensive ARIA Development Suite
- wcag 2.1 map
- what makes a typeface accessible (typography)
- PEAT Photosensitive Epilepsy Analysis Tool 2.3.1
- testing with voice over
- learn voice over bookmarklet
- kaizen - universal design
- virtual meetings
- https://ncapps.acl.gov/docs/SupportingMeetingAccessibility_NCAPPS_200519.pdf
- https://www1.nyc.gov/assets/mopd/downloads/pdf/virtual-meetings-accessibility-guide.pdf
- https://www.essentialaccessibility.com/blog/how-to-make-virtual-meetings-accessible
- https://support.microsoft.com/en-us/office/accessibility-tips-for-inclusive-microsoft-teams-meetings-and-live-events-fa0cb694-0fcd-4019-b67c-8270ea4e0c54 (video: https://www.youtube.com/watch?v=dLCz7RLhM-E)
- BBC job roles
- wcag2/2.1 overview checklist (with filters)
- spoon theory
- fork theory
- closed captions
- armara tool
- microsoft video series
- accessible charts
- accessibility-developer-guide (ADG)
- testing software comparison
- a11y-contrast cli analyze colors
- hands-free coding
- web accessibility resources list
- writing css for accessibility
- visa accessibility
- axe-storybook-testing CLI tool for running axe against storybook
- storybook a11y addon
- a11y resources
- testing with AT (BBC) guide
- how a screen reader user accesses the web
- wcag plain language (designers)
- pdf requirements
- readability matters readability research
- applause linter uses axe-core to find/fix issues
- bbc-a11y BBC Accessibility Standards Checker
- FAE open source tester
- a11y.css extension and bookmarklet
- axe-pipelines axe testing in azure pipelines
- Challenges with Accessibility Conformance Testing
- WAI Curricula draft A Framework to Build Your Own Courses
- Microsoft Power Apps a11y
- web accessibility checklist bruce lawson via websitesetup.org
- etiquette guide
- equivalent experiences eric bailey
- accessible images
- ms learning modules
- expedia checklist
- testing with styleus
- equal access IBM accessibility tool
- color2k small color calculations (like contrast)
- image collection royalty-free images of disability
- accessibility skills hiring toolkit
- accessibility bookmarklets src
- say no to sticky headers (part of design and develop for low vision)
- 1.1 aria roles diagram, 1.2, 1.0
- orange components based on bootstrap
- UDL - universal design for learning
- intro curated resources
- color tools
- wcag2.1 checklist
- web a11y checklist (reCaptcha)
- a11y for designers
- accessibility cheatsheet
- WET Web Experience Toolkit
- cognitive disability 10 tips
- coga task force design guide
- gov.uk posters
- wcag2.1 poster
- Domain A11y Audit crawler/spider with axe and Selenium
- DockYard a11y style guide
- html5 element flowchart sectioning elements
- microsoft whiteboard accessibility review
- microsoft disability answer desk (DAD)
- JAWS test system in aws workspaces
- display modes
- designing for accessibility and inclusion lenses of accessibility in design
- results of tools test
- using aria-live
- accessibility vs aesthetics
- a11y axioms
- accessibility for designers
- html the inaccessible parts
- google disability support team
- user testing with disabled people guide
- accessible graphics
- WCAG summary in plain english
- accessible microcopy
- stark a11y tools for design UX tools
- get started with a11y salesforce trailhead
- ACT Rules rule format
- windows testing workspace in aws
- (massive) resources list
- autocomplete
- mobile a11y
- a11y workshop by marcy sutton
- Website Accessibility Evaluation Report Generator
- writing accessibly
- :book: accessible office docs
- color-add adds symbols to colors
- SAPC another method for calculating color contrast
- single paragraph contrast
- JAWS aria support html support
- planning accessible event
- disability etiquette guide
- cboard alternative communication in browser (pictures, visual, nonverbal)
- osmi open source mental illness (resources for tech community) preso
- notifications ARIA live messages
- accessible font features
- abilityjobs job board for PWD
- aria role matrix
- TPG mobile testing guide
- list of courses
- disability inclusion questions
- quantifying a11y
- w3c curricula open curricula
- input masking does not use placeholder
- charts and aria charts
- reduced motion using picture element
Overlays
- https://karlgroves.com/2020/02/05/investment-in-the-accessibility-industry
- https://karlgroves.com/2020/04/13/even-custom-overlays-have-questionable-value
- https://en.wikipedia.org/wiki/AccessiBe
- https://adrianroselli.com/2020/06/accessibe-will-get-you-sued.html
- https://sheribyrnehaber.medium.com/more-lawsuits-filed-against-companies-using-accessibility-plugin-overlays-1cc539d493b2
- https://www.lflegal.com/2020/08/quick-fix/
user testing
- UsableNet
- fable
- Ablr
- center for accessible technology
- dac
- lci
- remote research with people with access needs (GOV UK)
needs review
- colorbrindly chrome extension simulating color blindness
- interview questions
- ui framework review
- metrics metrics for an a11y program
- deque a11y heuristics
- expedia a11y guidelines
- aria-api accName calc
- visual-aria
- a11y-tools
- aom or this
var c = await window.getComputedAccessibleNode($0)
links
- a11ysupport caniuse for a11y techniques
- style lint a11y
- a11y checker for epub
- tablesaw responsive tables
- email accessibility
- AccDc Bootstrap components from whatsock
- origami Financial Times pattern library and components
- SVG patterns (how to handle react)
- ikonate accessible SVG icons
- critical axis project that collects and analyzes disability representation in media
- resource list
- resource list #2
- style form controls Scott O'hara
- accname w3c accessible name calculation
- accessible name calculation
- accessibility insights auto+guided tests
- pitfalls of high contrast mode
- cupper hugo theme
- tabbable
- togglific toggle animations
- gov uk design patterns
- makup-js vanilla implementations of important a11y patterns
- aria-query
- autocomplete
- syntax highlighting
- designing for color blind users
- braille neue combined typeface with braille
- colorable manipulate color
- colorbrewer a11y color palettes for data visualization.
- image palette accessible color palette from image
- styled form controls
- dynamic font color for background
- designing a toggle switch UI component
- svg flowcharts
- nutrition cards component requirements
- job descriptions
- wcag as json
- teach access accessibility curriculum for higher ed
- SPA "announcer" pattern
- mutlimedia contract language
- toast
- users changing colors
- captcha
- interview questions
- list of lists
- codepen a11y check
- a11y for designers !!!!!
- 6 pillars of a11y
- COMPARE project
- job roles
- what can be tested/how
- focus-visible polyfill
- aria-invalid info
- touch target size WCAG2.1
TTS (Text-To-Speech)
STT (Speech-to-text)
Gaming
- 2019 review
- gaming blind
- trivia
- ubisoft accessible design workshop
- sekiro
- 📃the fight
- can i play that?
- dager system disability game review
- braille controller
- able gamers -> twitch
- xac on switch
- nintendo shade
- cybersmile career platform for gamers with disabilities (twitch)
- accessible streamers discord
- grant money
- twitch showcase and twitchcon panel 2017
Legal
- recent cases
- laws and policies list
- community college failure
- map of wcag adoption
- what happens when you get sued
- EU a11y directive compliance
Testing groups
- https://access-works.com/
- http://www.digitalaccessibilitycentre.org/
- https://www.loop11.com/
- http://www.neilsquire.ca/business-programs-services/technologywork/
Training
Neutrality
- neutrality.wtf highlight gender-biased verbiage
Empathy
- what you say vs. what I hear
- capitol 1
- a11y according to pwd
- a11y guides
- funkify
- designing for people with ADHD
- stairs
Empathy vs Sympathy/Pity
- https://blog.prototypr.io/why-i-wont-try-on-disability-to-build-empathy-in-the-design-process-and-you-should-think-twice-7086ed6202aa
- https://acuity-design.medium.com/empathy-exercises-dont-work-b984dacc8fd6
- https://incl.ca/disability-simulations-perceptions-etc/
- https://www.disability.illinois.edu/empathic-modelingdisability-simulation
- https://www.bustle.com/p/disability-simulators-dont-work-but-there-are-other-ways-to-be-able-bodied-ally-75727
Libraries
- calculating-color-contrast
- get-contrast
- colora11y
- uswds us govt web design system
- gov.uk elements
- cupper accessible documentation builder
- on-demand live region
- announceThis similar to on-demand live
- ally (normalizing api)
- merry-go-round accessible carousel
- inert api polyfill helps with focus management
- what-input detect mouse or keyboard and style appropriately
Examples
- gatsby
- accessible combobox
- practical aria
- IDV Integrated Described Video example
- gov.uk open source static files
- aria-switch
- aria-current
- testing components
- styled file upload replacing native inputs
- aria widget screen reader testing
- react a11y @shopify
- simplyaccessible demos
- demo-app
- polaris shopify's styleguide
- checklist
- accordion
- teach accessibility tutorials
- aria-live in react
- datepicker
- prototyping with axure
- selectWoo select-2 made accessible
- select and comboboxes
- a11yproject collection of examples
- dragon drop
- react dnd draggable
- physical space accommodations list
- launchy modal
- a11y-casts examples from Google a11y cast
- contrast with font-size
- datepicker haltersweb
- autocomplete haltersweb
- autosuggest
- screen magnifier
- model procurement language
- procurement toolkit
- a11y-menu-button
- IBM-va11y verified accessibility samples
- sweet alert
- todo-list
- toggle-button
- a11y-dialog
- a11y-dialog
- date pickers
- dotjay lab UK a11y expert's lab site
- react a11y
- custom selec
- combobo combobox
Frameworks
- figuration a11y framework based on Bootstrap
Reference
- screen reader support matrix
- cheatsheet
- screen reader comparison
- html-aria
- inclusive design posters
- aria-current
- ibm: age and ability
- screen-reader punctuation
- screen-reader attributes
- screen reader tests
Contrast Ratios
| wcag level | normal < 24px | bold < 19px |
|---|---|---|
| AA | 4.5:1 | 3:1 |
| AAA | 7:1 | 4.5:1 |
- react-image-palette contrast text on images
Guides
- online forms a11y
- functional ruleset evaluator
- espn
- using wcag guidelines
- design guidance for dates
- text-sizing
- dynamic links
- autosuggest autocomplete
- a11y culture (eBay)
- focus styles (click)
- accessible forms for conversion
- form validation from ebay's mindpatterns
- tips for people who use screen magnifiers
- html emails
- text-sizing
- UX in conversational interfaces
- pdf accessibility
- alt texts
- smartphone a11y
- bbc (role) guides
- tooltips
- back-to-top
- writing accessible content
- alt text guide
- anatomy-of-an-accessible-auto-suggest
- video guide
- oatmeal a11y testing guide from ebay
- a11y style guide
- aria-current
- 📹 a11y cast audit
- a11y modal dialogs @marcysutton
- usability testing with screen readers
- planning usability testing
- simple words list of simple word conversions
- learn accessibility (mozilla)
- mobile accessibility
- dos and donts
- focus management
- links or buttons
- required
- 18f
- microsoft toolkit
- audit
- patterns
- tab panel (controversial)
- seo implications
- wcag checklist
- visually hidden
- combobox web component
- testing with aXe
- convert icon fonts to SVG
- svg screen reader tests
- UX for color blind
- accessible SVGs
- mobile-friendly accessible tables
- web typography tables
- responsive tables
Presentations
- aria
- 📹 myths
- burn your select boxes
- marcy sutton spas
- a11y at capitol one
- 📹 barclays design for difference
- Test-driven HTML (Heydon Pickering)
- dealing with dyslexia
- death to icon fonts
- a11y matters
- making awesome things accessible
Courses
Business case
- gov.uk sample policy
- responsibilities list
- amazon
- wells fargo hackathon
- ecommerce impact
- starbucks asl
- caroll center for the blind
- inclusive (microsoft)
Tools
- color contrast checker (online)
- a11y-outline bookmarklet
- contrast finder
- accessibility experiments in chrome devtools
- tools review
- ANDI a11y name and description
- colorsafe
- colorable accessible palette help
- list of tools for autism spectrum disorders
- the a11y machine crawler with reporting
- github/accessibilityjs
- bookoo
- w3c color contrast analyzer works for images
- ck a11y checker
- inclusive design toolkit
- axe-cli
- eslint-jsx-a11y
- accesslint ❓
- accessible color finder
- aws polly text to speech api
- css error property
- powermapper
- color contrast for bg images
- AATT automated a11y by paypal
- readability cli
- readability
- tools list
- paypal automated testing
- awesome a11y
- Paul J Adams resource list
- open dyslexic chrome plugin
- html code sniffer
- googlechrome a11y
- google a11y
- high contrast mode chrome addon
- visual studio extension
- crawlkit + aXe
- chai-a11y
Patterns/Examples
- change fonts
- practical examples
- footnotes and flowto
- axe webdriver
- screen reader survey
- a11y dialog
- text detection api
References
- aria matrices
- cognitive accessibility gap analysis
- WHATWG (autofill)
- Nu validator open issue for autocomplete
- HTML5 Validity
- Constraint Validation
- caniuse (validation)
- html5accessibility
- google accessibility tools rules
- maturity model or AEM model
- voice over cheatsheet
- voiceover cheatsheet
- wcag for content authors
Inventions
- skype background blur (made by deaf engineer at Microsoft to help read lips of parents in India), https://aneventapart.com/news/post/inclusive-by-design-aea-video
- typewriter (hansen writing ball) https://incl.ca/the-evolution-of-assistive-technology-into-everyday-products/#_Toc271101948
- speech to text - https://incl.ca/the-evolution-of-assistive-technology-into-everyday-products/#_Toc270431675
- text to speech - https://incl.ca/the-evolution-of-assistive-technology-into-everyday-products/#_Toc270431676