Accessibility
- Updated at
- Reading time
- 8min
Recently I gave a talk about topics I deeply care about. The talk title is Decrease your conversion – common ways to lock people out and it describes the fact that companies spend a lot of time on optimizing tiny things ignoring the fact that there are more factors to a successful product than button colors, perfect wording and features. What I'm talking about are web performance, inclusive design and accessibility.
In the research phase for this talk I collected many many links covering a wide range of accessibility topics and not every link made it into the slidedeck. Nevertheless I believe that this resource collection is worth sharing. So here we go. 🎉
The list is grouped by topic (which is not always so easy) and in no particular order.
Side note: I'll try to extend this list and keep it up to date in the future. Also I'm not guaranteeing any correctness of the following material.
- Designing accessible products (article)
- 5 Things I’ve Learned From the Accessibility Community (slides)
- The Optimizer’s Guide to Web Accessibility (article)
- Maintaining Accessibility in a Responsive World (article)
- How Many People With Disabilities Use My Website? (article)
- Pragmatic Accessibility: A How-To Guide for Teams (Google I/O '17) (video)
- How Blind People Use YouTube & Twitter on the iPhone (video)
- ACCESSIBILITY ACCORDING TO ACTUAL PEOPLE WITH DISABILITIES (article)
- Selfish accessibility (slides)
- Inclusive Design Principles (overview)
- Why online shipping is more accessible than health care (article)
- https://speakerdeck.com/matuzo/designed-for-inclusion-writing-css-with-accessibility-in-mind (slides)
- Writing CSS with Accessibility in Mind (article)
- Alt-texts: The Ultimate Guide (article)
- Building an Inclusive Web: Why Accessibility Matters (article)
- Tweaking Text Level Styles (article)
- Designing for Cognitive Differences (article)
- Accessibility for Vestibular Disorders: How My Temporary Disability Changed My Perspective (article)
- How to tweet with accessibility in mind (article)
- Unexpected accessibility tips (article)
- What a Year of Learning and Teaching Accessibility Taught Me (article)
- Improving Your Tweet Accessibility (article)
- Link Targets and 3.2.5 (article)
- Block Links, Cards, Clickable Regions, Etc. (article)
- Why the GOV.UK Design System team changed the input type for numbers (article)
- Examples for accessible chart with Highcharts.js (documentation)
- Seriously, Don’t Use Icon Fonts (article)
- Web Accessibility by Google (course)
- Everything About Color Contrast And Why You Should Rethink It (article)
- Accessibility: Improving The UX For Color-Blind Users (article)
- How to check for accessible colors -- A11ycasts #17 (video)
- Rethinking color and contrast (video)
- whocanuse (tool)
- Hating Comic Sans Is Ableist (article)
- ARIA alert support (article)
- How to make error messages accessible (article)
- Accessibly labelling interactive elements
- To ARIA! The Cause of, and Solution to, All Our Accessibility Problems
- Building an accessible auto-complete (slides)
- Don’t Use ARIA Menu Roles for Site Nav (article)
- aria-label is a xenophobe (article)
- Accessible Icon Buttons (article)
- Accessible CSS Generated Content (article)
- Introduction to feed role attribute (article)
- Playing with state (article)
- The Many Lives of a Notification - Sarah Higley (talk)
- More Accessible Skeletons (article)
- Are your Anchor Links Accessible? (article)
- Disabling a link
- Are we live? (article explaining the most solid approach to implement live regions)
- Smooth Scrolling and Accessibility (article)
- Managing Focus - A11ycasts #22 (video)
- Accessible UI Components For The Web (article)
- Anatomy of an Accessible Auto Suggest (article)
- Accessible Model Dialogs (video)
- Tooltips & Toggletips (article)
- Accessible SVG Line Graphs (article)
- AX navigation at Facebookt (article)
- Cards (article)
- The current state of the dialog element (article)
- Benefits of a Single Text Field Versus Multiple Text Fields (article)
- List of accessible date pickers (article)
- Basic Custom Control Requirements (article)
- Making a better custom select (article)
- Fixed Table Headers (article)
- Under-Engineered Responsive Tables (article)
- Multi-Function Button (article)
- Resources For Building Accessible Tables (article)
- Custom radios and checkboxes
- This isn't a button. Or a link (tweet)
- Why headings and landmarks are so important -- A11ycasts #18 (video)
- The Trials and Tribulations of the Title Attribute (article)
- HTML Source Order and When There’s No CSS (video)
- The accessibility of placeholder links (article)
- When is a table a table? (article)
- How do you figure? (article)
- Alt vs Figcaption (article)
- CSS Grid Layout and Accessibility (documentation)
- Flexbox & the keyboard navigation disconnect (article)
- WCAG 2.1 — It’s here! (article)
- WCAG 2.0 AA Is the New Accessibility Standard for Federal Agency Websites (article)
- Moving from Old Section 508 to WCAG 2.0 AA (summary)
- WCAG 2.0 checklists (summary)
- Reviewing WCAG 2.1 mobile success criteria (article/video)
- WCAG 2.1: What is Next for Accessibility Guidelines (article)
- re-upped: placeholder – the piss-take label (article explaining why incorrect placeholder usage fails WCAG)
- Coles web accessibility case settled (article)
- (article)
- (article)
- Screen Readers: Eight Frequently Asked Questions (article)
- How to Make Your Website Accessible to People Who Use a Screen Magnifier (article)
- Assistive Tech: Switch Device (video)
- Text Splitting Causes Screen Reader Problems (article)
- Your skip links are broken (article)
- Don't recreate browser features (article)
- Creating Accessible SVGs (article)
- CSS Can Influence Screenreaders (article)
- What we found when we tested tools on the world’s least-accessible webpage (article)
- OATMEAL - Accessibility Testing for the Web (guide)
- ChromeLens Chrome Extension - visualize focus order (tool)
- Wave - a web accessibility evaluation tool (tool)
- Better development strategy for web a11y – an overview of the available tools (slides)
- Automated Lies, with one line of code (article)
- "Here's an idea of travel in my shoes" (tweet & video)
- Selling Accessibility (article)
- Web accessibility - It's good for everyone. (article)
- The Business Case for Digital Accessibility (article
- Screen Reader User Survey #6 by WebAIM (article)
- The WebAIM million - An accessibility analysis of the top 1,000,000 home pages (article)