Technical guides on accessibility and the frontend

A practical blog for developers and accessibility advocates. From HTML/CSS techniques to data visualisation and WCAG interpretation, these posts focus on making accessible interfaces that work in the real world.

Want to see how these ideas apply to real checkouts? Watch the latest accessibility reviews

Post 1 through 4 of 4 total posts

  • WCAG Colour Contrast: What does the 4.5:1 ratio actually mean?

    ·15 min read

    Ever wondered why WCAG sets a minimum contrast ratio of 4.5:1? It’s not just a random number - it’s based on how our eyes perceive brightness and what makes text readable. Let’s break down the science of colour contrast, relative luminance, and why good contrast benefits everyone. From early accessibility research to how different colours contribute to brightness, we’ll explore what these ratios really mean - and why they’re essential for legibility in all conditions.

    Read more

  • How to build an accessible toggle switch with modern HTML & CSS (without JavaScript)

    ·8 min read

    Learn how to build an accessible toggle switch using modern HTML and CSS, without relying on JavaScript. This guide covers essential techniques to ensure your toggle switch is both functional and inclusive, and works in all browsers.

    Read more

  • How to create accessible charts in React: A guide to inclusive data visualisation

    ·14 min read

    Data visualisation is key to communication but we found that many of the popular charting and graph libraries in ReactJS can be inaccessible to people using a screen reader. Ensuring accessibility in charts allows all users to understand and interact with your data. This guide explores how to create accessible charts using Highcharts, covering the selection of chart types, and the principles of clear chart design.

    Read more

  • Can AI be used to write good descriptive alt text for images in 2024?

    ·13 min read

    Recent data from WebAIM shows that a third of the images on popular home pages have missing, questionable, or repetitive alternative text. This is a shocking statistic to have in 2024. Is AI good enough to write meaningful alt text for images? We tested three AI alt text generators to see how they perform.

    Read more