Tutorial zum Testen der Barrierefreiheit (Eine vollständige Schritt-für-Schritt-Anleitung)

accessibility testing tutorial

Eine vollständige Anleitung zum Testen der Barrierefreiheit:

Was ist Webzugriff?

Das Web ist für alle offen und als Tester (auch für Menschen) liegt es in unserer Verantwortung, zu überprüfen, ob es für alle Benutzer zugänglich ist. Dies wird wiederum viel zum Erfolg eines Unternehmens beitragen, da wir daran arbeiten, die Anwendung für jeden einzelnen Benutzer zugänglich zu machen.

Dies erhöht auch die Zufriedenheit der Benutzer und auch unser Geschäft.

Liste der Tutorials in dieser Reihe:

1. Leitfaden zum Testen der Barrierefreiheit (Dieses Tutorial)
2. Tools zum Testen der Barrierefreiheit - Eine vollständige Liste
3. WAT-Tutorial (Web Accessibility Toolbar)
4. Tools zur Überprüfung der Barrierefreiheit von WAVE und JAWS

Für die meisten Benutzer ist die Internetnutzung über das Internet einfach. Dies ist jedoch nicht der Fall, wenn wir eine andere demografische Gruppe mit Herausforderungen betrachten. Es ist unbedingt erforderlich, dass Websites auch für diese Benutzergruppe zugänglich, verwendbar und nützlich sind - und Benutzer sollten nicht nach Sprache / Kultur / Ort / Software / körperlichen oder geistigen Fähigkeiten unterschieden werden.

Was du lernen wirst:

• Was ist Barrierefreiheitsprüfung?
• Zugänglichkeit und das Gesetz
• Mythen über das Testen der Barrierefreiheit von Websites
• Herausforderungen des Zugänglichkeitstests
• Bedeutung
• Wie wird die Barrierefreiheit im Internet gemessen?
• Universelle Webdesign-Prinzipien, die befolgt werden müssen
• Durchführen von Zugänglichkeitstests - Eine Schritt-für-Schritt-Anleitung
  • Manuelle Methode
  • Automatisierte Zugänglichkeitsprüfung
• Checkliste für Zugänglichkeitstests / Testfälle / Szenarien
• Fazit
• Literatur-Empfehlungen

Was ist Barrierefreiheitsprüfung?

Das Testen einer Webanwendung, um sicherzustellen, dass jeder Benutzer problemlos auf die Website zugreifen kann, wird als Barrierefreiheitstest bezeichnet. Der spezialisierte und dedizierte Testzweig, der dazu beiträgt, dass Websites in diesem Bereich tatsächlich effektiv sind, heißt „ Testen der Barrierefreiheit im Internet ”.

Vor allem gibt es bestimmte Gesetze und Richtlinien für Zugänglichkeitstests, die ebenfalls befolgt werden müssen.

Zugänglichkeit und das Gesetz

• Americans with Disabilities Act :: Dieses Gesetz besagt, dass alle Bereiche wie öffentliche Gebäude, Schulen und Organisationen die Technologie für jedermann zugänglich machen sollten.
• Rehabilitationsgesetz, Abschnitt 504 und Abschnitt 508 :: Abschnitt 504 beherbergt alle Menschen mit Behinderungen, die Zugang zu Arbeitsplatz, Bildung und anderen Organisationen haben, und Abschnitt 508 befasst sich mit dem Zugang zu Technologie.
• Richtlinien für die Barrierefreiheit von Webinhalten: Diese Richtlinien legen Möglichkeiten nahe, wie die Zugänglichkeit einer Website verbessert werden kann.

Mythen über das Testen der Barrierefreiheit von Websites

Mythos 1 ::Es ist teuer.

Tatsache : Vorsorge ist immer besser als Heilung, daher können wir bereits in der Entwurfsphase über Zugänglichkeitsprobleme nachdenken und die Kosten senken.

Mythos 2: Das Konvertieren einer unzugänglichen Website in einen Zugriff ist zeitaufwändig.

Tatsache : Wir können Dinge priorisieren und nur an den Grundbedürfnissen arbeiten.

Welche Website kann ich Anime sehen

Mythos 3: Die Zugänglichkeit ist einfach und langweilig.

Tatsache : Barrierefreiheit bedeutet nicht, dass eine Website nur Text enthalten sollte. Wir können auch Bilder hinzufügen und attraktiver machen, aber der Punkt ist, dass es für alle zugänglich sein sollte.

Mythos 4 ::Zugänglichkeitstests sind für blinde und behinderte Menschen.

Tatsache : Software ist für alle nützlich und daher ist dieser Test für alle Benutzer.

Herausforderungen von A. Zugänglichkeitstest

Das Folgende sind einige häufige Herausforderungen oder Schwierigkeiten, die mit den Richtlinien zur Barrierefreiheit angegangen werden sollen:

Bedeutung

• Einfacher und effizienter Zugang zu Benutzern mit Behinderungen oder Herausforderungen
• Erhöht den Marktanteil und die Reichweite des Publikums
• Verbessert die Wartbarkeit und Effizienz
• Erfüllte bestehende und zukünftige gesetzliche Anforderungen und hilft bei der Einhaltung der Ethik
• Unterstützung der Internationalisierung
• Hilft beim Zugriff für Benutzer mit geringer Bandbreite.

Letztendlich übersetzt sich alles nur in 'Besseres Geschäft - mehr Geld'.

Wie wird die Barrierefreiheit im Internet gemessen?

Die Barrierefreiheit des Webs kann mithilfe der von der W3C bekannt als Richtlinien für die Barrierefreiheit von Webinhalten (WCAG) . Nur wenige andere Abteilungen haben ihre eigenen Richtlinien entwickelt, aber auch diese folgen die Web Accessibility Initiative (WAI) Richtlinien.

Bewertung der Zugänglichkeit einer Website:

Dabei spielen viele Faktoren eine Rolle, wie zum Beispiel:

• Inhalt
• Größe
• Code
• Auszeichnungssprachen
• Entwicklungswerkzeuge
• Umgebung

Wie immer empfiehlt es sich, in der Anfangsphase des Projekts Techniken für die Barrierefreiheit im Internet zu implementieren. Das Reparieren nicht zugänglicher Websites erfordert zusätzliche Anstrengungen.

Einige einfache Beispieltechniken sind:

• Überprüfung des Seitentitels
• Bildtextalternativen („Alternativtext“)
• Überschriften
• Kontrastverhältnis ('Farbkontrast') .. etc.

Wir können die Zugänglichkeit auch mit Hilfe von „ Bewertungswerkzeuge '- in einem gewissen Ausmaß. Es gibt nur wenige Dinge, zum Beispiel, ob der Alternativtext für das Bild angemessen geschrieben ist oder nicht, die nicht vollständig ausgewertet werden können, aber zum größten Teil wirksam sind.

Lesen Sie auch => Über 30 der beliebtesten Webtest-Tools.

Universelle Webdesign-Prinzipien, die befolgt werden müssen

Die Website sollte universell so gestaltet sein, dass sie den Grundsätzen der Benutzerfreundlichkeit und Zugänglichkeit entspricht. Jeder hat seinen eigenen Lern- und Verarbeitungsstil, daher sollte die Website / das Produkt unabhängig davon gestaltet werden.

Im Folgenden sind einige grundlegende Standardprinzipien des Website-Designs aufgeführt:

# 1) Koordination:

Jede Aktivität und jede Person, die in das Projekt einbezogen ist, sollte sich aufeinander abstimmen. Man sollte bedenken, dass eine Website nach ihren eigenen und auch gestaltet werden sollte W3C Standards.

# 2) Durchsetzung:

Als verantwortungsbewusste Organisation sollten Sie sich selbst für die Erstellung einer barrierefreien Website verantwortlich machen. Anstatt dass sich die Benutzer für eine zugängliche Site verantwortlich machen, sollten wir dies tun.

# 3) Führung:

Jeder sollte diese Grundsätze kennen und informieren, wenn er beim Zugriff auf die Website auf Probleme stößt.

# 4) Berücksichtigung des Zugangs ::

Wir müssen die Standards befolgen und gleichzeitig die Standards berücksichtigen, die von der Organisation für Menschen mit besonderen Fähigkeiten befolgt werden.

# 5) Technische Abmessungen:

Eine Website sollte unter Berücksichtigung aller technischen Standards gestaltet werden.

# 6) Bildungsforschung:

Wir müssen die Barrierefreiheit und die Probleme beim Zugriff auf die Website untersuchen. Mit dieser Hilfe sollten die Mitarbeiter geschult werden, um sie auf die Standards und Probleme aufmerksam zu machen.

# 7) Soziale Eingliederung:

Fragen und Antworten zu SQL-Entwicklerinterviews für erfahrene PDF-Dateien

Alle Menschen sollten nicht nur im Online-Modus, sondern auch in der physischen Welt gleich behandelt werden.

Zusammen mit diesem Gebäude ist eine POUR-Website erforderlich.

Nun stellt sich die Frage, wofür POUR steht, und die Antwort ist unten angegeben:

P. erceivable:Die Präsentation der Web-Suite sollte erkennbar sein. Inhalte sollten aus der Sicht aller Benutzer sinnvoll sein.

ODER perable:Man kann sagen, dass die Site betriebsbereit ist, wenn ein Benutzer in der Lage ist, die Site leicht zu navigieren.

U. verständlich:Alles, was auf der Website vorhanden ist, muss von jedem Benutzertyp verstanden werden. Kurz gesagt, die Sprache sollte einfach und nicht komplex sein.

R. Stop:Unabhängig von der sich ändernden Technologie und der Art der Benutzer sollte der Inhalt robust sein.

Durchführen von Zugänglichkeitstests - Eine Schritt-für-Schritt-Anleitung

Dies kann sowohl mit der manuellen als auch mit der Automatisierungstestmethode erfolgen.

Manuelle Methode

Es gibt viele Tools, die auf dem Markt für Zugänglichkeitstests verfügbar sind, aber es kann einige Probleme geben, wie Mangel an qualifizierten Ressourcen, Budget usw. In einem solchen Fall können wir manuelle Tests durchführen.

Im Folgenden finden Sie einige Möglichkeiten, um die Barrierefreiheit von Websites manuell zu testen:

# 1) Wir können den kontrastreichen Modus verwenden:

Im kontrastreichen Modus können wir den Inhalt der Website hervorheben. Wenn wir den kontrastreichen Modus aktivieren, wird der Inhalt der Website automatisch hervorgehoben, da er weiß oder gelb und der Hintergrund schwarz wird.

Um den kontrastreichen Modus zu aktivieren, suchen Sie den kontrastreichen Modus im Suchfeld.

Hier haben Sie die Möglichkeit, ein Thema auszuwählen und das kontrastreiche Thema aus der Dropdown-Liste auszuwählen.

Ein Browser sieht nach den Änderungen in den Einstellungen wie unten gezeigt aus.

Danach können wir sehen, ob der Inhalt richtig sichtbar ist oder nicht.

# 2) Indem Sie nicht auf die Bilder zugreifen ::

Vorläufig können Sie den Zugriff vorübergehend deaktivieren und prüfen, ob der Text den Inhalt rechtfertigt, da einige Personen möglicherweise keinen Zugriff darauf haben oder das Laden der Bilder manchmal zu lange dauert.

Sie können den Zugriff auf den Browser folgendermaßen deaktivieren:

Internet Explorer: Extras-> Internetoptionen-> Erweitert-> Bilder anzeigen (deaktivieren).

Feuerfuchs: Öffnen Sie Firefox und geben Sie ein Über :: config , in der Adressleiste und Sie erhalten die Ausgabe wie unten gezeigt.

Nachdem Sie diesen Bildschirm erhalten haben, müssen Sie nach ‘ erlaubnis.default.image ’ und stellen Sie den Wert von 0-1 ein.

# 3) Nach Untertiteln suchen ::Überprüfen Sie, ob eine Beschriftung verfügbar ist, und stellen Sie sicher, dass sie ziemlich aussagekräftig ist. Oft stoßen wir auf der Facebook-Seite auf Links, bei denen die Anzeige der Bilder oder Videos möglicherweise lange dauert, die Bildunterschriften uns jedoch sehr helfen.

# 4) Durch Ausschalten des Cascading Style Sheet (CSS): CSS wird im Wesentlichen verwendet, um die Präsentation des Dokuments zu beschreiben. Wenn Sie diese Option deaktivieren, können Sie die Hintergrundfarbe, den Textstil und den Textpräsentationsstil überprüfen.

# 5) Versuchen Sie die Tastatur zu benutzen ::Wenn Sie ein Spieler oder ein Excel-Experte sind, muss dieser Test für Sie einfacher sein. Versuchen Sie, die Maus nicht zu berühren und mit Hilfe einer Tastatur auf die Website zuzugreifen.

Mit der Tabulatortaste können Sie zwischen Links wechseln.

'Tab' + 'Shift' wird zu dir bringen, wo du vorher warst.

# 6) Feldbezeichnung verwenden ::Es ist nützlich beim Ausfüllen eines Formulars, Feldbezeichnung wird beim Anzeigen einer Vorlage angezeigt. Auf diese Weise können Sie die erforderlichen Informationen ausfüllen, während Sie sich anmelden oder etwas online bestellen.

# 7) Ändern der Schriftgröße zu groß ::Verwenden Sie eine große Schriftgröße und eine kontinuierliche Überprüfung der Barrierefreiheit.

Unternehmen, die Sie dafür bezahlen, ihre Produkte auszuprobieren

# 8) Navigation überspringen: Dies kann für Menschen mit motorischen Behinderungen nützlich sein. Beim Klicken Strg + Home Sie können Ihren Fokus an den oberen Rand der Seite verschieben.

# 9) PDF-Dokument: Versuchen Sie, die PDF-Datei in Form eines Textes zu speichern und prüfen Sie, ob die Reihenfolge für den Inhalt beibehalten wird oder nicht.

# 10) Durch Deaktivieren des Stils: Deaktivieren Sie den Stil und prüfen Sie, ob der Inhalt der Tabelle richtig ausgerichtet ist oder nicht.

# 11) Inhaltsskalierung: Versuchen Sie, das Bild zu verkleinern und zu überprüfen, ob es lesbar ist.

Automatisierte Zugänglichkeitsprüfung

Da sich die Automatisierung im Testbereich weit verbreitet, können wir die Automatisierung auch zur Überprüfung der Barrierefreiheit einsetzen. Wir haben verschiedene Tools für automatisierte Tests.

# 1) aDesigner: Es wurde von IBM entwickelt und ist nützlich, um die Software aus der Sicht sehbehinderter Menschen zu testen.

# 2) WebAnywhere: Es fungiert als Bildschirmleser und erfordert keine spezielle Installation.

#3) Vischeck: Dieses Tool hilft uns, das Bild in verschiedenen Formen zu reproduzieren, sodass wir uns vorstellen können, wie es aussehen wird, wenn verschiedene Benutzertypen darauf zugreifen.

# 4) Farbkontrastanalysator: Es prüft auf Farbkombination und analysiert die Sichtbarkeit.

# 5) Hera: Es prüft den Stil der Anwendung und verfügt über eine mehrsprachige Option.

# 6) Firefox Accessibility Extension: Mit Firefox können Sie die Funktionalität erweitern.

Sie können es zum Öffnen hinzufügen Firefox-> Add-Ons-> Barrierefreiheitserweiterung . Es wird Ihnen helfen, den Bericht, die Navigation, den Linktext usw. zu testen.

Nach dem Klicken auf die Erweiterung Sie erhalten eine Option für die Suche Add-Ons .

# 7) TAW online: Sie haben die Möglichkeit zu testen, ob die Software gemäß der Richtlinie von entwickelt wurde WCAG 1.0 oder WCAG 2.0 . Es besteht auch die Möglichkeit, die Analyseebene auszuwählen.

# 8) PDF-Barrierefreiheitsprüfung: Es prüft die Zugänglichkeit einer PDF-Datei.

=> Für die vollständige Liste Überprüfen Sie diesen Beitrag zu Accessibility Testing Tools

Zugänglichkeitstest Checkliste / Testfälle / Szenarien

Im Folgenden sind einige Punkte aufgeführt, die bei dieser Art von Tests überprüft werden müssen:

• Ob die Etiketten richtig geschrieben und platziert sind oder nicht.
• Ob der Audio- / Videoinhalt richtig hörbar / sichtbar ist oder nicht.
• Ob das Farbkontrastverhältnis beibehalten wird oder nicht.
• Ob die Steueraktionen für Video einwandfrei funktionieren oder nicht.
• Wenn die Kurztasten für das Menü bereitgestellt werden, müssen Sie überprüfen, ob alle ordnungsgemäß funktionieren.
• Sie müssen nach Registerkarten suchen, wenn die Navigation zwischen Registerkarten eine einfache Aufgabe ist.
• Ob die Anwendung alle Grundsätze und Richtlinien befolgt hat oder nicht.
• Ob die Überschrift eindeutig ist und die Bedeutung und Struktur vermittelt oder nicht.
• Wenn der Linktext mit Inhaltsbeschreibung geschrieben wird, anstatt Mehrdeutigkeit zu erzeugen.
• Ob eine aussagekräftige Multimedia-Beschriftung bereitgestellt wird oder nicht.
• Ob die Anweisungen klar gegeben sind oder nicht.
• Ob der Inhalt klar, prägnant und verständlich ist oder nicht.

Im Folgenden sind die wichtigsten Punkte aufgeführt, die die Website für die Barrierefreiheit erfüllen sollte:

• Der Linktext sollte beschreibend sein . Benutzer mit Sehbehinderung können auf Webseiten zugreifen, indem sie auf der Tastatur auf die Registerkarte klicken und von Link zu Link wechseln. Daher ist es wichtig, dass die Beschreibung der Links richtig definiert ist. Stellen Sie mithilfe der Tabulatortaste sicher, dass auf die Hyperlinks zugegriffen werden kann.
• Stellen Sie nach Möglichkeit geeignete Bilder zur Verfügung . Ein Bild spricht mehr als Worte. Versuchen Sie, wann immer möglich, geeignete Bilder für Text hinzuzufügen. Bilder können den Inhalt der Website für Benutzer mit Lese- und Schreibproblemen beschreiben.
• Verwenden Sie eine einfache Sprache . Der kognitiv behinderte Benutzer hat Lernschwierigkeiten. Es ist sehr wichtig, Sätze einfach und für ihn leicht lesbar zu machen.
• Konsistente Navigation . Eine konsistente Navigation auf allen Seiten ist auch für Benutzer mit kognitiven Behinderungen sehr wichtig. Es wird empfohlen, die Konsistenz der Website aufrechtzuerhalten und die Seiten nicht regelmäßig zu ändern. Die Anpassung an das neue Layout ist zeitaufwändig und kann schwierig werden.
• Popups ignorieren . Benutzer, die einen Bildschirmleser zum Lesen der Webseiten verwenden, können Popups für sie sehr unpraktisch sein. Der Bildschirmleser liest die Seite von oben nach unten vor und ein plötzliches Popup-Fenster zeigt an, dass der Leser sie zuerst vor dem eigentlichen Inhalt vorliest. Es kann sehbehinderte Benutzer verwirren.
• CSS-Layout . CSS-basierte Websites sind zugänglicher als HTML-Code-basierte Websites.
• Teilen Sie einen großen Satz in einen kleinen einfachen Satz. Sehbehinderte Benutzer hören sich die Informationen auf der Webseite an und versuchen, sich daran zu erinnern. Indem Sie den großen Satz in einen kleinen einfachen Satz unterteilen, können Sie sich leicht an Dinge erinnern.
• Verwenden Sie keinen Laufschrifttext. Vermeiden Sie glänzenden Text und halten Sie ihn einfach.

Kurz gesagt, wir müssen prüfen, ob die Anwendung gemäß den W3C-Richtlinien, den Grundsätzen für das Website-Design und den Grundsätzen für die Barrierefreiheit entwickelt wurde, und dafür müssen wir alle diese Grundsätze kennen.

Wir können die oben genannten Kontrollpunkte zusammenfassen, indem wir den schriftlichen Inhalt, das Design und die Entwicklungsmethode der Website / Anwendung überprüfen und validieren.

Lesen Sie auch => Web-Test vollständige Anleitung.

Fazit

Barrierefreiheitstests erklären einfach, wie einfach man durch Software navigieren, darauf zugreifen und sie verstehen kann. Es ist für alle Arten von Benutzern. Der Tester sollte die Tests aus der Sicht aller durchführen.

Wie jede andere Art von Test kann dieser Test auch manuell sowie mit Hilfe von Automatisierungstools durchgeführt werden. Das Ziel eines Testers sollte nur sein, zu überprüfen, ob die Richtlinien erfüllt sind oder nicht und wie einfach und freundlich ein Benutzer die Software verwenden kann.

Empfohlene Lektüre = >> Top-Anbieter von Accessibility Testing-Diensten

Im nächsten Teil dieser Tutorial-Reihe werden wir Ihnen einige weitere Tools und Techniken zum Testen der Barrierefreiheit im Internet vorstellen. Bleiben Sie also bitte bei uns.

Bitte kommentieren Sie wie immer Ihre Fragen, Vorschläge und Erfahrungen.

NÄCHSTES Tutorial

Literatur-Empfehlungen

• Tutorial zum WAVE Accessibility Testing Tool
• Alpha-Tests und Beta-Tests (eine vollständige Anleitung)
• WAT-Tutorial (Web Accessibility Toolbar) zum Testen der Barrierefreiheit
• Funktionstests gegen nichtfunktionale Tests
• Tutorial zum Testen der Benutzerfreundlichkeit: Eine vollständige Anleitung für die ersten Schritte
• Vollständige Anleitung zum Erstellen von Verifikationstests (BVT-Tests)
• DevOps-Test-Tutorial: Wie wirkt sich DevOps auf QS-Tests aus?
• Bereitstellung in MongoDB: Schritt-für-Schritt-Anleitung