Accessible Colors | WCAG 2.0 AA and AAA color contrast checker

A11y
Accessibility for Teams
Guidelines to help teams create accessible products and services
20 Tips für zugänglichere Web-Apps | marcus-herrmann.com
Der Beginn des neuen Jahres ist es eine gute Gelegenheit, sich mit der Barrierefreiheit Ihrer Web-Applikation auseinanderzusetzen. Deswegen habe ich im folgenden 20 Startpunkte gesammelt, die Ihnen helfen können, Ihre App im Jahr 2020 zugänglicher zu gestalten.
The Customer is Always Right - 24 Accessibility
In the mid-’90s, I saw an TV ad for hearing aids. The most ironic part was this concluding screen: If you are the target audience of this ad, then you have difficulty hearing. Lest I remind you, using the telephone requires ample hearing capabilities. So for the prospective customer to go through a challenging experience […]
Accessible Icon Buttons — Sara Soueidan – Freelance-Front-End UI/UX Developer
Freelance Front-End Web UI/UX Developer - Lebanon
The false paradox — accessibility and aesthetics — Duncan Stephen
Accessibility and aesthetics are not in conflict, despite the claims of some.
The intersection of markup, content and context in accessibility - 24 Accessibility
You’ve heard of this inclusive design thing, and know that a11y is a numeronym for accessibility. It matters to you, and you try to make the people and projects around you better for it. But you’ve conquered the basics. Now what? I have good news to share: going beyond the basics isn’t as hard as […]
Who Can Use
Find out who can use your color combination. Whocanuse is a tool that brings attention and understanding to how color contrast can affect different people that have visual impairments.
Infinite Scrolling & Role=Feed Accessibility Issues | Deque
How and why to use aria-live | Go Make Things
Yesterday, we talked about screen readers (and why you should use one). What happens if you have a piece of content that changes dynamically on your page? How do screen readers let the user know that content has changed? For example, imagine you had an input for users to type their name. Below it, you have an element that displays “Hello {user’s name}!” in real time as they type. How does a screen reader user know about the message in the #app element?
The Myths of Color Contrast Accessibility
There’s a growing demand for designers to make their interfaces accessible to all users. It’s important to accommodate users with disabilities, but there are many myths to color contrast accessibility being perpetuated by misinformed people. They often parrot these myths to discredit a design, without understanding in which situations a color contrast standard applies. Not […]
Implementing Accessible Data Charts for the Khan Academy 2018 Annual Report — Sara Soueidan – Freelance-Front-End UI/UX Developer
Freelance Front-End Web UI/UX Developer - Lebanon
CodePen - a11y-tests.css Demo
matuzo/a11y-tests.css: A CSS file for accessibility testing.
A CSS file for accessibility testing. Contribute to matuzo/a11y-tests.css development by creating an account on GitHub.
WebAIM: The WebAIM Million Update - A 6-month accessibility re-analysis of
Sara Soueidan on Applied Accessibility: Practical Tips For Building More Accessible Front-Ends at SmashingConf Feiburg 2019 on Vimeo
As front-end developers, we are tasked with building the front end of a Web site or application — in other words, we are building the user's end of an interface. This is why it is crucial that we ensure that the front-end foundations that we build are as inclusive of and accessible to as many users as possible. To do that, we must build with accessibility in mind from the get-go. This, in turn, means that the way we approach writing HTML, CSS, SVG and JavaScript *might* need to change as we take into consideration many factors that affect how (in)accessible our UIs are. This talk is a pract...
Accessibility APIs: A Key To Web Accessibility — Smashing Magazine
Technologies work together to extract accessibility information from a web interface and appropriately present it to the user. A big part of accessibility is, therefore, an easily met responsibility of web developers.
Unexpected accessibility tips – Chris Cid ∣ CJCid
A list of 9 unexpected tips for testing digital accessibility and inclusive design
Accessibility Tools & Resources - Stegosource
I, personally, am a fan of making the web more accessible. I like the idea that more people will be able to use the things I build, and I like the challenges
The future of accessibility for custom elements
When users of assistive technology, like a screen reader, navigate a web page, it’s vitally important that the semantic meaning of the various controls is communicated. For example, if a screen reader visits a login button: Sign in —it would announce, “Sign in,
output: HTML's native live region element | scottohara.me
Recently I wrote a bit on how I’d define a toast component, outlining UX concerns that should be considered if deciding to implement such a messaging mechanism.
13 Days of WCAG 2.1 Web Accessibility Guidelines
Studying for the Web Accessibility Specialist Exam? Looking to learn about website accessibility? Sparkboxer Kasey created this easy-to-read guide to help.
POUR Web Accessibility and Inclusive Design Principles
Heather explains POUR, the foundational principles of WCAG 2.0, and gives practical steps you can take to make your website more inclusive and accessible.
Meaning without markup: Accessibility Object Model
Proposals for the Accessibility Object Model include a new way to convey semantics: without markup, directly in JavaScript. This post looks at the proposals and their current status.
Accessibility Support
Test: HTML select element test | Accessibility Support
Schepp/AOM: The Accessibility Object Model - How does it work? And do I need to hate it?
The Accessibility Object Model - How does it work? And do I need to hate it? - Schepp/AOM
Truths about digital accessibility | Eric Bailey
Semantic HTML and ARIA explained by Adam Silver, designer based in London, UK.
Semantic HTML and ARIA help create interfaces that work for everyone in the most performant, robust, and simple way possible. And yet, many people still don’t use them. Let's find out why and explain the benefits of these technologies.
WebAIM: CSS in Action - Invisible Content Just for Screen Reader Users