Werkzeuge und Informationen, um Ihre Website barrierefrei und WCAG-konform zu gestalten:
http://OnlineADA.comEntsperren Sie die WCAG-Anleitungen für die Konformität der Stufe AA, erhalten Sie Schulungen zur barrierefreien Webentwicklung und zusätzliche Schulungen in der Accessibility Academy:
https://onlineada.com/academy/Online ADA
Digitale Barrierefreiheit vorantreiben
Transkription unten:
Hallo zusammen. Josh hier von Online ADA.
In diesem Video behandeln wir Artikel 2.1.1,
nämlich 'Tastatur'.
Dies ist eine Anforderung der Stufe A und behandelt,
wie Sie Ihre Website mit der Verwendung
der Tastatur barrierefrei gestalten können.
Lassen Sie uns hier einsteigen.
Alle Funktionen des Inhalts sind über eine
Tastaturoberfläche bedienbar,
ohne dass spezifische Zeitvorgaben für einzelne Tastenanschläge erforderlich sind,
es sei denn, die zugrunde liegende Funktion erfordert
Eingaben, die vom Pfad
der Bewegung des Benutzers abhängen und nicht nur von den Endpunkten.
Darauf komme ich gleich zu sprechen.
Es gibt zwei Ausnahmen oder zwei
Hinweise dazu. Lesen Sie diese ebenfalls.
Hinweis eins: 'Diese Ausnahme bezieht sich auf die zugrunde liegende
Funktion, nicht auf die Eingabetechnik,
zum Beispiel die Verwendung von Handschrift zur Texteingabe. Die
Eingabetechnik,
Handschrift,
erfordert pfadabhängige Eingaben,
aber die zugrunde liegende Funktion der Texteingabe nicht'.
Und Hinweis zwei,
'Dies ist nicht verboten und sollte nicht davon abhalten,
Mauseingaben oder andere Eingabemethoden zusätzlich zur
Tastaturbedienung bereitzustellen'.
Das erste, worauf ich eingehen möchte,
ist dieser Satz,
'außer wenn die zugrunde liegende Funktion Eingaben erfordert,
die vom Pfad der Bewegung des Benutzers abhängen und nicht nur von den Endpunkten'.
Es wird im WCAG-Artikel ausdrücklich erwähnt,
dass dies speziell dazu dient, zu unterscheiden,
was nicht vernünftigerweise
mit einer Tastatur gesteuert werden kann.
Zum Beispiel ein Bamboo-Tablet. Die Möglichkeit,
ein Programm mit
einem Stiftgerät und einem Tablet zu zeichnen.
Diese Funktionen könnten Sie nicht vernünftigerweise
nur mit einer Tastatur nachbilden.
Deshalb existiert dieser spezielle Satz und
was er bedeutet, ist einfach, diese offensichtlichen Unterschiede zu trennen,
die nicht dupliziert werden können.
Darüber hinaus möchte ich darauf hinweisen, dass dies
vielen verschiedenen Arten von
eingeschränkten Personen hilft.
Menschen, die blind sind und keine Geräte
wie Mäuse verwenden können, die Hand-Augen-Koordination erfordern.
Menschen mit Sehbehinderungen haben möglicherweise Schwierigkeiten,
einen Zeiger auf dem Bildschirm zu finden oder zu verfolgen.
Und einige Menschen mit Handzittern finden es
sehr schwierig, eine Maus zu benutzen, insbesondere wenn
die Maus eine
hohe Empfindlichkeit hat oder so. Wenn sie
vielleicht diese Empfindlichkeit nicht kontrollieren können.
Es ist einfach eine gute Idee, mehrere Möglichkeiten anzubieten,
um Ihre Website oder Ihre Anwendung zu bedienen.
Es gibt viele Beispiele, wie dies
nutzbar gemacht werden kann. Sie haben viele davon hier in der
WCAG-Dokumentation. Ich werde ein paar davon
vorlesen.
Aber es ist wichtig zu verstehen, dass die
grundlegende Nutzung dieses Artikels darin besteht,
dass immer wenn Sie einen Button
auf Ihrer Website haben, sagen wir einen Formular-Submit oder sogar nur
einen Link.
Wenn Sie
darauf klicken können, um ihn zu bedienen, sollten Sie auch in der Lage sein,
einzugeben und dann Enter zu drücken,
um ihn ebenfalls zu bedienen.
Es ist einfach, wann immer Sie ein On-Click-Ereignis in
einem JavaScript haben,
machen Sie ein 'On Focus'
und 'On Enter'-Ereignis ebenfalls.
Es gibt viele
Aria-Rollen.
Aria steht für Accessibility Rich Internet
Applications.
Habe ich das richtig gesagt?
Es gibt viele Aria
Rollen, die auf verschiedene Dinge angewendet werden können, wie
tabs oder Akkordeons
auf Ihrer Website
und diese Dinge
sind obligatorisch. Sie müssen Tastaturfokus
und Kontrolle über diese Elemente haben.
Das ist einfach Teil dessen, was durch die Verwendung
dieser Rollen impliziert wird.
Wenn Sie also Dinge kennzeichnen und diese
Assoziationen erstellen, zurück zu 1.3.1,
richtig
dann schließen Sie auch diese Tastatur
steuerungen ein. Einige Beispiele, die sie
hier bereitgestellt haben,
sind etwas wie ein Zeichendiagramm.
Ein Zeichenprogramm ermöglicht es Benutzern, Größe,
Position und Rotation von Objekten über die Tastatur zu erstellen.
Eine Drag-and-Drop-
Funktion.
Eine Anwendung, die Drag-and-Drop mit der
Maus verwendet,
unterstützt auch Ausschneiden und Einfügen oder Formularsteuerelemente für
Objekte.
Und das letzte, was ich hier vorlesen werde, ist: 'Bewegung
zwischen und Verbindung von diskreten Punkten'.
Das Programm 'Punkte verbinden' ermöglicht es dem Benutzer,
zwischen Punkten auf einem Bildschirm zu wechseln und die
Leertaste zu verwenden, um den aktuellen Punkt mit dem
vorherigen zu verbinden.
Das sind einige Beispiele, wie wir die
Tastaturnutzung
in Bereichen implementieren können, die typischerweise für die Maus
entworfen sind.
Eine Art von Denken außerhalb der Box bei einigen dieser,
aber,
wo ein Wille ist, ist auch ein Weg. Wir müssen sicherstellen,
dass wir alles so barrierefrei wie möglich gestalten und das im Hinterkopf behalten,
wenn Sie diese Schnittstellen erstellen und gestalten, okay?
Danke, dass Sie dabei waren, und ich sehe Sie im
nächsten Video.