Bei einem Barrierefreiheits-Audit der Seitenstruktur werden vor allem die \u00dcberschriftenhierarchie, ARIA-Landmark-Regionen, Navigationsanker, die logische Lesereihenfolge sowie die semantisch korrekte Auszeichnung von Inhaltsbereichen gepr\u00fcft. Diese Strukturelemente bilden das Fundament, auf dem Screenreader und andere assistive Technologien aufbauen, um Inhalte verst\u00e4ndlich zu vermitteln. Der folgende Artikel beantwortet die wichtigsten Fragen rund um die Seitenstruktur im Kontext des Barrierefreiheits-Audits.<\/p>\n
Ein Barrierefreiheits-Audit pr\u00fcft bei der Seitenstruktur insbesondere die \u00dcberschriftenhierarchie, ARIA-Landmark-Regionen, die logische DOM-Reihenfolge, Skip-Links zur Navigation sowie die semantisch korrekte Verwendung von HTML-Elementen wie Die Seitenstruktur ist f\u00fcr die digitale Barrierefreiheit kein \u00e4sthetisches, sondern ein funktionales Thema. Screenreader-Nutzerinnen und -Nutzer orientieren sich nicht visuell, sondern \u00fcber die semantische Struktur des HTML-Codes. Fehlt diese Struktur oder ist sie fehlerhaft, wird die Seite f\u00fcr viele Menschen schlicht unnutzbar.<\/p>\n Im Einzelnen umfasst die Pr\u00fcfung der Seitenstruktur typischerweise folgende Bereiche:<\/p>\n All diese Punkte sind in den WCAG-Erfolgskriterien verankert und werden bei einem professionellen Accessibility Audit<\/a> systematisch gepr\u00fcft.<\/p>\n Die \u00dcberschriftenhierarchie ist f\u00fcr Barrierefreiheit entscheidend, weil Screenreader-Nutzerinnen und -Nutzer Seiten prim\u00e4r \u00fcber \u00dcberschriften navigieren. Eine korrekte, l\u00fcckenlose Hierarchie von H1 bis H6 erm\u00f6glicht es, Inhalte schnell zu \u00fcberblicken und gezielt anzuspringen, ohne die gesamte Seite linear durchh\u00f6ren zu m\u00fcssen.<\/p>\n F\u00fcr sehende Nutzerinnen und Nutzer ist eine \u00dcberschrift ein visuelles Signal. F\u00fcr Menschen, die einen Screenreader verwenden, ist sie ein Navigationswerkzeug. Screenreader bieten in der Regel eine Funktion, mit der alle \u00dcberschriften einer Seite als Liste aufgerufen werden k\u00f6nnen, \u00e4hnlich einem Inhaltsverzeichnis. Fehlt eine Ebene oder werden \u00dcberschriften rein aus gestalterischen Gr\u00fcnden eingesetzt, bricht diese Orientierungsm\u00f6glichkeit zusammen.<\/p>\n Typische Probleme, die ein Audit in diesem Bereich aufdeckt:<\/p>\n Das WCAG-Erfolgskriterium 1.3.1 (Informationen und Beziehungen) sowie 2.4.6 (\u00dcberschriften und Beschriftungen) adressieren diese Anforderungen direkt. Ein Barrierefreiheits-Audit bewertet, ob \u00dcberschriften sowohl semantisch korrekt als auch inhaltlich aussagekr\u00e4ftig sind.<\/p>\n ARIA-Landmark-Regionen sind definierte Bereiche einer Webseite, die durch ARIA-Rollen oder semantische HTML5-Elemente ausgezeichnet werden, zum Beispiel Bei der Pr\u00fcfung von ARIA-Landmark-Regionen in einem Accessibility Audit werden mehrere Aspekte bewertet:<\/p>\n Jede Seite sollte mindestens eine Gibt es mehrere Navigationen auf einer Seite, m\u00fcssen sie durch ein Die Pr\u00fcfung der Seitenstruktur nach WCAG, BITV und BFSG unterscheidet sich vor allem im rechtlichen Geltungsbereich und in der Verbindlichkeit: WCAG ist der internationale technische Standard, BITV dessen deutsche Umsetzung f\u00fcr \u00f6ffentliche Stellen, und das BFSG erweitert ab Juni 2025 die Pflichten auf private Anbieter bestimmter digitaler Produkte und Dienstleistungen.<\/p>\n Im Detail bedeutet das f\u00fcr die Pr\u00fcfung der Seitenstruktur:<\/p>\n F\u00fcr die praktische Pr\u00fcfung der Seitenstruktur bedeutet das: Die technischen Anforderungen sind \u00fcber alle drei Regelwerke weitgehend identisch. Der Unterschied liegt im Adressatenkreis und in den rechtlichen Konsequenzen bei Nichterf\u00fcllung. Ein Barrierefreiheits-Audit, das sich an WCAG 2.1 Level AA orientiert, deckt die Anforderungen von BITV und BFSG in Bezug auf die Seitenstruktur in der Regel ab, ersetzt jedoch keine rechtliche Beratung.<\/p>\n Die h\u00e4ufigsten Fehler bei der Seitenstruktur, die in Barrierefreiheits-Audits gefunden werden, sind fehlende oder falsch eingesetzte ARIA-Landmark-Regionen, inkonsistente \u00dcberschriftenhierarchien, fehlende Seitentitel sowie das Fehlen von Skip-Links. Diese Fehler treten auch auf Websites auf, die in anderen Bereichen gut umgesetzt sind.<\/p>\n Basierend auf der Praxis automatisierter und manueller Accessibility Audits lassen sich folgende wiederkehrende Strukturprobleme identifizieren:<\/p>\nmain<\/code>, nav<\/code>, header<\/code> und footer<\/code>. Diese Elemente entscheiden dar\u00fcber, ob Nutzerinnen und Nutzer mit assistiven Technologien eine Seite effektiv navigieren k\u00f6nnen.<\/p>\n\n
<title><\/code>-Tag eindeutig, aussagekr\u00e4ftig und beschreibt er den Seiteninhalt korrekt?<\/li>\nlang<\/code>-Attribut im HTML-Element korrekt gesetzt?<\/li>\n<\/ul>\nWarum ist die \u00dcberschriftenhierarchie f\u00fcr Barrierefreiheit so entscheidend?<\/h2>\n
\n
Was sind ARIA-Landmark-Regionen und wie werden sie gepr\u00fcft?<\/h2>\n
banner<\/code>, navigation<\/code>, main<\/code> oder contentinfo<\/code>. Sie erm\u00f6glichen es Screenreader-Nutzerinnen und -Nutzern, direkt zu bestimmten Seitenbereichen zu springen, ohne sich durch alle Inhalte navigieren zu m\u00fcssen.<\/p>\nVollst\u00e4ndigkeit der Landmark-Regionen<\/h3>\n
main<\/code>-Region enthalten, die den Hauptinhalt umschlie\u00dft. Dar\u00fcber hinaus sollten wiederkehrende Bereiche wie Kopfzeile, Navigation und Fu\u00dfzeile entsprechend ausgezeichnet sein. Ein Audit pr\u00fcft, ob diese Regionen vorhanden und korrekt platziert sind.<\/p>\nKorrekte Verwendung und Benennung<\/h3>\n
aria-label<\/code> oder aria-labelledby<\/code> eindeutig unterschieden werden, zum Beispiel „Hauptnavigation“ und „Breadcrumb“. Fehlen solche Bezeichnungen, k\u00f6nnen Nutzerinnen und Nutzer mit assistiven Technologien die Regionen nicht voneinander unterscheiden. Ein Barrierefreiheits-Audit pr\u00fcft auch, ob ARIA-Rollen redundant oder falsch eingesetzt werden, was zu Verwirrung f\u00fchren kann.<\/p>\nWie unterscheidet sich die Pr\u00fcfung der Seitenstruktur nach WCAG, BITV und BFSG?<\/h2>\n
\n
Welche Fehler bei der Seitenstruktur werden am h\u00e4ufigsten in Audits gefunden?<\/h2>\n
\n
main<\/code>-Landmark:<\/strong> Der Hauptinhalt ist nicht als solcher ausgezeichnet, sodass Screenreader-Nutzerinnen und -Nutzer nicht direkt dorthin springen k\u00f6nnen.<\/li>\nnav<\/code>-Elemente ohne unterscheidende Labels verwirren assistive Technologien.<\/li>\n<\/ul>\n