Principles Of Web Accessibility
How to approach accessible web interface design.
a11yphant
a11yphant teaches web accessibility, one step at a time, broken down into manageable pieces. Completely free of charge.
Kein digitales Angebot ist barrierefrei – wie wir das ändern wollen
16. Mai 2024 - Accessibility ist für alle Mitarbeitenden des DigitalService wichtig: Schon im Onboarding gibt es ein verpflichtendes Modul. Wir zeigen, wie das Thema auch in unseren Projekten früh mitgedacht wird.
Simulating Accessibility Personas Chrome Extension
Chrome extension for simulating accessibility personas - digitalservicebund/accessibility-personas-extension
Neurodiversity Design System
The NDS is a coherent set of standards and principles that combine neurodiversity and user experience design for Learning Management Systems. Design accessible learning interfaces to support success and achievement for everyone.
Font | NDS
Choosing the right font for learners will increase retention time, reduce fatigue and support good stress. A legible, readable font should be a sans-serif, humanist typeface, with suitable letter and word spacing. Simple shapes assist with speed and help reduce cognitive loads.
Readex Pro
is the world-script expansion of Lexend. Lexend is a variable font empirically shown to significantly improve reading-proficiency.
Lexend — Change the way the world reads.
Atkinson Hyperlegible Specimen PDF
… a typeface created in partnership with Braille Institute of America. It has been developed specifically to increase legibility for readers with low vision, and to improve comprehension.
Entdecke digitale Barrierefreiheit: Gute Beispiele identifizieren
Praxisbeispiele für digitale Barrierefreiheit
Making Numbers in Web Content Accessible - TPGi
Numbers are a key part of web content. It makes sense, then, that when we use numbers, they must be accessible.
WebAIM: PDF Accessibility - Converting Documents to PDF
ANDI - Accessibility Testing Tool - Install
ANDI accessibility testing tool. A free tool to test websites for accessibility.
Experten für digitale Barrierefreiheit – Gehirngerecht Digital
Wir helfen dir dabei, dein Team barrierefrei zu machen. Für mehr Gleichheit, mehr Kunden und mehr Mitarbeiter.
Playbook for universal design
Universal design methods for more inclusive solutions
The methods include tips for how to accommodate participants with diverse abilities to ensure that everyone feels included in a workshop setting no matter what they are capable of.
Vox Product Accessibility Guidelines
Making work accessible creates a better experience across the board. Use this checklist to help build accessibility into your process no matter your role or stage in a project.
Testing with assistive technology - Accessibility, Your Team and You
Team guide - Testing with assistive technology. What, when and how to test with AT.
Respecting Users’ Motion Preferences — Smashing Magazine
The `prefers-reduced-motion` media query has excellent support in all modern browsers going back a couple of years. In this article, Michelle Barker explains why there’s no reason not to use it today to make your sites more accessible.
It's time for a more sophisticated color contrast check for data visualizations
The WCAG contrast requirements are flawed. Here's what a new approach could mean for data visualizations.
Accessibility (Barrierefreiheit) in WordPress: Best Practices
Schritt für Schritt zur Accessibility: Barrierefreiheit für WordPress Seiten. Best Practices & Plugins für barrierefreie Websites. Jetzt lesen & mehr erfahren.
On Nielsen's ideas about generative UI for resolving accessibility
"Accessibility has failed as a way to make computers usable for disabled users." Thus begins a newsletter by Jakob Nielsen. And had it not been written by someone a great many people take seriously in the UX industry I likely would just have dismissed it. But seeing how harmful I
Accessibility Has Failed: Try Generative UI = Individualized UX
Traditional methods for accessibility have been tried for 30 years without substantially improving computer usability for disabled users. It’s time for a change, and AI will soon come to the rescue with the ability to generate a different user interface for every user, optimized for that person’s unique needs.
6 ways to be accessible on social media | HeyOrca
Wondering how to make your social media content accessible? Here are 6 ways to bake social media accessibility best practices into your strategy.
Accessibility-Overlays – alles gesagt
Über Accessibility-Overlays wurde in den letzten Wochen und Monaten bereits viel geschrieben. Abgesehen von Eigenwerbung, größtenteils schlecht recherchierten Presseartikeln und PR in eigener Sache, setzen sich alle anderen Veröffentlichungen sehr kritisch mit Accessibility-Overlays auseinander. Diese Veröffentlichungen stammen von Accessibility-Experten, Menschen mit Behinderung in eigener Sache und Juristen.
Accessibility Overlays in Digital Content
What exactly are accessibility overlays? Accessibility overlays are applications and coding that “sits” between your website (or other digital content) and assistive technology. Their goal is to allow business owners...
How to use Chrome's accessibility tree - Pope Tech Blog
Learn what the accessibility tree is, how to access it, and how to use its information.
Chrome’s accessibility tree can help developers debug issues and quickly check custom widgets for accessibility.
Accessibility annotation kits only annotate
Liking an idea does not mean the idea is exempt from criticism…
Creating Accessible UI Animations
Animation and accessibility are often seen as two separate powers at odds with one another. How is it possible to strike a balance between elements that move and the possible negative effects they expose to users who are sensitive to motion? Oriana García explains how her team at Mercado Libre tackled the challenge by creating guiding principles for applying animation to user interfaces and incorporating them into the team’s design system.
CSS prefers-reduced-transparency
Optimize and adjust for users who prefer an opaque UI.