Bookmarks (24) clear filters

Weaving Web Accessibility with Usability — Highlights how a site complying with accessibility guidelines may still present usability issues when testing with real users.

Internationalization and Localization For Static Sites — An outstanding and detailed look at the considerations, planning and development of a localized Jamstack site based upon the experiences of the team that developed ChromeOS.dev at Google using 11ty.

Developing for the Semantic Web — Frederick O’Brien explains how every site that develops with the (machine-readable) semantic web in mind strengthens the “foundations of an open, transparent, decentralized internet”.

Designing With Reduced Motion For Motion Sensitivities — Thanks to the wide support of the prefers-reduced-motion-media feature, we now have more advanced ways to design motion that can be creative and innovative while also being safer for those with motion sensitivities.

Working with Accessibility in Chrome DevTools — Umar Hansa demonstrates some useful features in DevTools which can help you improve the accessibility of your website.

Modern CSS Techniques To Improve Legibility — Advice and tips on how to improve website legibility using things such as variable fonts, contrast, spacing, etc.

Translating Design Wireframes Into Accessible HTML/CSS — Harris Schneiderman walks you through the process of analyzing a wireframe and making coding decisions to optimize for accessibility.

A Basic Technique for Switching a Logo in Dark Mode — Logos often suit dark or light contexts and not the other, but you can swap them dynamically with a bit of CSS.

Accessible Font Sizing, Explained — Bootstrap core team member Andrés Galante runs through how we can ensure our font sizes are accessible by asking what sort of best practices we can rely on to make an accessible reading experience.

How Do You Make Video Accessible? — Lots of good reminders here on video accessibility, covering captions, subtitles, audio descriptions, transcripts, and more.

Find Out Who Can Use Your Color Combination — A tool that brings attention and understanding to how color contrast can affect different people with visual impairments.

Why Are Accessible Websites so Hard to Build? — Robin Rendle asks why seemingly so many companies struggle at making accessible websites (looking at you Domino’s), and offers up an idea on how text editors could help by way of included accessibility checkers. Stefan Judis expands on this proposing that browser dev consoles could do similar checks.

Button Contrast Checker — A straightforward tool to test whether your buttons and links are compliant with WCAG 2.1 contrast guidelines.

Need to Scroll to the Top of the Page? — If you want users to be able to jump to the top of the page quickly, there are a few approaches..

Using Progressive Enhancement to Design for Accessibility — When it comes to UI, what does progressive enhancement actually look like? This article digs into it, and offers up links to helpful resources.

An Intro To Screen Reader Testing for Sighted Developers — This quick guide will give you an introduction to the why and how of testing your website’s user experience using screen readers.