Im digitalen Produkt sind Texte vorhanden, die ausschließlich mit CSS eingebunden werden. Beispiele: Texte sollen nicht mit CSS eingebunden werden, da sie dann ausschließlich auf der visuellen Ebene wahrnehmbar sind. Mit CSS eingebundene Inhalte sind für Nutzende von assistiven Technologien, wie zum Beispiel Screenreadern, gegebenenfalls nicht erreichbar.

Im digitalen Produkt existieren leere Absätze. Beispiele: Absätze sollen stets mit Text befüllt sein. Abstände zwischen Texten können auch ohne leere Absätze (zum Beispiel mit CSS) realisiert werden. Nutzende von Screenreadern haben gegebenenfalls Probleme, Inhalte zu verstehen, wenn diese nicht korrekt gegliedert sind. Auch eine effiziente Navigation im digitalen Produkt ist dann nicht mehr gegeben.

Einigen Absätzen fehlt die korrekte semantische Auszeichnung. Es werden im Quellcode weder p– noch div-Elemente verwendet. Beispiele: Benutzeroberflächen-Elemente, die visuell bestimmte Charakteristiken aufweisen, müssen diese auch auf einer semantischen Ebene besitzen. Assistive Technologien können dadurch all das, was optisch voneinander unterscheidbar ist, über die Accessibility API der jeweiligen Plattform als unterscheidbar ausgeben. Das ist notwendig,…

An manchen Stellen sind Worte oder Abschnitte mit Fettschrift oder Kursivschrift semantisch nicht geeignet formatiert. Fette Schrift soll im Code mit strong und Kursivschrift mit em umgesetzt werden. Beispiele: Benutzeroberflächen-Elemente, die visuell bestimmte Charakteristiken aufweisen, müssen diese auch auf einer semantischen Ebene besitzen. Assistive Technologien können dadurch all das, was optisch voneinander unterscheidbar ist, über…