Web Design and Development

In this article, we’ll list out several tools and give details about their alt text support and tips for the best way to add accessible images in the tool.

Email should be accessible to everyone. Outlook 365’s Accessibility Checker lets you make sure your messages are clear to all users, including those with visual or hearing impairments. See how to use this tool to find and fix issues, and set it up to always check your emails while you work.

Accessibility can stall or lose velocity when developers and designers aren’t on the same page together. Here are some tips to help keep things running smoothly.

A compiled list of 9 common signs that I see in projects with poor frontend code quality. I’ve focused only on issues that have a negative impact on your project’s users.

“By following the steps outlined in this article, you’ll be well on your way to building inclusive digital experiences that prioritize accessibility and usability for everyone.”

Many developers view accessibility as an overwhelming task, requiring a lot of extra effort or specialized knowledge. But a few basic practices can make a significant impact.

How to create a design system with baked-in accessibility and how to find and audit accessibility issues in our existing design systems.

A lot of accessibility issues can be already foreseen and prevented in the design phase. Save time documenting accessibility in Figma mockups with practical tips and a list of selected tools, plugins, and templates! In this article, I will cover color usage, contrast ratios, text resizing, font legibility, target sizes, form elements, focus order, complex components keyboard interactions, skip links, headings, landmarks, and alternative text for images. 

Master SVG accessibility: Learn techniques for ARIA roles, testing, and creating inclusive graphics that work for everyone.

Become an ARIA expert: implement accessible, high-performance web applications with confidence. Learn advanced techniques and testing strategies.

An evergreen accessibility course and reference to level up your web development.

When creating HTML content, using lists appropriately is crucial for accessibility, especially for screen reader users. Here’s a breakdown of when to use different types of lists and why.

Accessibility can stall or lose velocity when developers and designers aren’t on the same page together. Here are some tips to help keep things running smoothly.

A compiled list of 9 common signs that I see in projects with poor frontend code quality. I’ve focused only on issues that have a negative impact on your project’s users.

Many developers view accessibility as an overwhelming task, requiring a lot of extra effort or specialized knowledge. But a few basic practices can make a significant impact.

Tables help users quickly access and analyze complex information. But for people with disabilities, particularly those relying on assistive technologies like screen readers, tables can be a major barrier if not designed with accessibility in mind.

Become an ARIA expert: implement accessible, high-performance web applications with confidence. Learn advanced techniques and testing strategies.

TL;DR: You probably don’t need to name that landmark.

But despite good intentions, many websites fall short of compliance with the Web Content Accessibility Guidelines (WCAG) and laws like Section 508.

When creating HTML content, using lists appropriately is crucial for accessibility, especially for screen reader users. Here’s a breakdown of when to use different types of lists and why.