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.
The ADA Now has Regulations for Accessibility of Web Content and Mobile Apps - TPGi
The first ADA regulations for accessibility of web content and mobile apps have been approved by the Attorney General. This post summarizes the regulations and discusses the implications on digital accessibility efforts in the United States and beyond.
Fact Sheet: New Rule on the Accessibility of Web Content and Mobile Apps Provided by State and Local Governments
The Department of Justice published a Notice of Proposed Rulemaking (NPRM) on July 20, 2023 explaining how we propose updating the regulations for Title II of the Americans with Disabilities Act (ADA) to add more specific requirements about web and mobile application accessibility. This fact sheet gives a plain language summary of the technical standards that state and local governments would have to follow to meet their existing obligations under Title II of the ADA.