10 Simple Ways to Make Your Social Media Posts Accessible
10 simple ways to make your social media posts accessible to people with disability. Learn how to describe images, use good colour contrast, and write better.
TL;DR: This post does not assert the correct way to code blockquotes, it will only demonstrate how screen readers announce some existing patterns. Test Details The first four examples are lifted from WHATWG HTML’s blockquote entry. The next three are from W3C HTML’s 2019 blockquote guidance (the W3C HTML spec…
Expert Guide: Writing HTML for Screen Reader Users
Improve your website's accessibility with our comprehensive guide on utilising HTML for screen readers. Learn the best practices and avoid common pitfalls.
TL;DR: Probably don’t use disclosure widgets in fieldsets. If you do it anyway, don’t put the trigger in the legend. Context With details / summary, recent support for the popover attribute, and the never-ending belief that a “clean” page means hiding content, there is a resurgence in stuffing useful content…
It is not uncommon for someone to message, call, email, or carrier pigeon me to ask if something is accessible. They almost invariably want a “yes” or “no.” However, I need to understand what the heck they mean and what the other-heck prompted them to ask. Yes, I would be…
An Accessibility-First Approach To Chart Visual Design — Smashing Magazine
In this article, we will explore how an accessibility-first approach can lead you down the path of creating a better visual design for charts. Throughout the article, you’ll learn to use the Web Content Accessibility Standards and how this approach leadd to an unexpected yet better outcome for everyone.
Overlays Misunderstand Accessibility - Joe Dolson Web Accessibility
Accessibility overlays are a peculiar approach to accessibility problems. They make many assumptions that demonstrate a failure to understand assistive
Semantic Code In HTML: What Is It And Does It Still Matter?
Semantic code in HTML is still important in modern web development. It can improve accessibility, SEO, maintainability, cross-device compatibility, future-proofing, collaboration, and page load times. In this post, I explain how you can ensure your code is semantic even if you are using a framework or website builder app.
In detail: 1.4.11 Non-Text Contrast (User Interface Components) · Eric Eggert
The Web Content Accessibility Guideline’s (WCAG) Success Criterion 1.4.11 Non-Text Contrast is one of the harder to understand requirements. Here’s a deep-dive into the details of it, including practical examples, concerning only its “User Interface Components” section.
The Department of Homeland Security is committed to providing free online training resources to assist with creating, validating, and remediating accessible electronic content for conformance to the Section 508 standards.