Links, 2, 3, 4: Accessibility | Christian Heilmann

A11y
WebAIM: To ARIA! The Cause of, and Solution to, All Our Accessibility Problems
I Don’t Care What Google or Apple or Whoever Did
Please do not use this post as an excuse to beat up the devs at Apple or Google. If you are doing that, you have missed the point of this post and you are being unnecessarily mean to individuals who may have no control over broader organizational decisions. Do not…
E-Commerce Accessibility: Specifying UI Elements Using “Roles” – Articles – Baymard Institute
“Roles” that specify the purpose of UI elements are crucially important for accessibility compliance and users. Yet many e-commerce sites fail to get this right.
Accessibility Resources & Training | Microsoft Accessibility
Get resources for creating accessible content, products and experiences that are inclusive for people with disabilities and can benefit everyone.
Web Accessibility is Broken. It’s time to fix it! (AccessU 2022)
Brief Note on Calendar Tables
If you build calendars on the web and abbreviate the days in the column headings (you do use column headings, yeah?), this is how it sounds to a JAWS user. Sorry, your browser doesn’t support embedded videos, but don’t worry, you can download it. The caption file is also available…
Be Wary of doc-subtitle
In early March, Steve Faulkner shared this nugget for making sub-headings: 👉If you want to semantically identify a heading subtitle, look no further than role="doc-subtitle" w3.org/TR/dpub-aria-1.0/#doc-subtitle #HTML #ARIA #WebDev pic.twitter.com/uaHcVRp6oz Steve Faulkner (@stevefaulkner) March 7, 2020 On its surface it looks pretty handy. Handy enough that Chris Ferdinandi wrote about…
Don’t Overwrite Visual Labels With `aria-label` | Ashlee M Boyer
What's new in WCAG 2.2?
WCAG 2.2 has officially reached “Candidate recommendation” status, meaning it is pretty close to becoming an official standard. What's new?
The Guide To Windows High Contrast Mode — Smashing Magazine
In this article, we’ll see how to make our sites friendly for Windows High Contrast Mode by using a good set of practices, including the media query `forced-colors` and its toolset.
Chart accessibility best practices – Highcharts
Learn the best chart accessibility practices to create a compelling interactive accessibility chart.
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.
Accessibility Not-Checklist | Brewed by team Intopia
The Accessibility Not-Checklist acts as a guide to make sure you haven’t missed anything. If you’re new to accessibility, the resource provides a foundation – it’s an overview of what you’ll need to consider, but it won’t teach you WCAG from front to back.
Accessible Colors | A Comprehensive Guide on Accessible Web Design | AudioEye
AudioEye's patented industry-leading web accessibility solution and team of experts provide full support to help your website reach ADA & WCAG compliance.
Orange You Accessible? A Mini Case Study on Color Ratio | Bounteous
Color and contrast accessibility
If you have good vision, it's easy to assume that everyone perceives colors, or text legibility, the same way you do — but of course that's not the case.
Better accessible names
Six tips on coming up with accessible names
Widgets mit HTML
Making Sense Of WAI-ARIA: A Comprehensive Guide — Smashing Magazine
In this article, Kate Kalcevich explains when to use ARIA and how to use it properly so that you can use ARIA in a way that’s helpful to the many disabled people who use [assistive technology](https://makeitfable.com/glossary/?utm_source=Smashing+Magazine&utm_medium=sponsored+content&utm_campaign=Upskill&utm_term=Fable&utm_content=Sept2022) to navigate the Internet. Let’s dive in!
A Tale of Two Rooms: Understanding screen reader navigation - TPGi
For those of us who use screen reading software such as JAWS, NVDA, or VoiceOver to access information on...
Accessibility Statistics | TPGi
57 MILLION AMERICANS HAVE A DISABILITY According to the new figures released by the Census Bureau on July 25,...
Building the main navigation for a website
This tutorial describes how to build an accessible main navigation of a website. You learn about semantic HTML, accessibility, and how using ARIA attributes can sometimes do more harm than good.
The Realities And Myths Of Contrast And Color — Smashing Magazine
In this article, Andrew Somers, a 35-year veteran of the Hollywood film and television industry, shares his experience about the hard-fought battles and lessons learned designing for illuminated presentations.
scottaohara/accessibility_interview_questions: A starting point for questions to ask someone that wants you to give them a job
A starting point for questions to ask someone that wants you to give them a job - scottaohara/accessibility_interview_questions: A starting point for questions to ask someone that wants you to give...
6 Useful Bookmarklets to Boost Web Development | CSS-Tricks
I’d like to show you some hacks to aid your web development workflow and how to convert those hacks into time-saving bookmarklets.
Leonardo
Generate colors based on a desired contrast ratio.
The Ballad of Text Overflow - TPGi
The text-overflow property can be used to show visual indication of truncated text. I'm not a fan, and take every opportunity to discourage its use.
HTML5 accessibility
Stellungnahme der Überwachungstellen zu Overlay-Tools
Ist meine Internetseite barrierefrei oder bietet sie Hürden und Barrieren für behinderte Menschen und Senioren? Barrierefreies Webdesign, PDF, Dokumente oder Formulare für den öffentlichen Sektor (eGovernment) entsprechen den offiziellen Richtlinien der WCAG und der BITV. Außer dem Schnelltest und dem Barriere-Check bietet anatom5 Lösungsansätze um der Zielgruppe von Menschen mit verschiedenen Behinderungsarten das Internet zugängig zu machen.