Woher wissen Sie, ob Ihre Website 100% WCAG 2.1-konform ist? Was sind die besten Web-Accessibility-Test-Tools gibt, die Sie verwenden könnten?, Hier sind 5 automatisierte Tools zum Testen der Barrierefreiheit, die wir empfehlen, die Sie zuerst ausprobieren sollten:
Foto von John Schnobrich auf Unsplash
Sie haben die Richtlinien, Standards, Warnungen und Best Practices durchlaufen, die in den W3C-Empfehlungen enthalten sind, und… Sie stecken fest. Woher wissen Sie, ob Ihre Website 100% WCAG 2.1-konform ist? Was sind die besten Web-Accessibility-Test-Tools gibt, die Sie verwenden könnten?,
Kostenlose, benutzerfreundliche Tools zur Bewertung der Barrierefreiheit, die Sie auf Ihrer Website ausführen können, um die dort lauernden Probleme zu erkennen.
Und das könnte Ihnen sogar einige wertvolle Empfehlungen zu den besten Möglichkeiten geben, sie anzusprechen.
All das, bevor Sie tatsächlich jemanden (oder sogar ein ganzes Team von QA-Testern) Ihre Website überprüfen lassen. Bevor Sie eine eingehende Prüfung der Barrierefreiheit durchführen und benutzerzentrierte Testsitzungen mit… echten beteiligten Personen durchführen.,
Sie müssen über Browsererweiterungen nachdenken…
Sie sind so zugänglich: Sie öffnen einfach die Seite, die Sie überprüfen möchten, und klicken auf eine Schaltfläche in Ihrer Symbolleiste. Sie sind kostenlos und machen gute „Starts“ für die Identifizierung von Zugänglichkeitsproblemen auf Ihrer Website. Und um wertvolle Empfehlungen zur Behebung in die Hände zu bekommen.
Also, hier sind 5 automatisierte Accessibility Testing Tools, die wir empfehlen, dass Sie zuerst versuchen:
“ Gibt es irgendwelche empfohlenen Tools zur Verfügung, die mir helfen können, auf Accessibility-Probleme zu testen?,r Kontrast auf bestimmten Seiten (oder überhaupt kein Kontrast)
Ein oder mehrere Bilder haben keine ALT-Beschreibungen hinzugefügt
Ein Editor hat den Inhalt für eines der H2-Tags gelöscht, aber dieses Tag dort belassen und die Bildschirmleser verwirrt
Jemand aus Ihrem Designteam hat einen Platzhaltertext anstelle eines Textfelds eingefügt, das die Gefahr birgt, dass ein nicht gekennzeichnetes Feld angezeigt wird, dass Bildschirmleser nicht lesen können
In Ihrem Newsletter fehlt ein Etikett Anmeldeformular
/ul >
Dies sind alles häufige Probleme, mit denen Sie mithilfe von Web Accessibility Evaluation Tools erkennen und beheben können.,
Sie fallen in mehrere Kategorien:
Browser-Erweiterungen, auf die wir uns in diesem Beitrag konzentrieren werden
Kommandozeilen-Tools Accessibility Testing Tools, die Sie in Ihr Continuous Integration System integrieren können
Tipp: Denken Sie daran, dass die folgenden 5 besten Web Accessibility Testing Tools etwa 30% der Probleme erkennen. Sie sind ein guter Ausgangspunkt für ein komplexeres Audit und eine umfassendere Überwachungsstrategie, die Sie festlegen sollten.,
Wave, Die Verehrt Web Accessibility Evaluation Tool für Chrome
Ein voll ausgestatteter, einfach zu verwenden website Zugänglichkeit checker, der in die meisten Entwickler-toolkits für einige Jahre jetzt.,
So funktioniert es:
es fügt eine visuelle Überlagerung von Fehlersymbole und Hinweise auf die Webseite, die Sie überprüfen
Symbole, die Ihnen nach dem Klicken Informationen und Empfehlungen zu den erkannten Zugänglichkeitsproblemen geben: redundante Titel, Strukturelemente, Links zu HTML, schlechter Farbkontrast, Auswirkungen auf verschiedene Arten von Benutzern, gegen welche WCAG-Richtlinien sie verstoßen usw.,
es weist auf den „lästigen“ Code über kommentiertes HTML hin, das im Bedienfeld am unteren Bildschirmrand angezeigt wird
Kurz gesagt, Wave ist eine der robusten Website-Zugriffsprüfungen, die über die Optimierung Ihres Auditprozesses hinausgehen.
Es ist auch darauf ausgerichtet, Benutzer (Website-Besitzer, QA-Tester) über die Zugänglichkeitsprobleme aufzuklären, auf die Sie achten müssen.
“ Wie verwende ich das Wave accessibility Tool?,“
So oder so:
Sie können einfach Ihre URL in das entsprechende Feld auf ihrer Website eingeben
Sie können die Browsererweiterung
herunterladen Gehen Sie für die Erweiterung, insbesondere wenn es sich um dynamische, passwortgeschützte und lokal gespeicherte Webseiten handelt, die Sie überprüfen müssen.
Zapfen, Accessibility as a Service
„Wie kann ich testen der Zugänglichkeit?“
Tenon ist ein weiteres Tool, das sowohl in einer kostenlosen als auch in einer kostenpflichtigen Version erhältlich ist.,
What makes it „worthy” of this top 5 selection?,y Tests nach vernachlässigten Richtlinien haben sich bereits zu kritischen Problemen entwickelt, die sich auf die Benutzererfahrung auswirken
Es ist ein so flexibles Tool für Inhaltsersteller, Designer, Entwickler und Tester
es werden… großzügige Berichte mit Codeausschnitten für jeden Fehler, entsprechenden WCAG-Richtlinien und Empfehlungen zur Behebung generiert
Kurz gesagt: Tenon hilft Ihnen, eine vorbeugende Art der Barrierefreiheitsprüfung auf Ihrer Website durchzuführen., Sie können wichtige Probleme erkennen, bevor sie überhaupt zu großen Usability-Problemen werden
Darüber hinaus können Sie Tenon einfach über seine API in Ihr Toolset integrieren. Es lässt sich problemlos in jedes CMS, IDE, Bereitstellungstool oder automatisierte Build integrieren, das Sie möglicherweise verwenden.
Google Lighthouse, eines der besten Tools für automatisierte Zugänglichkeitstests
zu verwenden Darüber hinaus ist dieses Eingabehilfstest-Tool Teil einer ganzen Reihe von Prüfungen, die Sie mit Chrome Developer Tools ausführen können:
SEO
Progressive Web App
Performance
Best Practices
Was es tut Es bietet Ihnen einen vollständigen Bericht über die Testergebnisse:
ob alle Schaltflächen auf dieser Seite zugängliche Namen haben oder nicht
ob alle Bilder ALT-Attribute zu
hinzugefügt haben ob diese Seite einen Titel hat oder nicht …
Als nächstes nehmen Sie sie einfach von dort und verbessern Sie die im Bericht signalisierten Bereiche.,
Und so verwenden Sie es:
Öffnen Sie devtools in Ihrem Chrome-Browser
Suchen Sie nach der Registerkarte „Audits“
Klicken Sie auf „Audit durchführen“
Tipp: Speichern Sie den Bericht später in einem JSON-Format (oder senden Sie ihn an jemanden in Ihrem Team).
Eine weitere großartige Sache bei Google Lighthouse ist, dass es eines dieser Web-Tools zur Bewertung der Barrierefreiheit ist, für das Sie sich nicht anmelden müssen. Sie ziehen einfach einen Bericht auf den Online-Berichtsviewer, den er Ihnen zur Verfügung stellt.
rowsererweiterung
“ Woher wissen Sie, ob Ihre Site tatsächlich WCAG 2 ist?,0-konform?“
Sie „greifen“ ein Tool wie Axe hier und geben Sie Ihrer Website ein automatisiertes Audit.
Es fügt sich einfach als neue Registerkarte an die Entwicklungstools Ihres Chrome an. Sobald Sie auf die blaue Schaltfläche „Analysieren“ geklickt haben, erhalten Sie eine ganze Liste von „Verstößen“, die auf Ihrer Seite erkannt wurden.
Warum haben wir es in unsere hochexklusive Liste der 5 besten Web Accessibility Testing Tools aufgenommen?,
da es kostenlos ist (a self-contained open-source library)
weil Sie custom-tune an Ihre spezifischen Barrierefreiheit testen muss: das hinzufügen von bestimmten Regeln, integrieren Sie es mit testing-frameworks und Browsern Ihrer Wahl…
weil jedes signalisiert Thema „macht“ den entsprechenden markup-Code sowie
Einfach auf „Inspizieren von code“ gelangen Sie auf die Registerkarte “ DevTools, wo der „Täter element“ beschrieben ist.,
Tipp: Ein weiterer Grund, warum dies einer der ersten Website-Barrierefreiheitsprüfer ist, den Sie berücksichtigen sollten, ist, dass der Axe-Barrierefreiheitsbericht über die Signalisierung klarer Verstöße gegen die Barrierefreiheitsrichtlinien hinausgeht.
Es werden auch Aspekte hervorgehoben, die Sie auf der Benutzeroberfläche Ihrer Website verbessern können.
Siteimprove, Einer der Besten Web-Accessibility-Testing-Tools
Wir bekennen: Siteimprove ist unser Lieblings-website Zugänglichkeit checker., Hier ist der Grund:
Es liefert uns umsetzbare Informationen zu allen Problemen, die es erkennt
Es generiert klare Erklärungen zu den Auswirkungen dieser Probleme auf einige Benutzer
es „verwöhnt“ uns auch mit intuitiver Benutzererfahrung: Probleme werden auf der rechten Seite der Seite hervorgehoben
Wo fügen Sie hinzu, dass der gesamte Webseiten-Audit-Prozess in unseren Chrome-Browsern durchgeführt wird.
Einfach zu bedienen und hocheffizient. Was können Sie sich von einem kostenlosen Zugänglichkeitstest-Tool mehr wünschen?,
Letztes Wort
Machen Sie diese Art von Zugänglichkeitstests — mit Chrome — Erweiterungen-zu einem Teil einer umfassenderen Teststrategie.
Sie sollten Ihre Bewertung nicht auf die Ergebnisse beschränken, die Sie mit einem dieser 5 besten Web accessibility Testing Tools erhalten.
Es ist noch ein gewisses Maß an“ menschlichem Eingreifen “ erforderlich, um diese Ergebnisse zu interpretieren. Um mit den richtigen Schritten zu kommen, richtig?,
Verwenden Sie sie, wenn Sie nur überprüfen möchten, ob:
Es gibt Bilder ohne ALT-Beschreibungen auf Ihrer Website
der HTML-Code ist gültig
Ihre Formularfelder haben sowohl Beschriftungen als auch Beschreibungen
Während für die Beurteilung:
ob dieser HTML-Code semantisch ist oder nicht
ob diese Formularfeldbeschreibungen benutzerfreundlich genug sind
ob es eine richtige Überschrift gibt
ierarchie auf einer bestimmten Seite auf Ihrer Website
… Sie benötigen eine menschliche Analyse.,
Automatisierte Zugänglichkeitstests weisen (nur) auf wichtige Aspekte hin, auf die sich Ihre QS-Tester konzentrieren müssen.
Das ENDE!
Haben Sie eines dieser Tools zum Testen der Barrierefreiheit auf Ihrer Website verwendet?
Stoppen Sie normalerweise Ihr Audit dort oder verwenden Sie einen automatisierten & manuellen Testtyp von „combo“? Hängt es tatsächlich vom Kontext ab?
