Musterprüfbericht: Barrierefreiheit von gartway.de

Jedes Bild und jede Grafik trägt eine Textalternative, die ihren Zweck erfüllt, oder ist als dekorativ gekennzeichnet; ein Bild in einem Link nennt das Linkziel.

Drei Bilder in der Stichprobe, jedes mit einer passenden Textalternative: die Karte auf der Monitor-Seite (Aufbau und Aussage der Karte, dazu eine Bildunterschrift mit den Quellen der Werte und der Geometrie), die Redaktionsmaske auf der Apotheken-Seite (mit den Beispielwerten) und das Porträt, auf /ueber-gartway/ mit dem Namen „Chahid El Aaouadi“. Auf der Startseite und /kontakt/ hat das Porträt einen leeren Alternativtext, weil Name und Rolle direkt danach als Text stehen; bis zum 29. September 2026 wiederholte er sie (Befunde und Behebung). Die Wortmarke in der Kopfzeile ist ein SVG im Link mit dem Namen „Gartway, zur Startseite“, in der Fußzeile dekorativ mit dem Text „Gartway“ daneben. Die Konstruktionszeichnung, das Menüsymbol und die Pfeile der Belegdarstellungen sind mit aria-hidden ausgenommen; die Belegdarstellungen selbst sind HTML-Text.

VoiceOver: wie erwartet (Prüfliste Nr. 5, 6 und 8), 25. September 2026

Was sichtbar gegliedert ist, ist auch im Markup gegliedert: Überschriften als Überschriftenelemente in richtiger Ebene, Listen als Listen, Beschriftungen und Angaben als Definitionslisten, Kontaktangaben in address, Tabellen mit Kopfzellen.

Auf jeder Seite genau eine h1, keine übersprungene Ebene (h1, h2, h3). 4 bis 11 Listen je Seite als ul, ol oder dl; die Schritte des Übernahme-Checks als ol, die Fakten auf /ueber-gartway/ als dl, die Kontaktangaben in address. Listen ohne Aufzählungszeichen tragen die Rolle list, weil Safari sie sonst nicht als Liste weitergibt (seit dem 29. September 2026). Die Nummern der Abschnitte, Leistungen und Schritte stehen als Text im Markup und sind mit aria-hidden für Hilfstechnik ausgenommen; bis zum 28. September 2026 waren es CSS-Zähler mit leerem Alternativtext, die Safari trotzdem weitergab (Befunde und Behebung). Keine Tabellen in der Stichprobe. Landmarken header, nav (Hauptnavigation), main und footer auf jeder Seite.

VoiceOver: zwei Abweichungen ohne Verstoß am 25. September 2026 (Prüfliste Nr. 9 und 11: die Nummern aus CSS-Zählern und die Spaltenbeschriftungen der gestapelten Tabellen dieses Berichts wurden mitgelesen). Nachprüfung am 28. September 2026: Nr. 11 behoben, Nr. 9 nicht. Wiederholung am 29. September 2026: Nr. 9 behoben; Listen ohne Aufzählungszeichen wurden nicht als Liste angesagt; geändert und am selben Tag nachgeprüft (Befunde und Behebung)

Die Reihenfolge im Dokument ergibt ohne Stylesheet denselben Sinn wie die sichtbare; wo CSS die Anordnung ändert, bleibt der Lesefluss richtig.

Ohne Stylesheet und ohne Skript stehen Kopfzeile, Inhalt und Fußzeile in dieser Folge, die Navigation offen. Die Marginalspalte steht im Dokument nach ihrem Text; bei den Projekten der Startseite steht die Beschriftung („Eigenentwicklung“, „Kundenprojekt“) im Dokument vor dem Projekt, das sie benennt, und wird per Raster nach rechts gesetzt.

VoiceOver: wie erwartet (Prüfliste Nr. 6 und 10), 25. September 2026

Keine Anweisung verlässt sich allein auf Form, Farbe, Größe, Lage oder Klang.

Eine Stelle nennt eine Lage: Die Fehlerseite sagt „Die Navigation oben führt zu allen Seiten“, benennt die Navigation dabei aber beim Namen. Sonst keine Anweisung dieser Art.

Die Seiten lassen sich im Hoch- und im Querformat nutzen; nichts erzwingt eine Ausrichtung.

Viewport-Angabe mit width auf device-width und initial-scale 1, ohne Einschränkung; keine Stilregel und kein Skript fragt die Ausrichtung ab oder sperrt sie. Das Layout richtet sich allein nach der Breite (Umschaltpunkte bei 704, 832 und 1024 Pixel).

Keine Information wird allein über Farbe vermittelt: Links sind auch ohne Farbe erkennbar, die aktive Seite in der Navigation ebenso.

Links im Fließtext sind unterstrichen, Aktionen tragen eine Linie und einen Pfeil, die aktive Seite in der Navigation eine Unterstreichung und aria-current. Die Gestaltung kommt ohne Farbe aus (Schwarz, Weiß und Grau; farbig ist nur das Porträt), Unterschiede entstehen aus Form, Gewicht und Größe.

Text erreicht gegen seinen Hintergrund 4,5:1, großer Text 3:1, gerechnet nach der Formel der WCAG am gerenderten Dokument.

1.556 Textstellen auf 22 Ansichten, 148 Text-Hintergrund-Paare. Kleinster Wert 4,87:1 (Beschriftungen und Bildunterschriften in Grau auf der abgesetzten Fläche, 13 und 15 Pixel), Fließtext 18,6:1, in den schwarzen Abschnitten ab 7,0:1. axe konnte 59 Stellen nicht selbst bewerten (Hintergrund nicht eindeutig); sie sind in dieser Rechnung enthalten.

Bei 200 Prozent Vergrößerung bleiben Text und Funktion vollständig; der Browser darf zoomen.

Bei 720 Pixel Layoutbreite (200 Prozent von 1440) kein Querscrollen und kein abgeschnittener Text auf elf Seiten. Alle Schriftgrößen in rem und clamp; die Viewport-Angabe setzt weder maximum-scale noch user-scalable auf no.

Text steht als Text, nicht als Bild; Ausnahmen sind Logos und Darstellungen, bei denen die Erscheinung wesentlich ist.

Die Wortmarke ist ein Logo. Die Redaktionsmaske auf der Apotheken-Seite ist eine Aufnahme einer Software-Oberfläche mit Beispielwerten; die Werte stehen im Alternativtext und in der Bildunterschrift. Die Maße in der Konstruktionszeichnung sind SVG-Text, dekorativ. Sonst kein Text als Bild.

Bei 320 CSS-Pixel Breite (400 Prozent Zoom bei 1280) bricht der Inhalt um, ohne dass in zwei Richtungen gescrollt werden muss und ohne Verlust.

Bei 320 Pixel auf elf Seiten kein Querscrollen, kein abgeschnittener Text; das Menü öffnet, Wortmarke und Menüknopf überlappen nicht. Die Konstruktionszeichnung skaliert im Verhältnis 3:2.

Bedienelemente und ihre Zustände sowie bedeutungstragende Grafiken erreichen 3:1 gegen den Hintergrund.

Fokusrahmen 2 Pixel in Tinte auf Papier (18,6:1), in den schwarzen Abschnitten in Papier auf Schwarz; Menüsymbol und die Linie der Aktionen in Tinte, die Pfeile und die Unterstreichung der Links in Grau (5,3:1). Die Haarlinien der Gliederung (1,4:1) tragen keine Bedeutung, die Überschriften und Abstände tragen sie.

Mit Zeilenhöhe 1,5, Absatzabstand 2em, Zeichenabstand 0,12em und Wortabstand 0,16em geht kein Inhalt verloren, nichts wird abgeschnitten oder überlagert.

Bei 1440 und bei 320 Pixel auf elf Seiten kein Querscrollen und kein abgeschnittener Text. Die Navigation bricht bei Bedarf um. Einzig der nur für Hilfstechnik bestimmte Text „Gartway“ in der Fußzeile liegt absichtlich in einem 1-Pixel-Kasten.

Alles, was mit der Maus geht, geht mit der Tastatur: Links, Menü, Sprunglink.

Alle 498 Halte der Stichprobe per Tab erreichbar. Das Menü am Telefon öffnet mit Enter oder Leertaste und schließt mit Escape, der Fokus kehrt auf den Knopf zurück; der Sprunglink setzt den Fokus in den Hauptinhalt. Keine Funktion nur für Zeiger.

Der Fokus lässt sich von jedem Element mit Tab oder Umschalt+Tab wieder wegbewegen.

Die Tabreihe jeder Seite endet nach 18 bis 30 Halten und verlässt das Dokument; kein Element hält den Fokus. Das geöffnete Menü ist keine Falle, es liegt im Dokumentfluss.

Nichts blitzt öfter als dreimal pro Sekunde.

Kein Video, kein animiertes Bild. Die Eröffnung blendet Linien, Maße und ein Raster stetig ein und aus; kein Wechsel zwischen hell und dunkel in kurzer Folge.

Wiederkehrende Blöcke (Kopfzeile, Navigation) lassen sich überspringen: Sprunglink und Landmarken.

„Zum Inhalt springen“ ist auf jeder Seite der erste Halt, bei Fokus sichtbar, und setzt den Fokus auf main (tabindex -1). Landmarken header, nav mit dem Namen „Hauptnavigation“, main und footer, je genau einmal.

VoiceOver: wie erwartet (Prüfliste Nr. 2 und 3), 25. September 2026

Jede Seite hat einen Titel, der ihren Inhalt nennt und sie von den anderen unterscheidet.

Elf verschiedene Titel aus Seitenname und „Gartway“, durch einen senkrechten Strich getrennt, die Startseite „Gartway, individuelle Software für Unternehmen“, die Fehlerseite „Seite nicht gefunden“ mit dem Zusatz „Gartway“.

Die Tabreihenfolge folgt dem Sinn: Sprunglink, Kopfzeile, Inhalt, Fußzeile; verborgene Elemente sind nicht in der Reihe, und der Fokus geht beim Wechsel der Fensterbreite nicht verloren.

Auf allen 22 Ansichten folgt die Tabreihe der Dokumentordnung ohne Rücksprung. Bei geschlossenem Menü am Telefon ist kein Navigationslink in der Reihe (0 von 5); geöffnet folgen die Links dem Knopf. Wird das fokussierte Element beim Wechsel der Fensterbreite über 832 Pixel ausgeblendet, wandert der Fokus auf das sichtbare Gegenstück, den Menüknopf beziehungsweise den Link der aktuellen Seite; geprüft in beide Richtungen und in neun Randfällen (Escape, Mausklick, Tab aus dem offenen Menü, Hin und Zurück). Im geprüften Stand der ersetzten Fassung war das ein Befund; wie er behoben und nachgeprüft ist, steht unter „Befunde und Behebung“.

Aus dem Linktext, notfalls zusammen mit seinem Satz, Listenpunkt oder seiner Überschrift, geht das Ziel hervor.

Von 271 Links in der Stichprobe nennen alle ihr Ziel im Text („Alle Leistungen“, „Erstgespräch vereinbaren“, die E-Mail-Adresse, die Rufnummer). Kein Linktext führt zu zwei Zielen; die Links zu den Projektseiten heißen „Waldzustands-Monitor im Detail“ und „Apotheke am Bürgerhaus im Detail“. Die Verweise nach außen auf waldzustands-monitor.de heißen „Zur Anwendung“ und stehen jeweils bei der Beschreibung dieser Anwendung; auf /softwareuebernahme/ ist die Adresse selbst der Linktext. Kein Link öffnet ein neues Fenster.

VoiceOver: wie erwartet (Prüfliste Nr. 7), 25. September 2026. Nachprüfung am 28. September 2026: ein Link auf /ueber-gartway/ wurde ohne seinen Namen angesagt; bei der Wiederholung am 29. September 2026 mit Namen (Befunde und Behebung)

Jede Seite ist auf mehr als einem Weg erreichbar.

Zwei Wege zu jeder Seite, je Seite nachgezählt. Erstens die Menüs: die Hauptnavigation in der Kopfzeile, in der Fußzeile die Seitenliste und die Rechtstexte, die Wortmarke zur Startseite; die beiden Projektseiten liegen eine Ebene tiefer und sind von /projekte/ aus verlinkt (Verweise auf verwandte Seiten, Technik G125 des W3C). Zweitens die Startseite als Übersicht: Sie verlinkt jede andere Seite, und jede Seite verlinkt sie (Technik G185; der BIK-BITV-Test lässt die Startseite eines kleinen Angebots, die alle Seiten verlinkt, als Sitemap gelten). Diesen Bericht verlinkt die Startseite über den Eintrag „Musterbericht“ in der Seitenliste ihrer Fußzeile; er steht dort seit dem 29. September 2026 für diesen zweiten Weg, vorher fehlte der Bericht auf der Startseite. Im Übrigen wiederholt die Seitenliste der Fußzeile die Hauptnavigation und zählt nicht als eigener Weg; eine Suche und eine eigene Sitemap gibt es nicht. Die Fehlerseite ist kein Ziel, sie erscheint bei einer Adresse, die es nicht gibt. Bis zum 29. September 2026 nannte diese Begründung die Fußzeile fälschlich eine Liste aller Seiten (Befunde und Behebung).

Überschriften und Beschriftungen sagen, worum es im Abschnitt oder bei der Angabe geht.

Die Überschriften nennen Thema oder Aussage („Zur Person“, „Kontaktaufnahme per E-Mail“, „Der Übernahme-Check“); die Beschriftungen über Angaben nennen die Art der Angabe („E-Mail“, „Telefon“, „Geschäftsanschrift“, „Rechtsform“). Keine Beschriftungen für Eingaben, weil es keine gibt.

Jedes Element, das den Fokus bekommt, zeigt ihn sichtbar an.

An allen 498 Halten ein Rahmen von 2 Pixel mit 3 Pixel Abstand, in Tinte auf Papier und in Papier in den schwarzen Abschnitten. Der Sprunglink erscheint bei Fokus im Fenster.

Eine Aktion wird beim Loslassen ausgelöst, nicht beim Drücken, und lässt sich abbrechen.

Links und der Menüknopf reagieren auf das Klickereignis, also beim Loslassen; keine eigene Behandlung von Drück-Ereignissen im Skript.

Der zugängliche Name eines Bedienelements enthält seinen sichtbaren Text.

Der Menüknopf zeigt „Menü“ und heißt „Menü öffnen“ beziehungsweise „Menü schließen“. Alle Links tragen ihren sichtbaren Text als Namen; die Wortmarke hat keinen sichtbaren Text und den Namen „Gartway, zur Startseite“.

Das html-Element trägt die Sprache der Seite.

Das Attribut lang mit dem Wert de auf allen elf Seiten.

Passagen in anderer Sprache tragen ihre Sprache; Eigennamen und eingebürgerte Fachbegriffe brauchen sie nicht.

Keine fremdsprachige Passage. Englische Wörter kommen als Eigennamen (System Security Lab, Advanced Logistics Engineering) und als Fachbegriffe der Softwareentwicklung (Backend, Dashboard, Reverse Engineering, Product Owner) vor, so wie sie im Deutschen gebraucht werden.

Wenn ein Element den Fokus bekommt, ändert sich nichts am Kontext: keine Navigation, kein Fenster, kein Sprung.

An keinem der 498 Halte löst der Fokus etwas aus; nur der Rahmen erscheint.

Die Navigation steht auf jeder Seite an derselben Stelle in derselben Reihenfolge.

Kopfzeile und Fußzeile sind auf allen elf Seiten dieselben, mit denselben fünf Einträgen in derselben Folge; auch auf der Fehlerseite.

Elemente mit gleicher Funktion heißen überall gleich.

„Erstgespräch vereinbaren“, die Rufnummer, „E-Mail schreiben“, „Alle Leistungen“, „Zu den Projekten“ und die Navigationseinträge haben auf jeder Seite denselben Text und dasselbe Ziel; der Menüknopf heißt überall gleich.

Elemente sind vollständig geöffnet und geschlossen, richtig verschachtelt, IDs sind eindeutig, Attribute kommen je Element nur einmal vor.

Keine doppelte ID auf elf Seiten, keine offenen oder falsch verschachtelten Elemente. Der Nu HTML Checker meldet auf allen elf Seiten keinen Fehler. Er warnt an jeder Liste, die die Rolle list trägt, die Rolle sei für ul und ol überflüssig (60 Warnungen); sie steht dort mit Absicht, weil Safari Listen ohne Aufzählungszeichen sonst nicht als Liste weitergibt (Befunde und Behebung).

Jedes Bedienelement hat einen Namen und eine Rolle, Zustände sind ablesbar, eigene Bauteile nutzen die passenden ARIA-Attribute.

Das einzige eigene Bedienelement ist der Menüknopf: ein button mit aria-expanded (false, nach dem Öffnen true), aria-controls auf das Navigationselement und einem Namen, der den Zustand nennt. Links und der Sprunglink sind a-Elemente mit Namen; die aktive Seite trägt aria-current mit dem Wert page. axe-core meldet auf 22 Ansichten null Verstöße.

VoiceOver: wie erwartet (Prüfliste Nr. 4 und 7), 25. September 2026. Nachprüfung am 28. September 2026: ein Link ohne angesagten Namen; bei der Wiederholung am 29. September 2026 mit Namen, siehe 2.4.42 Punkt 4 Punkt 4