Accessibility

Writers using APA Style must strive to use language that is free of bias and avoid perpetuating prejudicial beliefs or demeaning attitudes in their writing. Topics covered: age, disability, gender, participation in research, race and ethnicity, sexual orientation, socioeconomic status, and intersectionality.

Web designers have a vision and web developers bring it to life. They’re two sides of the same coin. Everyone agrees that a world-class user experience

The Consumer Duty Deadline in the UK applies to digital accessibility and users with disabilities, find out how you can comply.

Pro tip: when you meet a colorblind person, don’t repeatedly point to things and ask what color they are.

Can our GIF-like embeds support playback controls, alternative text, and reduced motion?

When designing or developing a form, how high is accessibility on your priority list?

Earlier this year, I lost the ability to use a keyboard and mouse for extended periods. Fortunately, this wasn't as catastrophic as it sounds! This article chronicles my experience using adaptive tools like dictation and eye-tracking as my primary mechanisms for writing code.

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.

...

Users with ADHD often suffer from an extreme lack of focus that can uncover hidden product issues.

This Style Guide provides principles that can help ensure that written material considers the difficulties experienced by some dyslexic people and allows…

2011 skills for life survey: a survey of literacy, numeracy and ICT levels in England. 2012. Department for Business Innovation and Skills. The Skills for Life survey follows on from an earlier survey in 2003 and sought to measure the impact of the government's Basic Skills Strategy. It was based on a sample of 7,000 adults aged between 16 and 65 and assessed numeracy, literacy and IT skills.

A lot of research goes into understanding how physical disabilities (e.g. blindness) affect users online and how support technologies can help.

Most current UI libraries provide great user experience with a vast of components. But when it comes to heavy customization, and non-standard scenarios, especially for E-Commerce, they become hard to manage, scale or even slow down performance.

TL;DR: Be careful when using the word menu. Be certain you have chosen the term that accurately describes the control you want. If this post looks familiar to you, that is because it is essentially a redress of my 2020 post Stop Using ‘Drop-down’. It is not as divergent as…

Learn more about the accessibility review process & see the results of our own review of the Sanity Studio headless CMS.

How to use color contrast tools with examples.

Optimize and adjust for users who prefer an opaque UI.

For National Disability Employment Awareness Month, here’s a look at Googlers and the accessibility apps and features they work on for Google Play.

The A11Y Project is a community-driven effort to make digital accessibility easier.

The personal blog of Dave Rupert, web developer and podcaster from Austin, TX.

Style guide and pattern library promoting accessible components and WCAG compliance criteria

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.

Common questions I hear about web accesssibility with short, low on nuance answers.

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.

Extension for Visual Studio Code - Structural voice coding at the speed of thought

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 */ .