- Der perfekte Link – Rian Rietveld definiert sie: „Wenn Sie darauf klicken, bringen sie Sie woanders hin.“ Nicht viel Code hier (das haben wir), nur viele praktische Ratschläge zur Barrierefreiheit. Zum Beispiel kann der
alt-Text für ein verlinktes Bild darauf hindeuten, dass es sich um einen Link handelt. Nur ein Bild: „Ein Kirschbaum in voller Blüte.“ Link: „Wikipedia über Kirschblüten.“ - Google kündigt seismische Änderungen an Docs an – George Joeckel berichtet über die sich entwickelnde Nachricht, dass Google Docs in
<canvas>gerendert wird, was im Hinblick auf die Barrierefreiheit ein massives WTF-Erlebnis darstellt. Irgendwann gab es die Ansicht, dass es ein separates Produkt für Menschen mit Screenreader-Anforderungen geben würde. Getrennt, aber gleich ist keine gute Situation. Sieht so aus, als ob die<canvas>-basierte Rendering-Geschichte vorerst auf Eis liegt, also Community-Feedback FTW? - Verwenden Sie keine benutzerdefinierten CSS-Mauszeiger – Eric Bailey:
Ich glaube, dass es ein Fehler war, CSS einen benutzerdefinierten Cursor laden zu lassen.
- Webdesigner kämpfen mit den Nachteilen von auffälligen Animationen: Reisekrankheit – Katie Deighton behandelt die Idee, dass Dinge wie Präferenzschalter und
prefers-reduced-motionexistieren (obwohl nicht namentlich). Es ist immer interessant zu sehen, wie ein Thema wie dieses in einer wichtigen Publikation wie dem The Wall Street Journal landet. prefers-reduced-motionund Browser-Standardeinstellungen – Aproposprefers-reduced-motion, Bruce Lawson über den Satz des Jahres:Ja, es war eine Besprechungsanfrage vom Marketing, um eine neue Produktseite mit Animationen zu besprechen, die beim Scrollen ausgelöst werden. So wie ein Priester sein Kruzifix greift, wenn er einem Vampir gegenübersteht, griff ich sofort nach Intersection Observer, um zu verhindern, dass der Browser beim Beobachten, ob etwas in Sichtweite gescrollt ist, abstürzt. Und wie ein Exorzist, der Weihwasser auf einen Dämon streut, habe ich den Code auch mit einer prefers-reduced-motion-Medienabfrage gereinigt.
- CSS zur Erzwingung der Barrierefreiheit verwenden – Adrian Roselli behandelt diese großartige Taktik, bei der Sie nicht die richtige CSS-Formatierung erhalten, es sei denn, Sie haben auch die entsprechenden Barrierefreiheitsattribute implementiert (z. B.
[role="region"][aria-labelledby][tabindex]für eine scrollende Tabelle). Dies ist eine wirkungsvolle Idee und zeigt schön die Kraft von CSS, auf eine Weise, von der Styling-Lösungen, die keine Selektoren verwenden, nicht profitieren. - Barrierefreiheitsprüfung mit Storybook – Varun Vachhar beschreibt, wie Sie Axe über Ihre Komponentenbibliothek laufen lassen können, während Sie codieren. Barrierefreiheitsprobleme wie Farbkontrastprobleme sind Fehler. Geben Sie sich ruhig die gleichen Werkzeugmöglichkeiten, um sie gleichzeitig zu beheben, wie Sie jeden anderen Fehler beheben würden.
- Einen starken Fall für Barrierefreiheit machen – Todd Libby erklärt, wie Sie am Arbeitsplatz für Barrierefreiheit kämpfen können. Versuch 1.) Ethisch. Versuch 2.) Finanziell. Versuch 3.) Rechtlich. 4.) Vermenschlichung. Versuch 5.) Fragen Sie nicht, tun Sie es einfach.
- Ihr Bild ist wahrscheinlich nicht dekorativ – Eric Bailey erklärt, dass die meisten Bilder mit einem leeren
alt-Attribut (buchstäblichalt="", kein Leerzeichen) wahrscheinlich eines hätten haben sollen und dass, wenn eine Alt-Beschreibung nicht verfügbar ist, es andere Optionen gibt (z. B. sie als Inline-Bild verfügbar machen (spacer.gif), auch wenn es sonst keins ist,<title>in SVG usw.). - Guten Alt-Text schreiben: Emotion zählt – Und Apropos
alt, Jake Archibald lernt aus einem Artikel von Léonie Watson aus dem Jahr 2011 Artikel:Die relevanten Teile eines Bildes beschränken sich nicht auf die kalten harten Fakten.
- Erstellung eines barrierefreien Dialogs von Grund auf – Kitty Giraudel nimmt den Endgegner in Sachen Barrierefreiheit in Angriff.
Ich stimme zu, dass die Möglichkeit, benutzerdefinierte Mauszeiger zu laden, im Allgemeinen nicht auf Websites verwendet werden sollte, aber sie ist sehr nützlich bei der Entwicklung von HTML5-Spielen, die das Zeigen und Klicken auf Dinge erfordern.
Wenn Sie einen Mauszeiger manuell in Ihrem Spiel zeichnen („Software“-Cursor), leidet er unter einer 1-Frame-Verzögerung, die selbst auf einem 144-Hz-Monitor spürbar ist. Sie könnten Extrapolation verwenden, um diese Verzögerung weniger sichtbar zu machen, aber das lässt den Zeiger beim Bewegen herumzittern. Im Gegensatz dazu ist ein „Hardware“-Cursor viel reaktionsfreudiger und zittert überhaupt nicht – er ist auf dem gleichen Niveau wie der Standard-Mauszeiger des Betriebssystems.
Dann lass mich das speichern, ich habe sie alle gespeichert. Dein Artikel ist jetzt ein Array.