Glossar gängiger Begriffe zum Thema Barrierefreiheit und Webdesign

Software, die Tastaturnavigation ermöglicht.

Bedienung einer Website nur mit Tastatur.

Barrierefreiheit für berührungsbasierte Interaktionen.

Erfüllung aller Anforderungen eines Standards.

Änderungen, die die Bedeutung einer Webseite verändern.

Hilfetext für aktuelle Funktionen.

Verhältnis der Helligkeit für Lesbarkeit.

ARIA-Regionen für Screenreader-Navigation.

Laden von Ressourcen bei Bedarf für Performance.

Lazy Loading ist eine Optimierungstechnik im Webdesign, bei der Inhalte wie Bilder, Videos oder andere Ressourcen erst dann geladen werden, wenn sie im sichtbaren Bereich des Nutzers erscheinen. Dies reduziert die initiale Ladezeit einer Webseite, spart Bandbreite und verbessert die Performance, insbesondere auf Geräten mit begrenzter Internetverbindung oder bei umfangreichen Inhalten.

Tool zur Analyse von Barrierefreiheit und SEO.

Lighthouse ist ein Open-Source-Tool von Google, das zur Analyse und Optimierung der Qualität von Webseiten verwendet wird. Es bewertet Aspekte wie Performance, Barrierefreiheit, SEO, Progressive Web Apps und Best Practices. Lighthouse generiert Berichte mit Punktzahlen und Empfehlungen zur Verbesserung, die Entwicklern helfen, die Benutzererfahrung und technische Qualität ihrer Webseiten zu steigern. Es ist in Chrome DevTools integriert oder als eigenständiges Tool verfügbar.

Dynamisch aktualisierte Inhalte, die Screenreader ankündigen.

Zeitbasierte Live-Präsentation mit nur Audio.

Zeitbasierte Live-Präsentation mit nur Video.

Anpassung an Sprache und Kultur eines Standorts.

Helligkeitsverhältnis von Farben.

Das Luminanzkontrastverhältnis ist ein Maß für den Helligkeitsunterschied zwischen zwei Farben, meist Text und Hintergrund, um die Lesbarkeit zu bewerten. Es wird als Verhältnis (z. B. 4.5:1) gemessen und ist entscheidend für die Barrierefreiheit, insbesondere für Menschen mit Sehbeeinträchtigungen. Höhere Verhältnisse verbessern die Lesbarkeit. Standards wie WCAG (Web Content Accessibility Guidelines) definieren Mindestanforderungen, z. B. 4.5:1 für normalen Text.

Bildschirmvergrößerung für sehbehinderte Nutzer.

Technische Audits durch Barrierefreiheitsexperten.

Prozess oder Technik zur Erreichung eines Ergebnisses.

CSS-Technik für responsive Designs.

Tool zur Identifizierung von Barrierefreiheitsproblemen.

Navigationsmenü für mobile Geräte.

Pop-ups, die barrierefrei navigierbar sein müssen.

Audio/Video mit interaktiven Komponenten.

In Windows integrierter Screenreader.

Gesprochene, geschriebene oder gebärdete Sprachen.

Konsistente Navigationselemente.

Inhalte wie Bilder, die Alternativen benötigen.

Eingabegeräte ohne Zeigefunktion, z. B. Tastaturen.

Kostenloser Screenreader für Windows.

Virtuelle Tastatur für motorisch eingeschränkte Nutzer.

Prinzip, dass alle Funktionen bedienbar sein müssen.

Kostenloser Screenreader für Linux.

JavaScript-Tools, die Barrierefreiheit verbessern sollen.

Prinzip, dass Inhalte wahrnehmbar sein müssen.

Vereinfachte Sprache für Klarheit.

Eingabegeräte wie Maus oder Touchscreen.

Prinzipien Perceivable, Operable, Understandable, Robust.

Strategie für grundlegende Zugänglichkeit mit erweiterten Funktionen.

Klare, prägnante und lesbare Texte.

Funktionen für schnellen Zugriff auf Inhalte.

Anpassung an verschiedene Bildschirmgrößen.

Zugänglichkeit für rechts-nach-links-Sprachen.

Prinzip, dass Inhalte mit Technologien kompatibel sein müssen.

Identifikation der Funktion einer Komponente, z. B. ARIA-Rollen.

Software, die Inhalte für Blinde vorliest.

Ein Screenreader ist eine Software, die Inhalte auf einem Bildschirm, wie Texte, Bilder oder Strukturen einer Webseite, in Sprache oder Brailleschrift umwandelt, um Menschen mit Sehbehinderungen den Zugang zu digitalen Inhalten zu ermöglichen. Sie interpretiert HTML, insbesondere semantisches HTML, und navigiert durch die Seite, um eine barrierefreie Nutzung zu gewährleisten.

HTML-Tags, die Bedeutung vermitteln.

Semantic HTML bezeichnet die Verwendung von HTML-Elementen, die die Bedeutung und Struktur von Inhalten klar beschreiben, anstatt nur deren Darstellung zu definieren. Semantische Tags wie header, nav, article oder footer vermitteln die Funktion des Inhalts, verbessern die Barrierefreiheit, unterstützen Suchmaschinen bei der Indexierung und fördern eine klarere, wartbare Code-Struktur.

Optimierung für Suchmaschinen.

SEO bezeichnet die Praxis, Webseiten so zu optimieren, dass sie in den Suchergebnissen von Suchmaschinen wie Google höher ranken. Ziel ist es, die Sichtbarkeit und den organischen Traffic zu erhöhen. Dies umfasst Maßnahmen wie die Optimierung von Inhalten, Keywords, technischer Struktur, Ladezeiten, mobiler Nutzerfreundlichkeit und Backlinks, um die Relevanz und Qualität der Webseite für Suchalgorithmen zu verbessern.

Links zum Überspringen von Navigation zu Hauptinhalten.

SSL/TLS (Secure Sockets Layer/Transport Layer Security)

Verschlüsselung für sichere Datenübertragung.

Organisation von Webseiteninhalten.