Im Rahmen einer Lehrveranstaltung war es unsere Aufgabe eine Website mit einigen Problemen im Bereich „Accessibility“ zu finden.

Ich habe die Arduino Tutorials Seite von The Geek Pub (Version Juni 2022) gewählt und diese Mittels WAVE (Web Accessibility Evaluation Tool) ausgewertet.

Zusätzlich sollten noch selbst Probleme auf der Seite gefunden werden.

Schließlich war es das Ziel, drei dieser Probleme auszubessern (HTML+CSS).

Vom Tool gefundene Probleme:

• Keine Labels für Social-Icons und Suchfeld [ausgebessert]
• „Skipped Heading Level“ (Sprung von H1 auf H4) [ausgebessert]
• Weißer Text auf lila Hintergrund (geringer Kontrast)
• „Redundant Links“ an manchen Stellen (Icon und Text separat verlinkt)

Selbst gefundene Probleme:

• Weißes Logo auf gelbem Hintergrund im Header [ausgebessert]
• An manchen Stellen würde alphabetische Ordnung die Suche vereinfachen

Accessibility Tool