Dieser Artikel fasst mehrere aktuelle hervorragende Artikel über die Zugänglichkeit von Webs zusammen, behandelt Links, Barrierefreiheit Updates für Google-Dokumente, benutzerdefinierte CSS-Mauscursoren, Animationen und Bewegungskrankheit, prefers-reduced-motion
, CSS obligatorische Zugänglichkeit, Zugänglichkeitstests in Storybooks, Befürworter von Arbeiten, Bild-Alt-Attributen und Schreiben hervorragender ALT-Text.
Hier sind einige Artikelzusammenfassung:
Perfekte Links: Rian Rietveld definiert einen perfekten Link als "Sie können nach Klicken zu anderen Orten springen". Anstatt sich auf Code zu konzentrieren, enthält der Artikel viele Vorschläge für praktische Zugänglichkeit, wie das Alt -Attribut eines Linkbildes, das bedeuten kann, dass es sich um einen Link handelt.
Wichtige Änderungen an Google Docs: George Joeckel berichtet, dass Google Docs verwenden wird<canvas></canvas>
Die Nachrichten, die gemacht wurden, was in Bezug auf die Zugänglichkeit enorme Kontroversen verursachte. Anfänglich schien Google ein separates Produkt für Benutzer von Bildschirmleser anzubieten, aber "separat, aber gleich" ist nicht ideal. Derzeit basiert<canvas></canvas>
Das Rendering scheint auf Eis gelegt zu werden, und das Feedback der Community ist entscheidend.
Verwenden Sie keine benutzerdefinierten CSS -Maus -Cursors: Eric Bailey ist der Ansicht, dass CSS benutzerdefinierte Cursoren laden können.
Webdesigner befassen sich mit Bewegungskrankheit, die durch Animation verursacht werden: Katie Deighton untersucht die Bedeutung von Benutzerpräferenzen, wie prefers-reduced-motion
Das Thema erscheint in Mainstream -Medien wie dem Wall Street Journal und ist es wert, auf die Aufmerksamkeit zu schalten.
prefers-reduced-motion
und Browser-Standardeinstellungen: Bruce Lawson fasst die Verwendung von Intersection Observer
inzwischen zusammen und prefers-reduced-motion
um die Animationsleistung und die Benutzererfahrung zu optimieren.
Erzwingen Sie die Zugänglichkeit mit CSS: Adrian Roselli führt eine leistungsstarke Technik ein, die nur die entsprechenden Zugangseigenschaften implementiert (z.<role></role>
, aria-labelledby
, tabindex
wird verwendet, um Tabellen zu scrollen), um den richtigen CSS-Stil zu erhalten.
Barrierefreiheitstest mit Storybook: Varun Vachhar beschreibt, wie AX AX zum Testen der Zugänglichkeit von Komponentenbibliotheken beim Schreiben von Code verwendet wird. Barrierefreiheitsprobleme (wie Farbkontrastprobleme) sind Fehler und sollten rechtzeitig gelöst werden, z. B. die Behebung anderer Fehler.
Um sich für die Zugänglichkeit zu argumentieren: Todd Libby bietet Möglichkeiten, nach Zugänglichkeit bei der Arbeit zu streben, einschließlich ethischer, finanzieller, rechtlicher, humanisierter und direkter Aktionsstrategien.
Ihr Bild ist möglicherweise kein dekoratives Bild: Eric Bailey weist darauf hin, dass die meisten Bilder mit einem Alt -Attribut leer sind ( alt=""
) eine ALT -Attributbeschreibung hinzufügen sollten <title></title>
)。
编写优秀的alt 文本:情感很重要: Jake Archibald 借鉴了Léonie Watson 2011 年的文章,强调alt 文本不仅要描述图片的客观内容,还要传达情感。
从零开始创建无障碍对话框: Kitty Giraudel 挑战了无障碍性领域的终极难题。
这些文章为提升网页无障碍性提供了宝贵的经验和建议,值得开发者和设计师仔细研读。
Das obige ist der detaillierte Inhalt vonEinige Artikel über Barrierefreiheit, die ich kürzlich gespeichert habe III. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!