Tag: accessibility

Understanding HTML Landmarks How To Apply

Understanding HTML landmarks and how to apply them

We demystify HTML landmarks, discuss the nuances of different types, and show how to use them to help screen reader users navigate a site.

Cristian Diaz
Nov 9, 2023 ⋅ 17 min read
Creating Contrast Themes CSS Creating Prefers-Contrast JavaScript

Creating contrast themes with CSS prefers-contrast and JavaScript

We use CSS prefers-contrast to control website contrast and build a contrast theme selector with JavaScript to address OS limitations.

Cristian Diaz
Oct 25, 2023 ⋅ 11 min read
Design Vs. Accessibility CSS Visually-Hidden Class

Design vs. accessibility and the CSS visually-hidden class

We look using the CSS visually-hidden utility class to make elements available to users of assistive technologies without impacting design.

Cristian Diaz
Jun 14, 2023 ⋅ 12 min read
Improving Accessibility High-Contrast Users CSS

Boost accessibility for high-contrast users with CSS

Learn how to improve accessibility and enhance UX for high-contrast users with CSS and how to diagnose website accessibility issues.

David Omotayo
Apr 26, 2023 ⋅ 8 min read
Dark Mode in React: An In-Depth Guide

Dark mode in React: An in-depth guide

In this article, we learned how to implement dark mode in a React application and its top considerations.

Zain Sajjad
Mar 29, 2023 ⋅ 8 min read
ARIA-Live Regions JavaScript Frameworks

ARIA-live regions for JavaScript frameworks

We give available options for creating ARIA-live regions and demonstrate tools for creating ARIA-live regions in React, Angular, and Vue.js.

Cristian Diaz
Mar 6, 2023 ⋅ 14 min read
JavaScript Logo

How to build rich, accessible JavaScript interfaces

In this article, we’ll look at how to make rich, accessible JavaScript interfaces and illustrate our strategies by building a Sudoku puzzle.

Paul Ratcliffe
Aug 2, 2022 ⋅ 13 min read
JavaScript Logo

Building accessible user interface tabs in JavaScript

Here’s everything you need to know to create an accessible tabbed user interface, including building the HTML structure, adding CSS styling, and adding JavaScript enhancements.

Cristian Diaz
Jul 21, 2022 ⋅ 19 min read
Building an accessible glossary in vanilla JavaScript

Building an accessible glossary in vanilla JavaScript

Build a fully accessible glossary page in vanilla JS in this detailed tutorial in a way that makes accessibility a priority (and dev easy).

Bryan Rasmussen
Jul 13, 2022 ⋅ 17 min read

Understanding progressive enhancement

Progressive enhancement has many benefits beyond accessibility. Learn why and how to implement it in your web apps with this thorough guide.

Joel Adewole
May 23, 2022 ⋅ 7 min read

Creating a text resizing widget with CSS and JavaScript

Websites should be easy to read for all users. Learn how to create a text resizing widget that will improve general web accessibility.

Diego Vogel
Sep 29, 2021 ⋅ 3 min read
Testing accessibility with Storybook

Testing accessibility with Storybook

Storybook’s new accessibility add-on enables automated accessibility testing to capture and surface accessibility errors in your app.

Laura Carballo
Sep 28, 2021 ⋅ 4 min read