A11y by Role

Although the business case for diversity, equity, and inclusion (DE&I) is stronger than ever, many companies’ progress has stalled. A systematic approach and bold action can help.

Consider your latest social media post. Does it have an image? Maybe it has a video. This is great content for people who are sighted, but what about someone who is blind, partially sighted or deaf? As communicators, we are always looking for the best way to have our message…

Inclusive design may seem like the domain of UX designers and web developers. But social media marketers should practice it, too.

A free resource hub for marketers, communication professionals, and digital creators who want to learn how to make accessible social media content.

Web accessibility can be a complex topic all web developers. Here are six questions (and answers) to some of the most important web accessibility questions.

The Functional Accessibility Evaluator (FAE) evaluates a website or a single web page based on the W3C Web Content Accessibility Guidelines (WCAG) 2.0 Level A and AA requirements.

Accessibility resources free online from the international standards organization: W3C Web Accessibility Initiative (WAI).

Let's bust the myth that automated accessibility testing will slow down the testing process, and share some best practices along the way!

Given the popularity of digital forms, it's important to design them with accessibility in mind. Read on for top tips to build an accessible form.

Guidelines to help teams create accessible products and services

Summary

Table of Contents Introduction ARIA Navigation Semantic...

Get started with Accessibility in Vue.js! Learn about core concepts of web app accessibility, tips & tricks, best practices strategies and and how to implement inclusive components in Vue 2 and 3.

Use the IBM Design Accessibility Handbook to create products for everyone.

This in-depth tutorial outlines some best practices and accessibility challenges common to SPAs (and specifically Angular apps).

To you, [modal windows](https://www.smashingmagazine.com/2009/05/27/modal-windows-in-modern-web-design/) might be a blessing of additional screen real estate, providing a way to deliver contextual information, notifications and other actions relevant to the current screen. On the other hand, modals might feel like a hack that you’ve been forced to commit in order to cram extra content on the screen. These are the extreme ends of the spectrum, and users are caught in the middle. Depending on how a user browses the Internet, modal windows can be downright confusing.

🗂 The perfect Front-End Checklist for modern websites and meticulous developers - GitHub - thedaviddias/Front-End-Checklist: 🗂 The perfect Front-End Checklist for modern websites and meticulous dev...

A Visual Studio Extension for Web accessibility. Contribute to mvdschee/web-accessibility development by creating an account on GitHub.

With built-in accessibility features, accessibility APIs, and developer tools, Apple operating systems provide extraordinary opportunities to deliver high-quality experiences to everyone, including people with disabilities.

In this codelab, you’ll learn the fundamentals of Android Accessibility. You’ll work through exercises to learn how to use the Android platform to build apps that can be used more easily by a wider set of people with different accessibility needs.

Scalable Vector Graphic (SVG) is emerging as the preferred graphic format to use on the web today. Are you abandoning the icon font or replacing old pg, gif

A process for grouping, organizing, and making sense of an unmanageable backlogs using "multi-dimensional" spreadsheet applications.

aria-selected can be tricky to use. When should you use it and when are there better alternatives. Let's have a look!

The aria-current attribute should be used to identify the current item in a set of items. See its applications and learn how to use to make your website more accessible.

How to get all keyboard-focusable elements