Einige kürzlich gespeicherte Artikel über Barrierefreiheit IV

Ein Leitfaden zur Gestaltung von barrierefreien, WCAG-konformen Fokusindikatoren – Sara Soueidan sagt, Sie können zugänglichere Fokusumrandungen erstellen, indem Sie eigene gestalten, anstatt es dem Browser zu überlassen – solange Sie es richtig machen. Tiefgang!
a11y-syntax-highlighting — Eric Baileys Repository von Code-Syntax-Hervorhebungs-Themes für eine Vielzahl von Software, die sowohl attraktiv sind als auch die WCAG-Richtlinien für Farbkontraste erfüllen (einschließlich Unterstützung für den Windows High Contrast-Modus).
Berücksichtigung der Bewegungseinstellungen von Benutzern — Michelle Barker mit einer Anleitung, wann und wie die Einstellung prefers-reduced-motion von Benutzern berücksichtigt werden sollte. Obwohl es keinen einzig richtigen Weg gibt, sollte es getan werden. Es ist interessant, wie viele Dinge zutreffen können. Eigenschaften wie transition und animation sind ziemlich offensichtlich, aber haben Sie an scroll-behavior oder Dinge speziell in JavaScript gedacht (wo Sie auch eine Präferenz testen können)?
Barrierefreiheitstests — Jeremy Keith: „Wenn Sie eine Prüfung der Barrierefreiheit in Auftrag geben, sollten Sie hoffen, Feedback zu erhalten, das sich hauptsächlich in der dritten Kategorie befindet – interaktive Widgets.“ Verschwenden Sie nicht die Zeit eines Barrierefreiheits-Experten, indem Sie ihm von Problemen mit dem Farbkontrast erzählen, da Sie diese selbst ziemlich einfach finden und beheben können.
Der Einfluss von CSS auf Screenreader — Ein Teil von mir wünscht sich, der Einfluss von CSS auf Screenreader wäre „nichts“, aber Jozsef Polgar merkt an, dass es einige Dinge gibt, die CSS beeinflusst. Ein Klassiker ist das Setzen von list-style: none bei Listen, das dazu führt, dass sie in VoiceOver nicht als Listen vorgelesen werden. Jozsef verweist auf den Artikel von Ben Meyer, der ähnliche Themen behandelt.
Auf der Suche nach Suche — Sara wieder, diesmal mit einer Meinung zu <search>. Ich habe meist negative Dinge gehört (wie z. B. warum dieser Fokus, wenn es so viele wichtigere Dinge zu tun gibt, wie <dialog> und inert), aber Sara ist dafür. Ich stimme zu, dass wir ruhig ein Element haben können, das uns ein kostenloses role="search" gibt, so wie wir es mit <nav> und <main> haben.
Zugängliche Farbpalette: HSL nicht mehr für Farbsysteme verwenden — Eugene Fedorenko sagt: „Während HSL und HSV gute Wahlmöglichkeiten für die Auswahl einer einzelnen Farbe sind, eignen sie sich nicht für den Aufbau eines Farbsystems, da sie einfach das RGB-Modell transformieren und die Komplexität der menschlichen Wahrnehmung ignorieren.“ Es scheint, als ob jeder, der sich mit Farbräumen der nächsten Generation beschäftigt hat, ein Fan ist, aber ich habe mich noch nicht damit auseinandergesetzt. Dinge wie LCh, Lch(ab), HCL, LCH(uv)… Es gibt langsam einige Anzeichen für Browserunterstützung.
Ein letztes Mal: Radio- und Checkbox-Buttons individuell gestalten — Scott O’Hara merkt an, dass man diese Eingaben vollständig durch individuelle Gestaltung ersetzen und dies barrierefrei tun kann. Ein Teil des richtigen Vorgehens ist die Berücksichtigung jedes möglichen Zustands. Bemerkenswert: Ohne alles zu ersetzen, kann man bei der Gestaltung von Checkboxen/Radio-Buttons ziemlich weit kommen, indem man einfach width/height und accent-color ändert, wie Dave und ich hier bemerkt haben.
Logische Fokusreihenfolge verstehen — Rachel Leggett erklärt, dass es sich um „die Idee handelt, dass jemand, der Ihre Webseite mit einer Tastatur (d. h. ohne Maus) navigiert, auf Elemente in einer sinnvollen Reihenfolge trifft.“ Fast jedes Mal, wenn Sie die order-Eigenschaft verwenden, stören Sie wahrscheinlich hier. Aber weniger offensichtlich können versteckte Elemente, die interaktiv bleiben, die logische Fokusreihenfolge verzerren.
Assistiv Labs — Ich wusste nicht, dass es ein Tool im Stil von CrossBrowserTesting oder BrowserStack gibt, mit dem man in JAWS und NVDA testen kann – aber es gibt eines! Erst kürzlich wollte ich in JAWS testen, also habe ich eine (kostenpflichtige) Kopie von Parallels mit meiner (kostenpflichtigen) Kopie von Windows 10 gestartet und meine (40-minütige Testversion) von JAWS zum Testen verwendet. Während es funktionierte, war es nicht gerade billig und ohne erhebliche technische Schulden. Das scheint einfacher zu sein, obwohl ich es noch nicht ausprobiert habe.

Kommentare

Antwort hinterlassen Antwort abbrechen