marcus-herrmann.com | Barrierefrei navigieren in Web-Apps

A11y
Web Accessibility Guidebook for Developers
On Link Underlines | Adrian Roselli
TL;DR: In general, I recommend underlining links in body content. In the absence of a better style appropriate for a specific site, this is the way to go. Overview It is amazing to me how this suggestion causes so much angst and fighting. Designers often argue that they look ugly,…
Color accessibility: tools and resources to help you design inclusive produ
All the tools, tips and resources your need to build and check the color accessibility and color constrast of digital products!
Web Accessibility In Context — Smashing Magazine
In this article, Be Birchall explains why it’s so important to prioritize accessibility among teams and why there needs to be more awareness raised among developers.
How accessibility trees inform assistive tech - Mozilla Hacks - the Web dev
The web was designed with built-in features to make accessibility possible; these have been part of the platform pretty much from the beginning. In recent times, inspectable accessibility trees have ...
Fallback considerations for ARIA role=img | scottohara.me
By using ARIA’s role=
Exploring Accessibility CLI tools | a11y with Lindsey
Happy Tax day (at least if you're American)! My last post was about my accessibility testing process. However, this week, I wanted to…
JavaScript and Accessibility: Accordions | a11y with Lindsey
Content Warning: This blog post contains gifs. When I first wrote my post about JavaScript and Accessibility , I promised I would make it a…
Building the most inaccessible site possible with a perfect Lighthouse score - Manuel Matuzović
An experiment that proves that automatic accessibility testing is only a first step and that manual testing is vital.
The difference between keyboard and screen reader navigation – Tink
Baking accessibility into components: how frameworks help
Some thoughts on seeing declarative component frameworks as a way to make the web more accessible, not less.
Here are 23 terms you should know to better understand accessibility - Technical.ly Philly
Audism, multi-modality and Section 508: We built a glossary based on local experts' suggestions of the terms they think everyone should learn.
Dos and don'ts on designing for accessibility - Accessibility in government
Karwai Pun is an interaction designer currently working on Service Optimisation to make existing and new services better for our users. Karwai is part of an accessibility group at Home Office Digital, leading on autism. Together with the team, she’s created these …
Hiding inline SVG icons from screen readers | 456 Berea Street
How to hide inline SVG used for decorative icons from screen readers.
EU-Richtlinie 2102 – das wird hart | fronta11y
Mit der seit Ende 2018 für neue Internetauftritte und mobile Webanwendungen (Apps) gültigen EU-Richtlinie 2102 ist eine wichtige Zeitenwende eingetreten, auf die vielleicht viele Experten gewartet haben, die aber eine stark unterschätze Tragweite haben wird. Anders als die DSGVO ist die EU-Richtlinie 2102 allerdings bei vielen Verantwortlichen noch nicht angekommen. Das konnte ich kürzlich bei einem Vortrag wieder feststellen. Konkret geht es darum, dass die EU-Richtlinie 2102 die WCAG-Richtlinien referenzieren, um einen Richtlinien-Wildwuchs innerhalb der EU entgegen zu wirken. Denn bis En...
Sara Soueidan on Building Accessible Interfaces: Patterns And Techniques at SmashingConf SF 2019 on Vimeo
Why, How, and When to Use Semantic HTML and ARIA | CSS-Tricks
Semantic HTML and Accessible Rich Internet Applications (ARIA) help create interfaces that work for everyone in the most performant, robust, and simple
Auditing My Own Site For Accessibility - Nic Chan – Hong Kong Web Developer
I launched the first version of this site well over 3 years ago, and it was one of my first fully completed code projects. Like many new self taught develope...
Move Ya! Or maybe, don't, if the user prefers-reduced-motion! | Web | Google Developers
The prefers-reduced-motion media query detects whether the user has requested that the system minimize the amount of animation or motion it uses. This is for users who either require or prefer minimized animations; for example people with vestibular disorders often desire animations to be kept to a minimum.
Day 8: Testing using a screen reader – 12 Devs of Xmas
On the eighth day of Xmas, Callum Macrae shows us how to test our websites using a screen reader. Accessibility is an important factor when building any website and while following checklists to en…
Tastenbefehle in Screenreadern – Landmark roles mit HTML und ARIA – [barrierefreies-webdesign.de]
Auf Webseiten erleichtern HTML- und ARIA-Rollen die Navigation mit einem Screenreader. Verschiedene Screenreadern bieten dafür verschiedene Tastenbefehle an.
Understanding screen reader interaction modes – Tink
Screen reader reliability · PowerMapper Software
Test results for HTML, CSS and ARIA features in different screen reader / browser combinations.
The intersection of performance and accessibility
Accessibility is a holistic practice, essential to some but useful to all. It is a practice that touches on many aspects of good web design and development, especially performance. This talk will highlight opportunities and techniques to improve your website or web app’s performance by embracing an accessible, inclusive mindset.
HTML5 Landmarks Exposed | scottohara.me
Please note that there the following information may no longer be accurate if testing with newer versions of browsers and screen readers than the ones note...
Accessibility Interview Questions | accessibility_interview_questions
A starting point for questions to ask someone that wants you to give them a job
Accessibility for Vestibular Disorders: How My Temporary Disability Changed
Developer Facundo Corradini shares how his temporary disability taught him about why accessibility testing is so important. Focused on vestibular disorders, he both shares best practices to create …
Web Accessibility Evaluation Tools List
Accessibility in Web Development: Practical Tips for HTML/CSS Developers -
Find out how to make website layout accessible for both people with and without disabilities, and even machines.