Prüfbericht zum Test nach BITV 2.0

Transkript

1 Prüfbericht zum Test nach BITV 2.0 Die 50 im Test zu prüfenden Anforderungen sind beschrieben im Verzeichnis der Prüfschritte unter Eine vollständige Beschreibung des Verfahrens findet sich unter Prüfauftrag Die Prüfung wurde in Auftrag gegeben von: SÄCHSISCHES STAATSMINISTERIUM DES INNERN Herrn Ralf Pietsch Referat 63 Wilhelm-Buck-Straße Dresden Prüfgegenstand Untersuchte Webseite Beteiligungsportal ( Untersuchte Seiten Seite 1: Startseite Seite 2: Aktuelle Beteiligungen Seite 3: Beteiligung: Landesaktionsplan II Seite 4: Gegenstand: Sachlicher Arbeitsstand Seite 5: Gegenstand: Schule Seite 6: Registrieren Seite 7: Mein Benutzerprofil Seite 8: Häufige Fragen Seite 9: Portale Seite 10: Evaluation Prüfer, Prüfzeitraum Sebastian Brückner, bis

2 Seite 2 Prüfergebnis Seite Name / Bezeichnung Punkte 1 Startseite 97,75 2 Aktuelle Beteiligungen 98,25 3 Beteiligung: Landesaktionsplan - II 98,50 4 Gegenstand: Sachlicher Arbeitsstand 98,25 5 Gegenstand: Schule 96,50 6 Registrieren 97,25 7 Mein Benutzerprofil 97,75 8 Häufige Fragen 98,25 9 Portale 96,75 10 Evaluation 92,75 Anmerkungen zu einzelnen Prüfschritten Die folgenden Tabellen zeigen Anmerkungen zu einzelnen Prüfschritten. Die Spalte "Bewertung" enthält die zusammenfassende Bewertung des Prüfschritts. Seite 1: Startseite 97,75 Punkte Prüfschritt Bewertung Anmerkung 1.1.1a - Alternativtexte für Bedienelemente 1.3.1a - HTML-Strukturelemente für Überschriften 1.3.1b - HTML-Strukturelemente für Listen 1.3.1d - Inhalte gegliedert 1.3.2b - Sinnvolle Reihenfolge 1.3.3a - Ohne Bezug auf sensorische Merkmale nutzbar 1.4.3a - Kontraste von Texten 1.4.3c - Inhalte bei benutzerdefinierten Farben erkennbar 1.4.4b - Bei Zoom auf 200% benutzbar 1.4.5a - Verzicht auf Schriftgrafiken 2.1.1a - Ohne Maus nutzbar Die Blättern-Funktion des Karussells wird schon bei Fokussierung der Blättern-Links ausgeführt. Dies sollte erst bei Aktivierung des Links passieren. Da momentan nur zwei Elemente in der Liste sind, erzeugt es kein großes Hindernis a - Zeitbegrenzungen anpassbar 2.2.2a - Bewegte Inhalte abschaltbar 2.3.1a - Verzicht auf Flackern

3 2.4.1a - Inhaltsbereiche strukturiert 2.4.2a - Sinnvolle Dokumenttitel 2.4.3a - Schlüssige Reihenfolge bei der Tastaturbedienung 2.4.5a - Alternative Zugangswege 2.4.6a - Title-Attribut für Symbole 2.4.7a - Aktuelle Position des Fokus deutlich 2.4.8a - Position im Webauftritt klar 3.1.1a - Hauptsprache angegeben 3.1.2b - Anderssprachige Wörter ausgezeichnet 3.2.1a - Kein Öffnen neuer Fenster beim Laden der Seite 3.2.2a - Keine unerwartete Kontextänderung bei Eingabe 3.2.3a - Navigation einheitlich 3.3.1a - Fehlermeldungen hilfreich 3.3.2a - Formularfelder richtig beschriftet 4.1.1a - Valides HTML 4.1.1b - Verzicht auf veraltete Elemente und Attribute 1.4.3b - Kontraste von Grafiken Seite 3 Bei zahlreichen Elementen erfolgt zur Hervorhebung des Tastaturfokus nur der Wechsel eines Formats, z. B. Unterstreichung. Generell ist es sinnvoll, hier einen zweiten Formatwechsel hinzuzufügen, z. B. die Änderung der Schrift- und/oder Hintergrundfarbe. eher Die gelben Stern-Icons hab nur einen Farbkontrast von 2:1 statt der geforderten 4,5: a - Aussagekräftige Linktexte eher Der Schließen-Link des Anmelden- Popups hat keinen Linktext a - Name und Rolle von Bedienelementen verfügbar eher Die Seitenwahl des Karussells sind Links ohne href-attribut, dadurch sind sie nicht als Bedienelement erkennbar a - Schriftgröße variabel teilweise Im Internet Explorer ist nur die Schrift 1.1.1b - Alternativtexte für Grafiken und Objekte 1.1.1c - Leere alt-attribute für Layoutgrafiken 1.1.1d - Alternativen für CAPTCHAs 1.2.1a - Alternativen für Audiodateien und stumme 1.2.2a - mit Untertiteln im Kopfbereich skalierbar.

4 1.2.3a - Audiodeskription für 1.3.1c - HTML-Strukturelemente für Zitate 1.3.1e - Datentabellen richtig aufgebaut 1.3.1f - Zuordnung von Tabellenzellen 1.3.1g - Kein Strukturmarkup für Layouttabellen 1.3.2a - Layouttabellen linearisierbar 1.4.2a - Ton abschaltbar 2.4.4b - Links informieren über Dateiformat 2.4.8b - Zweck der Alternativversion einleuchtend 3.1.2a - Anderssprachige Abschnitte ausgezeichnet 3.3.4a - Fehlervermeidung wird unterstützt Seite 4 Seite 2: Aktuelle Beteiligungen 98,25 Punkte Prüfschritt Bewertung Anmerkung 1.1.1a - Alternativtexte für Bedienelemente 1.3.1a - HTML-Strukturelemente für Überschriften 1.3.1b - HTML-Strukturelemente für Listen 1.3.1d - Inhalte gegliedert 1.3.2b - Sinnvolle Reihenfolge 1.3.3a - Ohne Bezug auf sensorische Merkmale nutzbar 1.4.3a - Kontraste von Texten 1.4.3c - Inhalte bei benutzerdefinierten Farben erkennbar 1.4.4b - Bei Zoom auf 200% benutzbar 1.4.5a - Verzicht auf Schriftgrafiken 2.1.1a - Ohne Maus nutzbar 2.2.1a - Zeitbegrenzungen anpassbar 2.2.2a - Bewegte Inhalte abschaltbar 2.3.1a - Verzicht auf Flackern 2.4.1a - Inhaltsbereiche strukturiert 2.4.2a - Sinnvolle Dokumenttitel

5 2.4.3a - Schlüssige Reihenfolge bei der Tastaturbedienung 2.4.5a - Alternative Zugangswege 2.4.6a - Title-Attribut für Symbole 2.4.7a - Aktuelle Position des Fokus deutlich 2.4.8a - Position im Webauftritt klar 3.1.1a - Hauptsprache angegeben 3.1.2b - Anderssprachige Wörter ausgezeichnet 3.2.1a - Kein Öffnen neuer Fenster beim Laden der Seite 3.2.2a - Keine unerwartete Kontextänderung bei Eingabe 3.2.3a - Navigation einheitlich 3.3.1a - Fehlermeldungen hilfreich 3.3.2a - Formularfelder richtig beschriftet 4.1.1a - Valides HTML 4.1.1b - Verzicht auf veraltete Elemente und Attribute 1.4.3b - Kontraste von Grafiken eher Seite 5 Bei zahlreichen Elementen erfolgt zur Hervorhebung des Tastaturfokus nur der Wechsel eines Formats, z. B. Unterstreichung. Generell ist es sinnvoll, hier einen zweiten Formatwechsel hinzuzufügen, z. B. die Änderung der Schrift- und/oder Hintergrundfarbe. Die gelben Stern-Icons hab nur einen Farbkontrast von 2:1 statt der geforderten 4,5:1. Der Schließen-Link des Anmelden- Popups hat keinen Linktext a - Aussagekräftige eher Linktexte 1.4.4a - Schriftgröße variabel teilweise Im Internet Explorer ist nur die Schrift im Kopfbereich skalierbar b - Alternativtexte für Grafiken und Objekte 1.1.1c - Leere alt-attribute für Layoutgrafiken 1.1.1d - Alternativen für CAPTCHAs 1.2.1a - Alternativen für Audiodateien und stumme 1.2.2a - mit Untertiteln 1.2.3a - Audiodeskription für 1.3.1c - HTML-Strukturelemente für Zitate 1.3.1e - Datentabellen richtig aufgebaut

6 1.3.1f - Zuordnung von Tabellenzellen 1.3.1g - Kein Strukturmarkup für Layouttabellen 1.3.2a - Layouttabellen linearisierbar 1.4.2a - Ton abschaltbar 2.4.4b - Links informieren über Dateiformat 2.4.8b - Zweck der Alternativversion einleuchtend 3.1.2a - Anderssprachige Abschnitte ausgezeichnet 3.3.4a - Fehlervermeidung wird unterstützt 4.1.2a - Name und Rolle von Bedienelementen verfügbar Seite 6 Seite 3: Beteiligung: Landesaktionsplan II 98,50 Punkte Prüfschritt Bewertung Anmerkung 1.1.1a - Alternativtexte für Bedienelemente 1.3.1a - HTML-Strukturelemente für Überschriften 1.3.1b - HTML-Strukturelemente für Listen 1.3.1d - Inhalte gegliedert 1.3.2b - Sinnvolle Reihenfolge 1.3.3a - Ohne Bezug auf sensorische Merkmale nutzbar 1.4.3a - Kontraste von Texten 1.4.3b - Kontraste von Grafiken 1.4.3c - Inhalte bei benutzerdefinierten Farben erkennbar 1.4.4b - Bei Zoom auf 200% benutzbar 1.4.5a - Verzicht auf Schriftgrafiken 2.1.1a - Ohne Maus nutzbar 2.2.1a - Zeitbegrenzungen anpassbar 2.2.2a - Bewegte Inhalte abschaltbar 2.3.1a - Verzicht auf Flackern 2.4.1a - Inhaltsbereiche strukturiert 2.4.2a - Sinnvolle Dokumenttitel Der Dokumenttitel ist recht lang, was aber dem Inhalt geschuldet ist.

7 2.4.3a - Schlüssige Reihenfolge bei der Tastaturbedienung 2.4.5a - Alternative Zugangswege 2.4.6a - Title-Attribut für Symbole 2.4.8a - Position im Webauftritt klar 3.1.1a - Hauptsprache angegeben 3.1.2b - Anderssprachige Wörter ausgezeichnet 3.2.1a - Kein Öffnen neuer Fenster beim Laden der Seite 3.2.2a - Keine unerwartete Kontextänderung bei Eingabe 3.2.3a - Navigation einheitlich 3.3.1a - Fehlermeldungen hilfreich 3.3.2a - Formularfelder richtig beschriftet 4.1.1a - Valides HTML 4.1.1b - Verzicht auf veraltete Elemente und Attribute 2.4.4a - Aussagekräftige eher Linktexte 2.4.7a - Aktuelle Position des Fokus deutlich eher Seite 7 Die Schließen-Links der Popups (Anmelden, Beitrag löschen, Kommentar löschen) haben keine Linktexte. Die Links "Aktionsplan - II" und "Dokumente" in der linken Spalte erhalten nur den Systemkranz als Fokushervorhebung. Bei zahlreichen Elementen erfolgt zur Hervorhebung des Tastaturfokus nur der Wechsel eines Formats, z. B. Unterstreichung. Generell ist es sinnvoll, hier einen zweiten Formatwechsel hinzuzufügen, z. B. die Änderung der Schriftund/oder Hintergrundfarbe a - Schriftgröße variabel teilweise Im Internet Explorer ist nur die Schrift im Kopfbereich skalierbar b - Alternativtexte für Grafiken und Objekte 1.1.1c - Leere alt-attribute für Layoutgrafiken 1.1.1d - Alternativen für CAPTCHAs 1.2.1a - Alternativen für Audiodateien und stumme 1.2.2a - mit Untertiteln 1.2.3a - Audiodeskription für 1.3.1c - HTML-Strukturelemente für Zitate

8 1.3.1e - Datentabellen richtig aufgebaut 1.3.1f - Zuordnung von Tabellenzellen 1.3.1g - Kein Strukturmarkup für Layouttabellen 1.3.2a - Layouttabellen linearisierbar 1.4.2a - Ton abschaltbar 2.4.4b - Links informieren über Dateiformat 2.4.8b - Zweck der Alternativversion einleuchtend 3.1.2a - Anderssprachige Abschnitte ausgezeichnet 3.3.4a - Fehlervermeidung wird unterstützt 4.1.2a - Name und Rolle von Bedienelementen verfügbar Seite 8 Seite 4: Gegenstand: Sachlicher Arbeitsstand 98,25 Punkte Prüfschritt Bewertung Anmerkung 1.1.1a - Alternativtexte für Bedienelemente 1.3.1a - HTML-Strukturelemente für Überschriften 1.3.1b - HTML-Strukturelemente für Listen 1.3.1d - Inhalte gegliedert 1.3.2b - Sinnvolle Reihenfolge 1.3.3a - Ohne Bezug auf sensorische Merkmale nutzbar 1.4.3a - Kontraste von Texten 1.4.3b - Kontraste von Grafiken 1.4.3c - Inhalte bei benutzerdefinierten Farben erkennbar 1.4.4b - Bei Zoom auf 200% benutzbar 1.4.5a - Verzicht auf Schriftgrafiken 2.1.1a - Ohne Maus nutzbar 2.2.1a - Zeitbegrenzungen anpassbar 2.2.2a - Bewegte Inhalte abschaltbar 2.3.1a - Verzicht auf Flackern 2.4.1a - Inhaltsbereiche strukturiert

9 Seite a - Sinnvolle Dokumenttitel Der Dokumenttitel ist recht lang, was aber dem Inhalt geschuldet ist a - Alternative Zugangswege 2.4.6a - Title-Attribut für Symbole 2.4.7a - Aktuelle Position des Fokus deutlich 2.4.8a - Position im Webauftritt klar 3.1.1a - Hauptsprache angegeben 3.1.2b - Anderssprachige Wörter ausgezeichnet 3.2.1a - Kein Öffnen neuer Fenster beim Laden der Seite 3.2.2a - Keine unerwartete Kontextänderung bei Eingabe 3.2.3a - Navigation einheitlich 3.3.1a - Fehlermeldungen hilfreich 3.3.2a - Formularfelder richtig beschriftet 4.1.1a - Valides HTML 4.1.1b - Verzicht auf veraltete Elemente und Attribute 4.1.2a - Name und Rolle von Bedienelementen verfügbar Bei zahlreichen Elementen erfolgt zur Hervorhebung des Tastaturfokus nur der Wechsel eines Formats, z. B. Unterstreichung. Generell ist es sinnvoll, hier einen zweiten Formatwechsel hinzuzufügen, z. B. die Änderung der Schrift- und/oder Hintergrundfarbe. Das Inhaltsverzeichnis unter "Gegenstand des Dialogs" ist nur mit unsemantischen span-elementen und nicht mit 'normalen' Bedienelemeneten (z. B. Links oder Buttons) umgesetzt. Diese wurden aber mit WAI-ARIA ausgestattet, so dass die Semantik nachgebildet wurde a - Schlüssige Reihenfolge bei der Tastaturbedienung eher Das Inhaltsverzeichnis unter "Gegenstand des Dialogs" ist nur mit den Pfeiltasten bedienbar, die einzelnen Abschnitte werden bei Bedienung mit der Tabulatortaste unerwartet übersprungen und bleiben damit nicht-sehenden Nutzern verborgen a - Aussagekräftige Linktexte eher Die Schließen-Links der Popups (Anmelden, Beitrag löschen, Kommentar löschen) haben keine Linktexte a - Schriftgröße variabel teilweise Im Internet Explorer ist nur die Schrift 1.1.1b - Alternativtexte für Grafiken und Objekte im Kopfbereich skalierbar.

10 1.1.1c - Leere alt-attribute für Layoutgrafiken 1.1.1d - Alternativen für CAPTCHAs 1.2.1a - Alternativen für Audiodateien und stumme 1.2.2a - mit Untertiteln 1.2.3a - Audiodeskription für 1.3.1c - HTML-Strukturelemente für Zitate 1.3.1e - Datentabellen richtig aufgebaut 1.3.1f - Zuordnung von Tabellenzellen 1.3.1g - Kein Strukturmarkup für Layouttabellen 1.3.2a - Layouttabellen linearisierbar 1.4.2a - Ton abschaltbar 2.4.4b - Links informieren über Dateiformat 2.4.8b - Zweck der Alternativversion einleuchtend 3.1.2a - Anderssprachige Abschnitte ausgezeichnet 3.3.4a - Fehlervermeidung wird unterstützt Seite 10 Seite 5: Gegenstand: Schule 96,50 Punkte Prüfschritt Bewertung Anmerkung 1.1.1a - Alternativtexte für Bedienelemente 1.3.1a - HTML-Strukturelemente für Überschriften 1.3.1d - Inhalte gegliedert Es gibt ein leeres Absatzelement b - Sinnvolle Reihenfolge 1.3.3a - Ohne Bezug auf sensorische Merkmale nutzbar 1.4.3c - Inhalte bei benutzerdefinierten Farben erkennbar 1.4.4b - Bei Zoom auf 200% benutzbar 1.4.5a - Verzicht auf Schriftgrafiken 2.1.1a - Ohne Maus nutzbar 2.2.1a - Zeitbegrenzungen anpassbar 2.2.2a - Bewegte Inhalte abschaltbar

11 Seite a - Verzicht auf Flackern 2.4.1a - Inhaltsbereiche strukturiert 2.4.2a - Sinnvolle Dokumenttitel Der Dokumenttitel ist recht lang, was aber dem Inhalt geschuldet ist a - Alternative Zugangswege 2.4.6a - Title-Attribut für Symbole 2.4.8a - Position im Webauftritt klar 3.1.1a - Hauptsprache angegeben 3.1.2b - Anderssprachige Wörter ausgezeichnet 3.2.1a - Kein Öffnen neuer Fenster beim Laden der Seite 3.2.2a - Keine unerwartete Kontextänderung bei Eingabe 3.2.3a - Navigation einheitlich 3.3.1a - Fehlermeldungen hilfreich 3.3.2a - Formularfelder richtig beschriftet 4.1.1a - Valides HTML 4.1.1b - Verzicht auf veraltete Elemente und Attribute 4.1.2a - Name und Rolle von Bedienelementen verfügbar Das Inhaltsverzeichnis unter "Gegenstand des Dialogs" ist nur mit unsemantischen span-elementen und nicht mit 'normalen' Bedienelemeneten (z. B. Links oder Buttons) umgesetzt. Diese wurden aber mit WAI-ARIA ausgestattet, so dass die Semantik 1.3.1b - HTML-Strukturelemente für Listen 1.4.3a - Kontraste von Texten 1.4.3b - Kontraste von Grafiken 2.4.3a - Schlüssige Reihenfolge bei der Tastaturbedienung 2.4.4a - Aussagekräftige Linktexte eher eher eher eher eher nachgebildet wurde. Die zahlreichen ein-elementigen Listen sollten nicht mit Listenelementen ausgezeichnet werden. Die Zahlen für die Smileys haben nur einen Farbkontrast von 4:1 statt der geforderten 4,5:1. Die gelben Stern-Icons hab nur einen Farbkontrast von 2:1 statt der geforderten 4,5:1. Das Inhaltsverzeichnis unter "Gegenstand des Dialogs" ist nur mit den Pfeiltasten bedienbar, die einzelnen Abschnitte werden bei Bedienung mit der Tabulatortaste unerwartet übersprungen und bleiben damit nicht-sehenden Nutzern verborgen. Die Schließen-Links der Popups (Anmelden, Beitrag löschen, Kommentar löschen) haben keine Linktexte.

12 Seite a - Aktuelle Position des Fokus deutlich eher Die Hervorhebung des Tasturfokus bei den Seitenzahlen des Kommentarbereichs ist sehr schwach, die Hervorhebung bei Mausbedienung ist wesentlich deutlicher. Bei zahlreichen Elementen erfolgt zur Hervorhebung des Tastaturfokus nur der Wechsel eines Formats, z. B. Unterstreichung. Generell ist es sinnvoll, hier einen zweiten Formatwechsel hinzuzufügen, z. B. die Änderung der Schrift- und/oder Hintergrundfarbe a - Schriftgröße variabel teilweise Im Internet Explorer ist nur die Schrift im Kopfbereich skalierbar b - Alternativtexte für Grafiken und Objekte 1.1.1c - Leere alt-attribute für Layoutgrafiken 1.1.1d - Alternativen für CAPTCHAs 1.2.1a - Alternativen für Audiodateien und stumme 1.2.2a - mit Untertiteln 1.2.3a - Audiodeskription für 1.3.1c - HTML-Strukturelemente für Zitate 1.3.1e - Datentabellen richtig aufgebaut 1.3.1f - Zuordnung von Tabellenzellen 1.3.1g - Kein Strukturmarkup für Layouttabellen 1.3.2a - Layouttabellen linearisierbar 1.4.2a - Ton abschaltbar 2.4.4b - Links informieren über Dateiformat 2.4.8b - Zweck der Alternativversion einleuchtend 3.1.2a - Anderssprachige Abschnitte ausgezeichnet 3.3.4a - Fehlervermeidung wird unterstützt Seite 6: Registrieren 97,25 Punkte Prüfschritt Bewertung Anmerkung 1.1.1a - Alternativtexte für Bedienelemente 1.1.1d - Alternativen für CAPTCHAs

13 1.3.1a - HTML-Strukturelemente für Überschriften 1.3.1b - HTML-Strukturelemente für Listen 1.3.1d - Inhalte gegliedert 1.3.2b - Sinnvolle Reihenfolge 1.3.3a - Ohne Bezug auf sensorische Merkmale nutzbar 1.4.3a - Kontraste von Texten 1.4.4b - Bei Zoom auf 200% benutzbar 1.4.5a - Verzicht auf Schriftgrafiken 2.1.1a - Ohne Maus nutzbar 2.2.1a - Zeitbegrenzungen anpassbar 2.2.2a - Bewegte Inhalte abschaltbar 2.3.1a - Verzicht auf Flackern 2.4.1a - Inhaltsbereiche strukturiert 2.4.2a - Sinnvolle Dokumenttitel 2.4.3a - Schlüssige Reihenfolge bei der Tastaturbedienung 2.4.5a - Alternative Zugangswege 2.4.6a - Title-Attribut für Symbole 2.4.7a - Aktuelle Position des Fokus deutlich 2.4.8a - Position im Webauftritt klar 3.1.1a - Hauptsprache angegeben 3.1.2b - Anderssprachige Wörter ausgezeichnet 3.2.1a - Kein Öffnen neuer Fenster beim Laden der Seite 3.2.3a - Navigation einheitlich 3.3.1a - Fehlermeldungen hilfreich 3.3.2a - Formularfelder richtig beschriftet 4.1.1a - Valides HTML 4.1.1b - Verzicht auf veraltete Elemente und Attribute Seite 13 Bei zahlreichen Elementen erfolgt zur Hervorhebung des Tastaturfokus nur der Wechsel eines Formats, z. B. Unterstreichung. Generell ist es sinnvoll, hier einen zweiten Formatwechsel hinzuzufügen, z. B. die Änderung der Schrift- und/oder Hintergrundfarbe.

14 Seite b - Kontraste von Grafiken eher Die gelben Stern- und Information- Icons hab nur einen Farbkontrast von 2:1 statt der geforderten 4,5: c - Inhalte bei benutzerdefinierten Farben erkennbar eher Die CAPTCHA-Grafik hat einen transparenten Hintergrund. Dadurch kann es passieren, dass sie vor einer individuellen Hintergrundfarbe schwer erkennbar wird a - Aussagekräftige Linktexte eher Der Schließen-Link des Anmelden- Popups hat keinen Linktext a - Keine unerwartete Kontextänderung bei Eingabe eher Die Checkboxen "Beteiligen Sie sich als Privatperson?" und "Teilnahme an Rechtsetzung" blenden unangekündigt weitere Formularelemente ein. Dieser Vorgang ist aber gut nachvollziehbar und findet 'unterhalb' des auslösenden Elements statt a - Schriftgröße variabel teilweise Im Internet Explorer ist nur die Schrift im Kopfbereich skalierbar b - Alternativtexte für Grafiken und Objekte 1.1.1c - Leere alt-attribute für Layoutgrafiken 1.2.1a - Alternativen für Audiodateien und stumme 1.2.2a - mit Untertiteln 1.2.3a - Audiodeskription für 1.3.1c - HTML-Strukturelemente für Zitate 1.3.1e - Datentabellen richtig aufgebaut 1.3.1f - Zuordnung von Tabellenzellen 1.3.1g - Kein Strukturmarkup für Layouttabellen 1.3.2a - Layouttabellen linearisierbar 1.4.2a - Ton abschaltbar 2.4.4b - Links informieren über Dateiformat 2.4.8b - Zweck der Alternativversion einleuchtend 3.1.2a - Anderssprachige Abschnitte ausgezeichnet 3.3.4a - Fehlervermeidung wird unterstützt 4.1.2a - Name und Rolle von Bedienelementen verfügbar

15 Seite 7: Mein Benutzerprofil 97,25 Punkte Seite 15 Prüfschritt Bewertung Anmerkung 1.1.1a - Alternativtexte für Bedienelemente 1.3.1a - HTML-Strukturelemente für Überschriften 1.3.1b - HTML-Strukturelemente für Listen 1.3.1d - Inhalte gegliedert 1.3.2b - Sinnvolle Reihenfolge 1.3.3a - Ohne Bezug auf sensorische Merkmale nutzbar 1.4.3a - Kontraste von Texten 1.4.3c - Inhalte bei benutzerdefinierten Farben erkennbar 1.4.4b - Bei Zoom auf 200% benutzbar 1.4.5a - Verzicht auf Schriftgrafiken 2.1.1a - Ohne Maus nutzbar 2.2.1a - Zeitbegrenzungen anpassbar 2.2.2a - Bewegte Inhalte abschaltbar 2.3.1a - Verzicht auf Flackern 2.4.1a - Inhaltsbereiche strukturiert 2.4.2a - Sinnvolle Dokumenttitel 2.4.3a - Schlüssige Reihenfolge bei der Tastaturbedienung 2.4.5a - Alternative Zugangswege 2.4.6a - Title-Attribut für Symbole 2.4.7a - Aktuelle Position des Fokus deutlich Bei zahlreichen Elementen erfolgt zur Hervorhebung des Tastaturfokus nur der Wechsel eines Formats, z. B. Unterstreichung. Generell ist es sinnvoll, hier einen zweiten Formatwechsel hinzuzufügen, z. B. die Änderung der Schrift- und/oder Hintergrundfarbe a - Position im Webauftritt klar 3.1.1a - Hauptsprache angegeben 3.1.2b - Anderssprachige Wörter ausgezeichnet 3.2.1a - Kein Öffnen neuer Fenster beim Laden der Seite 3.2.3a - Navigation einheitlich

16 3.3.1a - Fehlermeldungen hilfreich 3.3.2a - Formularfelder richtig beschriftet 4.1.1a - Valides HTML 4.1.1b - Verzicht auf veraltete Elemente und Attribute 1.4.3b - Kontraste von Grafiken Seite 16 eher Die gelben Stern- und Information- Icons hab nur einen Farbkontrast von 2:1 statt der geforderten 4,5: a - Aussagekräftige Linktexte eher Der Schließen-Link des Anmelden- Popups hat keinen Linktext a - Keine unerwartete Kontextänderung bei Eingabe eher Die Checkbox "Teilnahme an der Rechtsetzung" blendet unangekündigt weitere Formularelemente ein. Dieser Vorgang ist aber gut nachvollziehbar und findet 'unterhalb' des auslösenden Elements statt a - Schriftgröße variabel teilweise Im Internet Explorer ist nur die Schrift 1.1.1b - Alternativtexte für Grafiken und Objekte 1.1.1c - Leere alt-attribute für Layoutgrafiken 1.1.1d - Alternativen für CAPTCHAs 1.2.1a - Alternativen für Audiodateien und stumme 1.2.2a - mit Untertiteln 1.2.3a - Audiodeskription für 1.3.1c - HTML-Strukturelemente für Zitate 1.3.1e - Datentabellen richtig aufgebaut 1.3.1f - Zuordnung von Tabellenzellen 1.3.1g - Kein Strukturmarkup für Layouttabellen 1.3.2a - Layouttabellen linearisierbar 1.4.2a - Ton abschaltbar 2.4.4b - Links informieren über Dateiformat 2.4.8b - Zweck der Alternativversion einleuchtend 3.1.2a - Anderssprachige Abschnitte ausgezeichnet 3.3.4a - Fehlervermeidung wird unterstützt 4.1.2a - Name und Rolle von Bedienelementen verfügbar im Kopfbereich skalierbar.

17 Seite 8: Häufige Fragen 98,25 Punkte Seite 17 Prüfschritt Bewertung Anmerkung 1.1.1a - Alternativtexte für Bedienelemente 1.3.1a - HTML-Strukturelemente für Überschriften 1.3.1b - HTML-Strukturelemente für Listen 1.3.1d - Inhalte gegliedert 1.3.2b - Sinnvolle Reihenfolge 1.3.3a - Ohne Bezug auf sensorische Merkmale nutzbar 1.4.3a - Kontraste von Texten 1.4.3c - Inhalte bei benutzerdefinierten Farben erkennbar 1.4.4b - Bei Zoom auf 200% benutzbar 1.4.5a - Verzicht auf Schriftgrafiken 2.1.1a - Ohne Maus nutzbar 2.2.1a - Zeitbegrenzungen anpassbar 2.2.2a - Bewegte Inhalte abschaltbar 2.3.1a - Verzicht auf Flackern 2.4.1a - Inhaltsbereiche strukturiert 2.4.2a - Sinnvolle Dokumenttitel 2.4.3a - Schlüssige Reihenfolge bei der Tastaturbedienung 2.4.5a - Alternative Zugangswege 2.4.6a - Title-Attribut für Symbole 2.4.7a - Aktuelle Position des Fokus deutlich Bei zahlreichen Elementen erfolgt zur Hervorhebung des Tastaturfokus nur der Wechsel eines Formats, z. B. Unterstreichung. Generell ist es sinnvoll, hier einen zweiten Formatwechsel hinzuzufügen, z. B. die Änderung der Schrift- und/oder Hintergrundfarbe a - Position im Webauftritt klar 3.1.1a - Hauptsprache angegeben 3.1.2b - Anderssprachige Wörter ausgezeichnet 3.2.1a - Kein Öffnen neuer Fenster beim Laden der Seite 3.2.2a - Keine unerwartete Kontextänderung bei Eingabe 3.2.3a - Navigation einheitlich

18 3.3.1a - Fehlermeldungen hilfreich 3.3.2a - Formularfelder richtig beschriftet 4.1.1a - Valides HTML 4.1.1b - Verzicht auf veraltete Elemente und Attribute 1.4.3b - Kontraste von Grafiken eher Die Stern-Icons hab nur einen Farbkontrast von 2:1 statt der geforderten 4,5:1. Der Schließen-Link des Anmelden- Popups hat keinen Linktext. Seite a - Aussagekräftige eher Linktexte 1.4.4a - Schriftgröße variabel teilweise Im Internet Explorer ist nur die Schrift im Kopfbereich skalierbar b - Alternativtexte für Grafiken und Objekte 1.1.1c - Leere alt-attribute für Layoutgrafiken 1.1.1d - Alternativen für CAPTCHAs 1.2.1a - Alternativen für Audiodateien und stumme 1.2.2a - mit Untertiteln 1.2.3a - Audiodeskription für 1.3.1c - HTML-Strukturelemente für Zitate 1.3.1e - Datentabellen richtig aufgebaut 1.3.1f - Zuordnung von Tabellenzellen 1.3.1g - Kein Strukturmarkup für Layouttabellen 1.3.2a - Layouttabellen linearisierbar 1.4.2a - Ton abschaltbar 2.4.4b - Links informieren über Dateiformat 2.4.8b - Zweck der Alternativversion einleuchtend 3.1.2a - Anderssprachige Abschnitte ausgezeichnet 3.3.4a - Fehlervermeidung wird unterstützt 4.1.2a - Name und Rolle von Bedienelementen verfügbar Seite 9: Portale 96,75 Punkte Prüfschritt Bewertung Anmerkung 1.3.1a - HTML-Strukturelemente für Überschriften

19 1.3.1b - HTML-Strukturelemente für Listen 1.3.1d - Inhalte gegliedert 1.3.2b - Sinnvolle Reihenfolge 1.3.3a - Ohne Bezug auf sensorische Merkmale nutzbar 1.4.3a - Kontraste von Texten 1.4.4b - Bei Zoom auf 200% benutzbar 1.4.5a - Verzicht auf Schriftgrafiken 2.1.1a - Ohne Maus nutzbar 2.2.1a - Zeitbegrenzungen anpassbar 2.2.2a - Bewegte Inhalte abschaltbar 2.3.1a - Verzicht auf Flackern 2.4.1a - Inhaltsbereiche strukturiert 2.4.2a - Sinnvolle Dokumenttitel 2.4.3a - Schlüssige Reihenfolge bei der Tastaturbedienung 2.4.5a - Alternative Zugangswege 2.4.6a - Title-Attribut für Symbole 2.4.8a - Position im Webauftritt klar 3.1.1a - Hauptsprache angegeben 3.1.2b - Anderssprachige Wörter ausgezeichnet 3.2.1a - Kein Öffnen neuer Fenster beim Laden der Seite 3.2.2a - Keine unerwartete Kontextänderung bei Eingabe 3.2.3a - Navigation einheitlich 3.3.1a - Fehlermeldungen hilfreich 3.3.2a - Formularfelder richtig beschriftet 4.1.1a - Valides HTML 4.1.1b - Verzicht auf veraltete Elemente und Attribute 1.1.1a - Alternativtexte für eher Bedienelemente 1.4.3b - Kontraste von Grafiken eher Seite 19 Die Portal-Logos tragen alle den gleichen Alternativtext "Logo des Portals", besser wäre es hier auch den Namen mit zu verwenden, z. B. "Logo Stadt Brandis" oder "Logo Gemeinde Ellefeld". Die Stern-Icons hab nur einen Farbkontrast von 2:1 statt der geforderten 4,5:1.

20 Seite c - Inhalte bei benutzerdefinierten Farben erkennbar eher Einige der Portal-Logos haben transparente Hintergründe. Dadurch kann es passieren, dass sie mit individuellen Hintergrundfarben schwer erkennbar werden a - Aussagekräftige Linktexte eher Die verlinkten Logo-Grafiken haben alle den gleichlautenden Linktext "Logo des Portals". Der Schließen- Link des Anmelden-Popups hat keinen Linktext a - Aktuelle Position des Fokus deutlich eher In der Kopf- und Fußzeile sowie bei den Textlinks erfolgt nur eine Unterstreichung, sinnvoll wäre noch ein zweiter Wechsel, z. B. Farbwechsel der Schrift- und/oder Hintergrundfarbe. Die Social-Media- Buttons werden nur leicht grau, die Texteingabefelder erhalten einen dezenten Rand a - Schriftgröße variabel teilweise Im Internet Explorer ist nur die Schrift im Kopfbereich skalierbar b - Alternativtexte für Grafiken und Objekte 1.1.1c - Leere alt-attribute für Layoutgrafiken 1.1.1d - Alternativen für CAPTCHAs 1.2.1a - Alternativen für Audiodateien und stumme 1.2.2a - mit Untertiteln 1.2.3a - Audiodeskription für 1.3.1c - HTML-Strukturelemente für Zitate 1.3.1e - Datentabellen richtig aufgebaut 1.3.1f - Zuordnung von Tabellenzellen 1.3.1g - Kein Strukturmarkup für Layouttabellen 1.3.2a - Layouttabellen linearisierbar 1.4.2a - Ton abschaltbar 2.4.4b - Links informieren über Dateiformat 2.4.8b - Zweck der Alternativversion einleuchtend 3.1.2a - Anderssprachige Abschnitte ausgezeichnet 3.3.4a - Fehlervermeidung wird unterstützt 4.1.2a - Name und Rolle von Bedienelementen verfügbar

21 Seite 10: Evaluation 92,75 Punkte Seite 21 Prüfschritt Bewertung Anmerkung 1.3.1a - HTML-Strukturelemente für Überschriften 1.3.1d - Inhalte gegliedert 1.3.2b - Sinnvolle Reihenfolge 1.3.3a - Ohne Bezug auf sensorische Merkmale nutzbar 1.4.3a - Kontraste von Texten 1.4.3c - Inhalte bei benutzerdefinierten Farben erkennbar 1.4.4b - Bei Zoom auf 200% benutzbar 1.4.5a - Verzicht auf Schriftgrafiken 2.2.1a - Zeitbegrenzungen anpassbar 2.2.2a - Bewegte Inhalte abschaltbar 2.3.1a - Verzicht auf Flackern 2.4.1a - Inhaltsbereiche strukturiert 2.4.2a - Sinnvolle Dokumenttitel 2.4.4b - Links informieren über Dateiformat 2.4.5a - Alternative Zugangswege 2.4.6a - Title-Attribut für Symbole 2.4.8a - Position im Webauftritt klar 3.1.1a - Hauptsprache angegeben 3.1.2b - Anderssprachige Wörter ausgezeichnet 3.2.1a - Kein Öffnen neuer Fenster beim Laden der Seite 3.2.2a - Keine unerwartete Kontextänderung bei Eingabe 3.2.3a - Navigation einheitlich 3.3.1a - Fehlermeldungen hilfreich 4.1.1a - Valides HTML 4.1.1b - Verzicht auf veraltete Elemente und Attribute 1.1.1a - Alternativtexte für Bedienelemente eher Die verlinkte Grafik trägt den Alternativtext "Logo der Beteiligung - öffne Lightbox". Zu sehen ist aber kein Logo, sondern eine Schmuckgrafik. Unverlinkt sollte dises einen leeren Alternativtext tragen, verlinkt dann z. B. "Schmuckgrafik - öffnet Lightbox".

22 1.3.1b - HTML-Strukturelemente für Listen 1.4.3b - Kontraste von Grafiken 2.4.4a - Aussagekräftige Linktexte 3.3.2a - Formularfelder richtig beschriftet eher eher eher eher Seite 22 Die zahlreichen ein-elementigen Listen "Pflichtfrage" sollten nicht mit Listenelementen ausgezeichnet werden. Das Pflichtfeld-Icon ("i") hat nur einen Farbkontrast von 2:1 statt der geforderten 4,5:1. Die Schließen-Links der Popups (Anmelden, Beitrag löschen, Kommentar löschen) haben keine Linktexte. Nach der Überschrift "Gesamteindruck" folgt hinter dem Radio-Button "Erläuterung (optional)" ein Textfeld was keine Beschriftung hat a - Schriftgröße variabel teilweise Im Internet Explorer ist nur die Schrift im Kopfbereich skalierbar a - Ohne Maus nutzbar teilweise Durch die Fokusunterdrückung der Radio-Buttons ist die Tastaturbedienbarkeit der Seite stark eingeschränkt a - Schlüssige Reihenfolge bei der Tastaturbedienung 2.4.7a - Aktuelle Position des Fokus deutlich 1.1.1b - Alternativtexte für Grafiken und Objekte 1.1.1c - Leere alt-attribute für Layoutgrafiken 1.1.1d - Alternativen für CAPTCHAs 1.2.1a - Alternativen für Audiodateien und stumme 1.2.2a - mit Untertiteln teilweise nicht Durch die Fokusunterdrückung der Radio-Buttons ist die Reihenfolge bei Tastaturbedienung schwer nachvollziehbar. Die zahlreichen Radio-Buttons erhalten keine Fokushervorhebung bei Tastaturbedienung, sogar der Systemfokus wird unterdrückt (mittels "outline:none!important"). Da viele davon aufeinander folgen, leidet die Orientierung massiv. In der Kopf- und Fußzeile sowie bei den Textlinks erfolgt nur eine Unterstreichung, sinnvoll wäre noch ein zweiter Wechsel, z. B. Farbwechsel der Schrift- und/oder Hintergrundfarbe. Die Social-Media-Buttons werden nur leicht grau, die Texteingabefelder erhalten einen dezenten Rand.

23 1.2.3a - Audiodeskription für 1.3.1c - HTML-Strukturelemente für Zitate 1.3.1e - Datentabellen richtig aufgebaut 1.3.1f - Zuordnung von Tabellenzellen 1.3.1g - Kein Strukturmarkup für Layouttabellen 1.3.2a - Layouttabellen linearisierbar 1.4.2a - Ton abschaltbar 2.4.8b - Zweck der Alternativversion einleuchtend 3.1.2a - Anderssprachige Abschnitte ausgezeichnet 3.3.4a - Fehlervermeidung wird unterstützt 4.1.2a - Name und Rolle von Bedienelementen verfügbar Seite 23