Erklärung zur Barrierefreiheit

Die Zirndorf Marketing ist bemüht, die Internetseite https://www.zirndorf-marketing.de barrierefrei zugänglich zu machen. Rechtsgrundlage sind das Behindertengleichstellungsgesetz (BGG) und die Barrierefreie Informationstechnik-Verordnung (BITV 2.0) in ihrer jeweils gültigen Fassung.

Die Seite wurde mit Hilfe des BITV-Tests geprüft:

Prüfung

Standard: BITV 2.0 / EN 301 549
Startadresse: https://www.zirndorf-marketing.de
Prüfstelle: digiPublica, eine Marke der econix GmbH
Prüfer/in: Jörg Gleixner und Tim Braun, support@digipublica.de
Prüfdatum: 17.11.2020 - 19.11.2020

Ergebnis

3 von 3 Seiten nicht BITV-konform

Geprüfte Seiten

Seite 1:

Titel: Zirndorf Marketing - Startseite
URL: https://www.zirndorf-marketing.de/marketing
Ergebnis: nicht konform, 10 von 60 Anforderungen nicht erfüllt

Seite 2:

Titel:  Zirndorf Marketing - Aktuelles
URL: https://www.zirndorf-marketing.de/aktuelles
Ergebnis: nicht konform, 10 von 60 Anforderungen nicht erfüllt

Seite 3:

Titel:  Zirndorf Tourismus - Informationen anfordern
URL: https://www.zirndorf-tourismus.de/informationen-anfordern
Ergebnis: nicht konform, 11 von 60 Anforderungen nicht erfüllt

 

Bewertung und Anmerkungen zu einzelnen Prüfschritten

erfüllt sind 34 Prüfschritte:

Prüfschritt Kommentar
1.3.1a HTML-Strukturelemente für Überschriften

Seite 1, Seite 3:
Die Texte werden durch Überschriften mit nativen HTML-Elementen gegliedert. Alle Inhalte der Seite sind über die Überschriften zugänglich.

1.3.1b HTML-Strukturelemente für Listen

Seite 1, Seite 2, Seite 3:
Sämtliche Listen (auch innerhalb der einzelnen Menüs) sind mit den gegebenen Elementen der HTML-Struktur bzgl. Listen ausgezeichnet. Die Listen-Elemente werden an keiner Stelle missbräuchlich verwendet

1.3.1d Inhalte gegliedert

Seite 3:
Absätze sind mit p ausgezeichnet, für Hervorhebungen wird strong verwendet. Es werden keine Zeilenumbrüche verwendet um Absätze zu schaffen. Es wird kein Text per CSS eingebunden.

1.3.1e Datentabellen richtig aufgebaut

Seite 1, Seite 2, Seite 3:
Die Datentabellen im Footer sind strukturell richtig aufgebaut, sie verzichten auf Überschriften, da der Aufbau sowohl der Kapitelüberschrift als auch der ersten Zeile zu entnehmen ist. Ausserdem listet die Tabelle Daten auf, die zusammen gehören und eine feste Reihenfolge haben. Sie wird also normalerweise linear genutzt, wie ein Buch.Die Tabelle hat eine klare Struktur, die Bedeutung der Zeilen und Spalten ist klar erkennbar. Alle Zellen sind gleich aufgebaut.

1.3.3a Ohne Bezug auf sensorische Merkmale nutzbar

Seite 1, Seite 2, Seite 3:
Textliche Verweise verzichten auf sensorische Merkmale wie Farbe, Form, Größe oder Position.

1.3.4a Keine Beschränkung der Bildschirmausrichtung

Seite 1, Seite 2, Seite 3:
Inhalte sind hinsichtlich Ansicht und Bedienung nicht auf eine einzige Ausrichtung (Hoch- oder Querformat) beschränkt. Die Inhalte passen sich der nutzergewählten Ausrichtung des Ausgabegerätes automatisch an.

1.4.10a Inhalte brechen um

Seite 1, Seite 2, Seite 3:
Inhalte lassen sich bei einer Browserfensterbreite von 320 CSS-Pixeln ohne Verlust von Informationen oder Funktionalität und ohne horizontales Scrollen nutzen.

1.4.11a Kontraste von Grafiken und grafischen Bedienelementen ausreichend

Seite 1, Seite 2:
Grafische Bedienelemente und deren Zustände und haben einen Kontrast zu angrenzenden Farben von 3:1 oder besser oder die Grafiken sind lediglich ergänzend zu erklärendem Text eingesetzt.

1.4.12a Textabstände anpassbar

Seite 1, Seite 2, Seite 3:
Zeilen- Absatz- Wort- und Buchstaben-Abstände lassen sich von Nutzern auf folgende Werte einstellen, ohne dass Inhalte oder Funktionalitäten verloren gehen: Zeilen: 1,5-fache Textgröße; Abstände nach Absätzen: 2-fache Textgröße; Buchstaben-Kerning: 0,12-fache Textgröße; Wortabstände: 0,16-fache Textgröße.

1.4.13a Eingeblendete Inhalte bedienbar

Seite 1, Seite 2, Seite 3:
Zusätzliche Inhalte, die mittels Zeigerfokussierung eingeblendet werden, bleiben sichtbar, wenn der Zeiger über sie bewegt wird, schließen nicht selbsttätig. Die eingeblendeten Inhalte sind schließbar entweder durch Aktivieren des auslösenden Elementes oder durch Wegbewegen des Zeigers.

1.4.1a Ohne Farben nutzbar

Seite 1, Seite 2, Seite 3:
Die Wahrnehmung von Farben ist für die Bedienung oder das Verständnis der Inhalte nicht erforderlich. Farben dienen lediglich optischen Optimierungen.

1.4.4a Text auf 200% vergrößerbar

Seite 1, Seite 2, Seite 3:
Der Text kann mit der Zoom-Funktion des Browsers um bis zu 200 Prozent vergrößert werden, ohne dass dabei Inhalt oder Funktionalität verloren geht.

1.4.5a Verzicht auf Schriftgrafiken

Seite 1, Seite 2, Seite 3:
Schriftgrafiken werden nicht verwendet.

2.1.1a Ohne Maus nutzbar

Seite 1, Seite 2, Seite 3:
Auch ohne Maus können alle wesentlichen Funktionen und Inhalte genutzt werden. Mit der Tabulator-Taste können alle wesentlichen Links und Funktionen erreicht werden. Man kann mit der Tabulator-Taste auch alle Navigationspunkte der obersten Hierarchie ansteuern.

2.1.2a Keine Tastaturfalle

Seite 1, Seite 2, Seite 3:
Es gibt keine Tastaturfallen. Alle wesentlichen Inhalte und Funktionen sind mit der Tastatur erreichbar.

2.1.4a Tastatur-Kurzbefehle abschaltbar oder anpassbar

Seite 1, Seite 2, Seite 3:
Durch das Drücken der Tasten (alle Nummern- Buchstaben-, Symbol- und Zeichensetzungs-Tasten) geschehen keinerlei Änderungen des Inhalts oder des Kontexts.

2.2.1a Zeitbegrenzungen anpassbar

Seite 1, Seite 2, Seite 3:
Zeitbegrenzungen sind nicht vorhanden.

2.3.1a Verzicht auf Flackern

Seite 1, Seite 2, Seite 3:
Die Seite enthält keine Elemente, die in einem Zeitraum von einer Sekunde häufiger als dreimal aufblitzen.

2.4.2a Sinnvolle Dokumenttitel

Seite 1, Seite 2, Seite 3:
Der Dokumenttitel besteht aus zwei Bestandteilen die durch Bidestrich getrennt sind: eine immer gleiche, allgemeine Bezeichnung des Webauftritts und führend eine unterscheidende, individuelle Bezeichnung der jeweiligen Seite. Der Dokumenttitel ist für die Unterscheidung und Auswahl von Seiten geeignet.

2.4.3a Schlüssige Reihenfolge bei der Tastaturbedienung

Seite 1, Seite 2, Seite 3:
Links, Formularelemente und Objekte werden mit der Tabulatortaste in einer schlüssigen Reihenfolge angesteuert. Die Tabulatorreihenfolge folgt im Wesentlichen der visuellen Anordnung auf dem Bildschirm von oben nach unten und von links nach rechts.

2.4.4a Aussagekräftige Linktexte

Seite 2:
Linktexte sind durch den Linktext selbst oder über den programmatisch ermittelbaren Kontext aussagekräftig. Der in der Teaser-Darstellung verwendete Terminus "weiterlesen" steht stets im Zusammenhang mit einem aussagekräftigen Teasertext, einer Überschrift und teilweise noch einem zusätzlichen Bild.
Seite 1, Seite 3:
Linktexte sind durch den Linktext selbst oder über den programmatisch ermittelbaren Kontext aussagekräftig.

2.4.5a Alternative Zugangswege

Seite 1, Seite 2, Seite 3:
Es sind drei unterschiedliche Zugangswege zu den Inhalten des Angebots vorhanden. Es sind durchgängig verfügbare Navigationsmenüs vorhanden, es existiert ein Inhaltsverzeichnis und es gibt eine Suchfunktion, welche prominent auf jeder Seite platziert ist.

2.4.6a Aussagekräftige Überschriften und Beschriftungen

Seite 3:
Überschriften sind klar und aussagekräftig und beschreiben den folgenden Inhaltsteil, Beschriftungen der Formularfelder sind sinngebend.
Seite 1, Seite 2:
Überschriften sind klar und aussagekräftig. Das Such-Feld ist als solches klar zu erkennen.

2.5.1a Alternativen für komplexe Zeiger-Gesten

Seite 1:
Der Slider im Hauptteil kann sowohl mit einer Wisch-Geste als auch über die Schaltflächen rechts und links per Maus bedient werden.

2.5.2a Zeigergesten-Eingaben können abgebrochen oder widerrufen werden

Seite 1, Seite 2, Seite 3:
Zeiger-Gesten lösen keine Aktionen beim Down-Event aus, oder sie können abgebrochen oder rückgängig gemacht werden.

2.5.3a Sichtbare Beschriftung Teil des zugänglichen Namens

Seite 1, Seite 2, Seite 3:
Bei Bedienelementen mit Beschriftungen, die Text enthalten, enthält der zugängliche Name in den meisten Fällen den sichtbaren Text.

3.1.1a Hauptsprache angegeben

Seite 1, Seite 2, Seite 3:
Die Hauptsprache der Webseite ist korrekt im HTML-Tag angegeben.

3.2.1a Keine unerwartete Kontextänderung bei Fokus

Seite 1, Seite 2, Seite 3:
Der Fokuserhalt führt nicht zu einer unerwarteten Kontextänderung.

3.2.2a Keine unerwartete Kontextänderung bei Eingabe

Seite 1, Seite 2, Seite 3:
Nutzereingaben in den Formularfeldern führen nicht zu unerwarteten oder nicht angekündigten Kontext-Änderungen.

3.2.3a Konsistente Navigation

Seite 1, Seite 2, Seite 3:
Navigationsmechanismen und Menüeinträge in verschiedenen Bereichen des Webauftritts sind gleich angeordnet und gestaltet. Im Headerbereich befindet sich stets die Hauptnavigation, in einer linken Spalte ist immer die Unternavigation eingebettet und der Fußbereich enthält auf allen Seiten Weiterführende Links.

3.2.4a Konsistente Bezeichnung

Seite 1, Seite 2, Seite 3:
Die Navigationsmechanismen und Funktionen, die innerhalb des Webauftritts wiederholt eingesetzt werden, sind stets einheitlich bezeichnet.

3.3.1a Fehlererkennung

Seite 1, Seite 2, Seite 3:
Wenn das Formular Fehlermeldungen erzeugt, werden die fehlerhaft ausgefüllten Felder identifiziert und der Fehler wird in Textform beschrieben. Nach Korrektur der Eingaben und erneutem Abschicken des Formulars verschwinden die zuvor angezeigten Fehlermeldungen

3.3.3a Hilfe bei Fehlern

Seite 1, Seite 2, Seite 3:
Wird ein Eingabefehler automatisch festgestellt, wird der Fehler in Textform beschrieben. Die erzeugten Fehlermeldungen sind verständlich und geben Hinweise, wie der Fehler zu korrigieren ist.

4.1.2a Name, Rolle, Wert verfügbar

Seite 2, Seite 3:
Es gibt keine Links oder Schaltflächen ohne "href". Es gibt keine Formularelemente wie Checkboxen oder Radio-Buttons, die von der systemüblichen Darstellung abweichen, da sie mit anderen Elementen wie div oder img nachgebildet wurden. Es gibt keine selbstgebauten Widgets.

eher erfüllt sind 2 Prüfschritte:

Prüfschritt Kommentar
1.3.2a Sinnvolle Reihenfolge

Seite 1, Seite 2, Seite 3:
Die logische Reihenfolge der sichtbaren Seiteninhalte bleibt auch nach dem Abschalten von CSS erhalten. Es gibt keine Linealisierungsprobleme mit dem Screenreader NVDA. Wenn man die sichtbaren Inhalte vorlesen lässt, wird am Schluss das versteckte mobile Menü vorgelesen.

2.2.2a Bewegte Inhalte abschaltbar

Seite 1, Seite 2, Seite 3:
Bewegte Inhalte sind vorhanden und es gibt eine Möglichkeit, die Bewegung anzuhalten, indem man mit der Maus über den bewegten Inhalt geht. Alle Inhalte bleiben nach dem Anhalten der Bewegung verfügbar. Auf der Seite befindet sich KEINE Schaltfläche, mit der man die Bewegung stoppen kann und auch kein Hinweis, dass die Bewegung mit der Maus zu stoppen ist.

nicht anwendbar sind 17 Prüfschritte:

Prüfschritt Kommentar
1.1.1c Leere alt-Attribute für Layoutgrafiken

Seite 1, Seite 2, Seite 3:
Layoutgrafiken sind nicht vorhanden oder als Hintergrundgrafik realisiert.

1.1.1d Alternativen für CAPTCHAs

Seite 1:
CAPTCHAs sind nicht vorhanden.
Seite 2:
CAPTCHAs sind nicht vorhanden.

1.2.1a Alternativen für Audiodateien und stumme Videos

Seite 1, Seite 2, Seite 3:
Kein Einsatz von Audiodateien in denen Informationen vermittelt werden, kein Einsatz von stummen Videos oder Animationen. Medienalternativen in Form von Transkriptionen werden daher ebenfalls nicht angeboten.

1.2.2a Aufgezeichnete Videos mit Untertiteln

Seite 1, Seite 2, Seite 3:
Es werden keine Videoaufzeichnungen eingesetzt.

1.2.3a Audiodeskription oder Volltext-Alternative für Videos

Seite 1, Seite 2, Seite 3:
Es werden keine Videoaufzeichnungen eingesetzt.

1.2.4a Videos (live) mit Untertiteln

Seite 1, Seite 2, Seite 3:
Kein Einsatz von Live-Übertragungen.

1.2.5a Audiodeskription für Videos

Seite 1, Seite 2, Seite 3:
Es werden keine Videoaufzeichnungen eingesetzt.

1.3.1c HTML-Strukturelemente für Zitate

Seite 1, Seite 2, Seite 3:
Es werden keine Zitate auf der Seite veröffentlicht.

1.3.1f Zuordnung von Tabellenzellen

Seite 1, Seite 2, Seite 3:
Komplexe Datentabellen sind nicht vorhanden, in den einfachen Datentabellen wird berechtigterweise auf Überschriften verzichtet.

1.3.1g Kein Strukturmarkup für Layouttabellen

Seite 1, Seite 2, Seite 3:
Tabellen werden nicht für Layoutfunktionen verwendet.

1.3.5a Eingabefelder zu Nutzerdaten vermitteln den Zweck

Seite 1, Seite 2:
Es gibt keine Eingabefelder, die sich auf Daten des Nutzers beziehen.

1.4.2a Ton abschaltbar

Seite 1, Seite 2, Seite 3:
Die Seite hat keine Tonelemente, die automatisch abgespielt werden.

2.5.1a Alternativen für komplexe Zeiger-Gesten

Seite 2, Seite 3:
Die Seite enthält keine pfadbasierten Gesten oder Mehrpunkt Gesten.

2.5.4a Alternativen für Bewegungsaktivierung

Seite 1, Seite 2, Seite 3:
Es gibt keine Funktionen, die über Gerätebewegung oder Benutzerbewegung ausgelöst werden können.

3.1.2a Anderssprachige Wörter und Abschnitte ausgezeichnet

Seite 1, Seite 2, Seite 3:
Anderssprachige Wörter und Abschnitte sind nicht vorhanden.

3.3.4a Fehlervermeidung wird unterstützt

Seite 1, Seite 2, Seite 3:
Die Seite enthält keine Formulare für Transaktionen durch die Nutzer rechtlich bindende Verpflichtungen eingehen.

4.1.3a Statusmeldungen programmatisch verfügbar

Seite 1, Seite 2, Seite 3:
Es werden keine Statusmeldungen generiert, die nicht den Focus erhalten.

teilweise erfüllt sind 8 Prüfschritte:

Prüfschritt Kommentar
1.1.1a Alternativtexte für Bedienelemente

Seite 2:
Bei wichtigen grafischen Bedienelementen fehlt der Alternativtext:Button für die Suche, Facebook-Schaltfläche, Nach-oben-Schaltfläche. Die Teaser-Bilder sind durchweg mit Alternativtexten versehen.

1.3.1d Inhalte gegliedert

Seite 1:
Bis auf die Teasertexte in den Slides sind Absätze mit p ausgezeichnet, für Hervorhebungen wird strong verwendet. Es werden keine Zeilenumbrüche verwendet um Absätze zu schaffen. Es wird kein Text per CSS eingebunden.
Seite 2:
Bis auf die Teasertexte sind Absätze mit p ausgezeichnet, für Hervorhebungen wird strong verwendet. Es werden keine Zeilenumbrüche verwendet um Absätze zu schaffen. Es wird kein Text per CSS eingebunden.

1.3.1h Beschriftung von Formularelementen programmatisch ermittelbar

Seite 3:
Die Beschriftungen von Formularfeldern sind richtig verknüpft. Label-Elemente haben ein "for"-Attribut. Wenn man mit der Maus auf die Beschriftung eines Formular-Elementes klickt wird der Cursor dadurch auf das Formular-Element gesetzt. Es gibt keine Gruppen von Formular-ElementenDas Suchefeld im Header ist nicht beschriftet - das mit "display: none" versteckte Label ist nicht hilfreich.

1.4.11a Kontraste von Grafiken und grafischen Bedienelementen ausreichend

Seite 3:
Einige Bedienelemente namentlich der Suche-Button und die Nach-oben-Schaltfläche bieten keinen ausreichenden Kontrast zu angrenzenden Farben.

1.4.3a Kontraste von Texten ausreichend

Seite 1, Seite 2:
Der Text-Kontrast im Footer rechts ist nicht ausreichend. In den Cookie-Einstellungen bietet die Farbkombination Weiss / Türkis nicht ausreichend Kontrast. Im Footer ist Hintergrundfarbe und Vordergrundfarbe weiss.

2.4.1a Bereiche überspringbar

Seite 1:
Die Seite ist durch Überschriften gut strukturiert. Allerdings ist die Navigation nicht darüber erreichbar. Auch nicht per Sprunglink oder ARIA document landmark.
Seite 2, Seite 3:
Bis auf die Hauptnavigation im Header sind die Bereiche über ARIA document landmarks anspringbar.

3.3.2a Beschriftungen von Formularelementen vorhanden

Seite 3:
Beschriftungen sind bei allen Formularelementen ausser dem Suche-Feld vorhanden. Die Beschriftung der Formularelemente ist vor (also links neben oder über) dem zugehörigen Eingabefeld angeordnet.Die Beschriftung von Checkboxen und Radioboxen ist immer rechts neben dem Eingabefeld.

4.1.2a Name, Rolle, Wert verfügbar

Seite 1:
Die Bedienelemente zum link / rechts -Verschieben der Slides sind mit unsemantischen HTML-Elementen umgesetzt, ohne dass die Semantik mit WAI-ARIA nachgebildet wurde.

nicht erfüllt sind 10 Prüfschritte:

Prüfschritt Kommentar
1.1.1a Alternativtexte für Bedienelemente

Seite 1:
Bei wichtigen grafischen Bedienelementen fehlt der Alternativtext:Button für die Suche, Facebook-Schaltfläche, Schaltflächen zum Schieben der Slides nach links bzw. rechts und die Nach-oben-Schaltfläche. Die Grafiken auf den Kachel-Schaltflächen unter "Zirndorf erleben" sind Hintergrundgrafiken mit dekorativem Charakter.
Seite 3:
Bei wichtigen grafischen Bedienelementen fehlt der Alternativtext:Button für die Suche, Facebook-Schaltfläche, Nach-oben-Schaltfläche.

1.1.1b Alternativtexte für Grafiken und Objekte

Seite 1, Seite 2, Seite 3:
Die informativen Icons bei den Adressdaten im Footer haben kein Alternativtext.

1.1.1d Alternativen für CAPTCHAs

Seite 3:
Das eingesetzte CAPTCHA ist bildbasiert. Der Alternativtext des Bildes lautet "Captcha-Bild". Es beschreibt aktuell daher nicht den Zweck des CAPTCHAs. Mangels einer Bildalternative, wird auch nicht beschrieben, wie eine solche aufzufinden ist.

1.3.1a HTML-Strukturelemente für Überschriften

Seite 2:
Es fehlt eine Überschrift über den Hauptinhalt.

1.3.1h Beschriftung von Formularelementen programmatisch ermittelbar

Seite 1, Seite 2:
Das Suchefeld im Header ist nicht beschriftet - das mit "display: none" versteckte Label ist nicht hilfreich.

1.3.5a Eingabefelder zu Nutzerdaten vermitteln den Zweck

Seite 3:
Eingabefelder, die sich auf den Nutzer selbst beziehen, bezeichnen den Zweck nicht, es werden keine autocomplete-Attribute verwendet.

1.4.3a Kontraste von Texten ausreichend

Seite 3:
Der Text-Kontrast der Farbkombination Weiss / Türkis bietet nicht ausreichend Kontrast. Diese wird vielfach verwendet (Menü, Footer, Links, Suche-Button).

2.4.7a Aktuelle Position des Fokus deutlich

Seite 1:
Sprunglinks werden bei Fokuserhalt nicht eingeblendet. Erhalten die Punkte des Hauptmenüs im Header den Fokus, wird die Schrift unsichtbar. Der Tastaturfokus der grafischen Links ist unsichtbar. Der Tastaturfokus im Hauptteil ist unsichtbar.
Seite 2, Seite 3:
Sprunglinks werden bei Fokuserhalt nicht eingeblendet. Erhalten die Punkte des Hauptmenüs im Header den Fokus, wird die Schrift unsichtbar. Der Tastaturfokus der grafischen Links ist unsichtbar.

3.3.2a Beschriftungen von Formularelementen vorhanden

Seite 1, Seite 2:
Das Suchefeld muss als nicht beschriftet angesehen werden.

4.1.1a Korrekte Syntax

Seite 1, Seite 2, Seite 3:
Das Prüfergebnis des W3C-HTML-Validators ist auch nach Anwendung des "WCAG parsing only" Bookmarklet negativ.

Feedback und Kontakt

Sind Ihnen Mängel beim barrierefreien Zugang zu Inhalten von https://www.zirndorf-marketing.de aufgefallen?
Dann können Sie sich gerne bei uns melden. Bitte benutzen Sie dafür das vorgesehene Feedback-Formular.

Drucken