Testseite für den Accessibility-Checker
Beispiel für eine nicht barrierefreie Textseite
1. Überschrift, die keine ist
… aber so aussieht.
Cupcake ipsum dolor sit amet soufflé chocolate gingerbread marzipan. Dessert I love jelly-o gummies oat cake. Muffin I love oat cake jelly I love I love cotton candy. Candy sugar plum fruitcake soufflé pastry carrot cake wafer. Candy apple pie icing bear claw bonbon I love I love apple pie cookie. Cake candy canes tiramisu sugar plum cotton candy tootsie roll I love sweet tart. Pastry gummi bears liquorice gummies lollipop marshmallow. I love apple pie tart carrot cake icing. Tootsie roll halvah bear claw bonbon gummi bears sesame snaps topping cake biscuit. Croissant tiramisu I love chocolate cake chocolate cake brownie chocolate bar. Brownie cookie jelly beans cheesecake sweet roll. Pastry pudding dragée I love wafer tart biscuit topping ice cream. Shortbread cookie liquorice lollipop chocolate cake. Cupcake marshmallow I love caramels bonbon danish. I love toffee chocolate bar macaroon icing I love tootsie roll icing. Dessert brownie tootsie roll fruitcake liquorice muffin. Pudding I love caramels donut chocolate bar danish. Powder sweet carrot cake fruitcake tootsie roll macaroon I love. I love chocolate cake carrot cake lemon drops tootsie roll shortbread halvah sugar plum liquorice. Candy canes tiramisu cotton candy sweet pie. Soufflé cheesecake tootsie roll chupa chups jelly-o. Cupcake donut cake shortbread marzipan bear claw. Candy dessert liquorice liquorice chocolate bar jujubes muffin. Gingerbread chocolate bar carrot cake chocolate bar tiramisu carrot cake shortbread pudding cheesecake. Jelly chocolate tart liquorice soufflé. Powder sesame snaps ice cream I love oat cake jelly beans sweet roll. Cookie bear claw jujubes ice cream powder. I love toffee I love tootsie roll cake.
Die folgende Liste ist keine echte Liste, sieht hier aber so aus:
1. Punkt 1
2. Punkt 2
3. Punkt 3
2. Überschrift, die eine echte ist (Ebene 4)
2.1 Überschrift (Ebene 3)
Die vorige Überschrift sollte hier in der Hierarchie falsch sein, da kein Text nach der Ebene 3 folgt. Es macht also keinen Sinn, hier direkt eine Überschrift der Ebene 2 auf eine der Ebene 3 folgen zu lassen.
h1 Überschrift
--> Die sollte es eigentlich nur einmal auf der gesamten Seite geben.
Dieser Absatz ist in einer Farbe geschrieben, die zu wenig Kontrast zum Hintergrund hat.
Ein automatischer Test sollte hier eine Fehlermeldung ausgeben. Der Kontrast sollte immer bei mind. 4,5:1 liegen, um den WCAG Standard AA zu erfüllen. AAA ist erst mit einer Kontrast-Ratio von 7,1:1 erfüllt.
Tabellen: Die folgende Tabelle hat verbundene Zellen und keine Spalten- oder Zeilen-Überschriften.
Spalte 1 | Spalte 2 | Spalte 3 |
Zeile 1 | Inhalt 1.2 (verbundene Zellen) | |
Zeile 2 | Inhalt 2.2 | Inhalt 2.3 |
Und hier ist noch ein Link, der absolut nichts darüber aussagt, wohin man gelangt. Beim ersten wird er in einem neuen Fenster, beim zweiten im selben Fenster geöffnet. (Es ist der Infokurs zur Barrierefreiheit in Moodle hier auf der Knowledge Base.)
Im Folgenden sieht man, welche Aussage korrekt ist:
- Man sollte Texte immer aus Word in den Editor in Moodle kopieren, dann sind sie automatisch barrierefrei.
- Man sollte immer den Texteditor benutzen, um Texte in Moodle barrierefrei zu gestalten.
Das folgende Bild hat keinen Alternativtext und ist auch nicht als dekorativ gekennzeichnet.