Barrierefreiheit einer Website: erste Tests per Tastatur und auf Mobilgeräten

Web-Zugänglichkeit und Leistung · 6 Min. Lesezeit

Um erste Barrierefreiheitstests Ihrer Website über die Tastatur und auf Mobilgeräten durchzuführen, probieren Sie eine praktische Route ohne Maus und dann auf einem echten Telefon aus. Stellen Sie sicher, dass jeder Befehl auch bei vergrößertem Text zugänglich, identifizierbar und verwendbar bleibt. Dokumentieren Sie Blockaden mit Schritten zu deren Reproduktion. Dieser Ansatz bereitet gezielte Korrekturen vor; Dadurch kann die Website nicht als konform erklärt werden.

Das Wichtigste

• Testen Sie eine vollständige Aktion, nicht nur das Erscheinungsbild der Begrüßung.
• Eine sichtbare Schaltfläche ist auf der Tastatur nicht unbedingt verwendbar.
• Steuern Sie auf Mobilgeräten auch Formulare, Zoom und feste Elemente.
• Spielen Sie nach der Korrektur genau dieselbe Route noch einmal ab.

Bereiten Sie Tests vor, ohne die Aktivität zu unterbrechen

Wählen Sie einen gemeinsamen Weg: Finden Sie eine Dienstleistung und schließen Sie eine Anfrage ab, oder wählen Sie ein Produkt aus und fügen Sie sich dem Warenkorb hinzu. Fügen Sie gemeinsame Komponenten hinzu, z. B. das Menü, die Suche und das Zustimmungsbanner. Notieren Sie sich die Adresse der jeweiligen Seite, den verwendeten Browser und das verwendete Gerät.

Verwenden Sie für Formularübermittlungen oder Zahlungen eine autorisierte Testumgebung. Halten Sie auf der öffentlichen Website vor einer Aktion an, die zu einer echten Anfrage oder Bestellung führen würde. Erstellen Sie eine Anomalieliste mit vier Informationen: Schritte, beobachtetes Ergebnis, erwartetes Ergebnis und visuelle Beweise.

Tastaturnavigation testen

Fokus von Befehl zu Befehl verfolgen

Gehen Sie zur Adressleiste und bewegen Sie sich dann mit der Tabulatortaste vorwärts und mit Umschalt+Tabulator zurück. Der Fokus bezeichnet das Element, das Tastaturbefehle empfängt; Ein visueller Hinweis muss es ermöglichen, es zu lokalisieren. Es muss sichtbar bleiben und einer verständlichen Reihenfolge folgen, so die erste Prüfungen von W3C. Wenn Sie diese Markierung verlieren, notieren Sie sich den letzten identifizierbaren Befehl.

Probieren Sie die Eingabetaste bei Links und die Eingabe- oder Leertaste bei Schaltflächen aus, je nachdem, wie sie funktionieren. Für Komponenten, die dies ermöglichen, verwenden Sie ebenfalls die Pfeile. Überprüfen Sie, ob die gleichen Aktionen auch ohne Mausbewegung verfügbar bleiben: Öffnen Sie das Menü, wählen Sie eine Variante, entfernen Sie einen Artikel aus dem Warenkorb.

Öffnungen und Ausgänge prüfen

Öffnen Sie jedes Bedienfeld oder jede Fensterüberlagerung auf der Tastatur. Können Sie den Inhalt und den Abschluss erreichen? Können Sie die Navigation nach dem Schließen an einem einheitlichen Standort fortsetzen? Der in einem geöffneten Fenster enthaltene Fokus ist nicht unbedingt ein Problem. Die Blockierung erscheint, wenn Sie sie nicht mehr mit einem zugänglichen Befehl verlassen können, ohne die Maus fortzusetzen.

Steuern Sie die Site auf einem Telefon

Wiederholen Sie die Route im Hochformat und sehen Sie sich dann an, was sich im Querformat ändert. Probieren Sie die Bestellungen aus, die nahe beieinander liegen: Filter, Menge, Verschluss, Lieferauswahl. Beachten Sie die Stützen, die eine schlechte Aktion auslösen. Stellen Sie sicher, dass ein festes Banner keine nützlichen Inhalte oder die Schaltfläche zum Fortfahren verdeckt.

Text mit verfügbaren Einstellungen vergrößern. Führen Sie auf einem Computer einen 200 %-Zoomtest durch und vergrößern Sie nach Möglichkeit nur den Text. Die Etiketten und Nachrichten müssen lesbar bleiben und dürfen sich nicht überschneiden. DER Umverteilungskriterium von W3C bietet für vertikal scrollende Inhalte eine Breite, die 320 Pixeln CSS entspricht, ohne in zwei Richtungen zu scrollen, mit Ausnahme von Teilen, die tatsächlich ein zweidimensionales Layout erfordern, wie z. B. bestimmte Karten oder Datentabellen. Diese Ausnahmen erstrecken sich nicht automatisch auf den Rest der Seite. Ein Telefontest allein verifiziert dieses Kriterium nicht.

Überprüfen Sie Formulare während der Eingabe

Behalten die Felder nach dem Ausfüllen einen verständlichen Titel? Die Anleitung W3C auf Etiketten empfiehlt Beschriftungen für Felder. Verwechseln Sie einen Hinweis, der während der Eingabe verschwindet, nicht mit einer ausreichenden Formulierung. Lassen Sie in einer Testumgebung ein Pflichtfeld leer: Identifizieren Sie den Fehler, suchen Sie das Feld und korrigieren Sie es. Überprüfen Sie am Telefon auch, was die virtuelle Tastatur verbirgt.

Anschauliches Beispiel: Ein Menü, das nicht verlassen werden kann

In diesem fiktiven Beispiel zeigt ein Keramikgeschäft ein mobiles Menü-Overlay an. Die Öffnung erfolgt über die Tastatur, das Schließkreuz ist jedoch nicht zugänglich. Die Anomalie wird wie folgt beschrieben: Öffnen Sie das Menü mit der Eingabetaste, durchsuchen Sie die Links mit der Tabulatortaste und beachten Sie das Fehlen eines zugänglichen Abschlusses. Das erwartete Ergebnis besteht darin, dass Sie das Menü auf der Tastatur schließen und dann mit der Navigation fortfahren können.

Die Korrektur muss das Schließen der Tastatur und eine konsistente Rückkehr des Fokus wiederherstellen; Das Kreuz zu vergrößern reicht nicht aus. Der folgende Test überprüft diese beiden Punkte und überprüft dann den Touch-Verschluss. Aus diesem Beispiel lassen sich keine kommerziellen Ergebnisse ableiten.

Betriebscheckliste

• Definieren Sie die Reise und ihre abschließenden Aktionen mit einem sicheren Test-Framework.
• Gehen Sie zu jedem Befehl auf der Tastatur und suchen Sie den Fokus.
• Öffnen und schließen Sie Menüs, Panels und Fenster ohne Maus.
• Testen Sie Auswahlmöglichkeiten, Eingaben und Fehler am Telefon.
• Überprüfen Sie die Vergrößerung und die festen Elemente.
• Übermitteln Sie jede Anomalie mit ihren Schritten und dem erwarteten Ergebnis.
• Spielen Sie die betroffenen Kurse nach der Korrektur noch einmal ab.

Einschränkungen und häufige Fehler

Eine automatische Tool- oder mobile Erfassung ersetzt diese Tests nicht. Wenn man nur den Empfang testet, werden die entscheidenden Schritte weggelassen. Auch die Verwechslung von Sehkomfort und vollständiger Barrierefreiheit ist riskant: Diese Tests decken nicht alle Kontraste, Bildalternativen, Multimediainhalte oder Nutzungen mit unterstützenden Technologien ab. W3C gibt an, dass bei seinen Vorprüfungen möglicherweise erhebliche Hindernisse übersehen werden.

Häufige Fragen

Warum ohne Maus testen, wenn Besucher sie verwenden?

Einige Besucher navigieren per Tastatur oder verwenden Geräte, die auf Tastaturbefehlen basieren. Der Test deckt unzugängliche Befehle und Sackgassen auf, die die Maus verbergen kann.

Reicht die Anzeige des mobilen Computers aus?

Es hilft, das Layout zu untersuchen, reproduziert aber nicht alles: Berührung, virtuelle Tastatur, Telefoneinstellungen und Browserverhalten. Füllen Sie es auf einem echten Gerät aus.

Beweisen diese Kontrollen die Einhaltung gesetzlicher Vorschriften?

Nein. Sie identifizieren einige der Hindernisse. Die Konformitätsbewertung erfordert einen angemessenen Umfang und eine angemessene Methode; Für Ihr Unternehmen geltende Pflichten bedürfen einer gesonderten Prüfung.

Nächster Schritt

Dokumentieren Sie den ersten Block, der eine wichtige Aktion verhindert, und weisen Sie dann seine Korrektur mit einem beobachtbaren Validierungskriterium zu. Um diese Unterstützung in Ihrem Projekt zu finden, konsultieren Sie die Dienste 4SYSTEM. Bewahren Sie Ihr Testblatt auf, um die Korrektur zu überprüfen.

Quellen und Ressourcen

• W3C: Erste Barrierefreiheitsprüfungen.
• W3C: Inhaltsumverteilung verstehen.
• W3C: Labels mit Feldern verknüpfen.