December Accessibility Focus: WAVE and other accessibility tools - Pope Tech Blog
Accessibility Annotation Examples
Get to WCAG 2.2 faster with the GOV.UK Design System
Designing better target sizes
An interactive guide on designing better target sizes on the web.
Accessibility checklist – Benjy Stanton
A list of accessibility recommendations; covering typography, content, layout and interaction.
Making data tables more accessible – Benjy Stanton
A guide to designing accessible, WCAG-conformant focus indicators
A plan for accessible maps
How long until your website is accessible? - Karl Groves
Are you prepared for it to take 7 months (or more) to make your website accessible? If you're like me, you don't go to the store until you're ready to buy something. There's a difference between window shopping and shopping, and I usually don't go into the store and look at specific products until I'm
How to Perform a Web Accessibility Audit
How to prepare for and perform an accessibility audit on your website regardless of size or complexity.
Semantic inline lists
Sometimes, you want an list to be displayed in a line (like a nav menu) rather than vertically.ul class="list-inline" liMerlin/li liUrsula/li liRadagast/li /ul To do that, you typically set list-style to none, then style the list items with some padding in some way (using Flexbox or margins)..list-inline { list-style: none; margin-left: 0; /* This approach uses flexbox */ display: flex; align-items: center; column-gap: 1em; flex-wrap: wrap; } /* You could alternatively style the list items themselves This isn't needed if you use flexbox */ .
Designing for accessibility beyond compliance
Companies approach accessibility as a checklist of standards — but a client with disabilities showed me how to think beyond compliance.
Cursorless is alien magic from the future - Xe Iaso
Cursorless - Visual Studio Marketplace
Extension for Visual Studio Code - Structural voice coding at the speed of thought
Understanding Accessibility
Don't disable buttons
One of the most common accessibility issues I find (and fix) on client projects is dynamically disabled form buttons when a form is being submitted.
Today I want to talk about why developers do it, why it’s bad, and what you can do instead. Let’s dig in!
Why developers disable buttons Typically, I see the pattern used to prevent a form from being submitted a second time while waiting for the form is processed.
Answers to common (web) accessibility questions
Common questions I hear about web accesssibility with short, low on nuance answers.
Conducting Mobile Accessibility Research with Screen-Reader Users
Use word of mouth to recruit research participants who rely on screen readers. Conduct the study in person to help participants feel comfortable, and plan to record the screen-reader output.
How To Make A Strong Case For Accessibility — Smart Interface Design Patterns
With things to keep in mind, strategies and practical techniques to convince stakeholders to support and promote accessibility efforts.
How to write accessible descriptions for interactive charts – Highcharts Blog | Highcharts
Practical guidance and tips for writing rich, accessibility friendly descriptions for charts
Addressing Accessibility Concerns With Using Fluid Type — Smashing Magazine
The CSS `clamp()` function is often paired with viewport units for “fluid” font sizing that scales the text up and down at different viewport sizes. As common as this technique is, several voices warn that it opens up situations where text can fail WCAG Success Criterion 1.4.4, which specifies that text should scale up to at least 200% when the user’s browser reaches its 500% maximum zoom level. Max Barvian takes a deep look at the issue and offers ideas to help address it.
A11Y Style Guide
Style guide and pattern library promoting accessible components and WCAG compliance criteria
So you’ve been publicly accessibility-shamed
The personal blog of Dave Rupert, web developer and podcaster from Austin, TX.
Home - The A11Y Project
The A11Y Project is a community-driven effort to make digital accessibility easier.
3 ways we work to make Google Play more accessible
For National Disability Employment Awareness Month, here’s a look at Googlers and the accessibility apps and features they work on for Google Play.
CSS prefers-reduced-transparency - Chrome for Developers
Optimize and adjust for users who prefer an opaque UI.
Color contrast accessibility tools with examples - Pope Tech Blog
How to use color contrast tools with examples.
Designing services for people who need help with numbers
Low numeracy affects half of adults in the UK. Many live with the limitations of not understanding numbers and the impact that has on everyday life.
WCAG 2.2: What changes and how does it impact users? | Fable
Kate Kalcevich documents the major changes of WCAG 2.2 and Samuel Proulx provides an assistive technology user perspective.
Understanding WCAG 2.2 - Service Manual - GOV.UK
Using the WCAG 2.2 design principles and guidelines to build accessible services.