Servicegruppen/Webseite/Tests/WPTheme-Scapegoat

Aus Piratenwiki
Wechseln zu: Navigation, Suche

Theme Scapegoat für den BZW2013 der SG Gestaltung

BITV-Test / WCAG2-Test

- in Arbeit durch Martin -

Probleme (Updatet)

Update

- Wesentliche Probleme wurden laut GitHub-Checkins zum 16.06. behoben. --xwolf 11:17, 17. Jun. 2013 (CEST)


Mängel vom 9.5.

Getestete URL: http://gestaltung.piratenpartei.de

  • Tastaturfocus generell nicht berücksichtigt
  • Menu nicht bedienbar via Tastatur
  • Farbkontraste (z.B. Sidebar, aber auch Breadcrumb oder Social Media Icons und Slogan) sind nicht ausreichend
  • Der Slider hat kein Anhalteknopf
  • Bei abgeschalteten JS gibt es Darstellungsfehler wegen des Sliders
  • Überschriftenstrukturierung nicht semantisch korrekt
  • Der IE9 (und diesen sollte man schon berücksichtigen) hat Darstellungsfehler


Nachfragen

Nachfrage am 1.6.2013: "Inwiefern diskriminiert die Berliner Webseite Menschen mit motorischen und optischen Einschränkungen?"

Antwort:

--xwolf 17:10, 1. Jun. 2013 (CEST)

Gruppe optische Einschränkungen:

  • Die Farbkontraste der Webseite sind an vielen Stellen nicht ausreichend. (Berechenbar anhand von Tools, aber auch so leicht erkennbar- das der Slogan " Andere reden über das Internet. Wir nicht. " nicht kontrastreich genug ist, dürfte jeder sofort zugeben). Dadurch können Menschen die verschieden Farben nicht sehen können oder unter Lichtverhältnissen arbeiten müssen, die dies provozieren, nicht alles erkennen. Ca. 3% aller Männer sind Rot-Grün-Blind. Bei Frauen sind es nur 1%. Ältere Menschen sind ebenfalls betroffen.
  • Die HTML-Struktur ist nicht ausreichend und logisch gegliedert. Menschen, die Screenreader einsetzen müssen, können hierdurch auf Teilen der Inhalte nicht oder nicht gut navigieren.


Gruppe Motorische Beschränkungen:

  • Die Navigation und viele weitere Links sind teilweise nur bei Nutzung von Maus oder Toucheingaben bedienbar. Bei Nutzung von Tastatur oder anderen Eingabegeräten kann nicht zugegriffen werden (z.B. aufgeklappte Menüunterpunkte) oder die Selektion wird optisch garnicht erkennbar (man sieht garnicht wo der Tastaturfokus gerade ist). Die Nutzung der Website mit Tastatur ist teilweise unmöglich.
  • Die Bedien"knöpfe" (kleine Punkte oben links) des Sliders sind bei Menschen die grobmotorische Probleme haben nicht treffbar. Aus selben Grund sind die Social Media Icons kritisch zu werten. (Die sind einfach zu klein und lassen sich nicht vergrößern).

Die Tragik ist: Allein diese beiden Themenblöcke wären eigentlich durch nur minimalen Sorgfalt bei der CSS- und HTML-Erstellung zu vermeiden gewesen. Bspw: Für die Berücksichtigung von Tastaturfocus muss man im CSS lediglich dieselben Anweisungen nochmals für :focus definieren, wie man es mit :hover bereits für die Maus gemacht hatte. Hingegen die notwendigen Kontrastanpassungen bedeuten nicht weniger als eine Änderung des Designs.

Genauere Beschreibungen hierzu finden sich auf den Begründungen der zugehörogen Testpunkte beim BITVTest.de oder bei den Artikeln dazu auf einfach-fuer-alle.de .


Neuer Clone von HH (Update 17.05.)

Hamburg arbeitet an einen Clone des Themes, bei dem die Mängel behoben werden sollen.

-Ist in Arbeit.-