HTML liefert ein Vokabular, das die meisten Entwickler überspringen: nav, main, article, aside, figure, button. Jedes trägt eingebaute Bedeutung und Verhalten — ein Button ist fokussierbar und aktiviert auf Enter gratis; ein div ist nichts davon, bis man es nachbaut. Semantisches Markup ist die Version der Seite, die Maschinen lesen.
Die Nutznießer summieren sich: Screenreader bekommen Landmarks zum Navigieren, Suchmaschinen eine Inhaltsgliederung, Answer-Engines Absätze, die allein stehen, und der Entwickler Barrierefreiheit ohne Aufpreis. Divs-und-Spans ist nicht falsches HTML; es ist nur eine Seite, die nichts über sich erzählt.
Verwandte Begriffe
ARIA
Accessible Rich Internet Applications — Attribute, die unterstützender Technologie sagen, was dein Markup bedeutet, wenn HTML allein es nicht kann.
WCAG
Die Web Content Accessibility Guidelines — der Standard, der definiert, was Webinhalte für Menschen mit Behinderungen nutzbar macht; AA-Kontrast ist 4,5:1 für Fließtext.
SEO
Suchmaschinenoptimierung — Seiten auffindbar, indexierbar und rankenswert machen: technische Gesundheit plus Inhalte, die Menschen wirklich wollen.
Die zugehörige Werkbank
Full-StackWenn du es beschreiben kannst, können wir es bauen. React und Next.js vorn, Python oder Node dahinter, Postgres darunter, ausgeliefert dorthin, wo du den Betrieb bezahlen kannst.
