Bookmarks (15) clear filters

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.

How to Section Your HTML — A valuable deep-dive into HTML’s various semantic sectioning elements (such as <nav>, <section> and <aside>) with pointers on when it's appropriate to use them, and how. Worth bookmarking for future reference.

How to Create an Accessible Language Picker — Note that this is based around the CodyHouse CSS and JS component framework.

Why, How, and When to Use Semantic HTML and ARIA — Other than the obvious answer of 'always' 😉.. A look over the benefits of using HTML and ARIA, why starting with semantic HTML is the way to go, and why ARIA ought to come in as a last resort.

Revisiting prefers-reduced-motion, The 'Reduced Motion' Media Query — Most major desktop browsers (except Edge) now support prefers-reduced-motion, a type of media query that lets you style things differently for users for whom things like elaborate animations, flashing images, or parallax effects may be disruptive.

That Time I Tried Browsing the Web Without CSS — This is very much a ‘what if’ experiment, but Jon explains how the exercise can highlight some accessibility considerations — concluding that “CSS is really a layer of progressive enhancement”.