Online-Schulung: Einführung in die Web-Barrierefreiheit und Qualitätssicherung

Design
BITV 2.1 oder BITV 3.0 aber nicht BITV 2.0
BIK BITV-Test
Der BIK BITV-Test ist ein Verfahren zur umfassenden und zuverlässigen Prüfung der Barrierefreiheit von Websites, Webanwendungen und Apps.
BITV-Test / EN 301 549 (Web) Prüfschritte
My Five Biggest Design System Mistakes
Lessons learned from bootstrapping a small design system from scratch
UX Research Field Guide
Prioritise content over components
Visually, components are unique, flexible units to compose complete layouts. For content, they can trap reusable data into single-use decorations.
system.css
System.css is a CSS library for building interfaces that resemble Apple's System OS which ran from 1984-1991. Design-wise, not much really changed from System 1 to System 6; however this library is based on System 6 as it was the final monochrome version of MacOS.
The Magnifying-Glass Icon in Search Design: Pros and Cons
However, for accessibility reasons, remember to include the word “search” or its translation as an ALT text for any graphics-only button.
IBM/design-kit:
The IBM Design kit is a collection of tools aimed to help you design and prototype experiences faster, with confidence and thoughtfulness. This kit is based on the IBM Design System. Also, you may use this documentation to create add-on libraries to the IBM Design System or submit bugs to the current system.
CSS cursor property
Cursors
Enterprise design system: Everything You Need to Know
10 Usability Heuristics for User Interface Design
Jakob Nielsen's 10 general principles for interaction design. They are called "heuristics" because they are broad rules of thumb and not specific usability guidelines.
Text Is the Universal Interface
Roon guest-authors a post on large language models and the future of computing.
Techniques | Thoughtworks
This Technology Radar quadrant explores the techniques being used to develop and deliver software
Accessibility | Android
Get to know how Android is built to be accessible to everyone—from supporting adaptive switches to using machine learning to help make things easier to hear.
Barrierefreiheit: Mehrfachkennzeichnung in der Praxis – Teil 1
Barrierefreiheit: Mehrfachkennzeichnung in der Praxis – Teil 2
Contrast
A macOS app for quick access to WCAG color contrast ratios → https://itunes.apple.com/de/app/contrast-color-accessibility/id1254981365?l=en&mt=12
Leitfaden zur Barrierefreiheit von Webseiten
Diese Ausführungen gelten generell für Websites, gehen an einigen Stellen aber auf Besonderheiten der Buchbranche ein. Sie bilden eine Auswahl der in WCAG 2.1 („Web Content Accessibility Guidelines“, https://www.w3.org/TR/WCAG21/) aufgeführten Vorgaben für barrierefreie Websites.
EU-Richtlinie: Ist Barrierefreiheit für eure Website Pflicht?
Digitale Barrierefreiheit ist bereits seit 2018 für bestimmte Websites Pflicht – die Regelungen werden schrittweise ausgeweitet. Die EU positioniert sich
aria-description crash course - Darin Senneff
The other day I was skimming Webkit’s Safari Technology Preview 153 release notes and noticed that they had added support for aria-description.
I always found…
Unconscious Biases That Get In The Way Of Inclusive Design
Throughout the research and design processes, our unconscious biases are the greatest risk to delivering inclusive experiences. From who we include and exclude in our research to how we plan and conduct research to how we analyze findings, it’s crucial that we understand how our unacknowledged biases can perpetuate systems of exclusion.
fontshare
Fontshare is a free fonts service from ITF, making quality fonts accessible to all. It’s a growing collection of professional grade fonts that are 100% free for commercial and personal use.
Designing with Emoji
Emoji spread from text messages into everything we write. Headlines, list items, email subject lines... Your text is boring? Add an emoji! Trying to increase the response to your newsletter? Add an emoji! Making a list? Add an emoji! Adding emoji always works. Right?
How to (not) make a button
How to properly turn a div into a button, so the result will be accessible and useable by everyone.TLDR: Use a native button.
Randomness in CSS
Randomness in the browsers without using JavaScript? Check out how to generate random numbers using just CSS and make some generative art!
Akademie videos
How to (not) make a button