Inclusive Design

Unter Inclusive Design, auch Universal Design, versteht man ein Designkonzept, dass Webseiten derart gestaltet, dass sie für so viele Menschen wie möglich ohne weitere Anpassung oder Spezialisierung nutzbar sind.

Universelles Design besteht dabei aus zwei wesentlichen Komponenten:

Webseiten sind so flexibel, dass sie ohne Zusatztechnik oder Anpassung von Menschen mit unterschiedlichen Fähigkeiten in unterschiedlichen Situationen benutzt werden können.
Webseiten vertragen sich auch mit Unterstützungstechnologie wie Screenreadern, die von Menschen eingesetzt wird, denen es doch nicht möglich ist, die Produkte direkt zu nutzen.

Das Streben nach inclusive Design wurde zuerst von der Webstandards-Bewegung aufgenommen, dann unter dem Begriff Barrierefreiheit und auch accessibility (engl. für Zugänglichkeit) propagiert.

Beachte: Inklusives Design ist nicht einfach eine weitere Schicht über dem Inhalt unserer Webseiten. Wie beim Bau einer barrierefreien Wohnung sollten Sie schon bei der Planung alle Erfordernisse berücksichtigen, anstatt hinterher einige (zu) steile Rampen und Geländer anzufügen.
Deshalb findet sich Inklusives Design im Folgenden nicht in Extra-Artikeln, sondern wird in unseren Tutorials von Anfang an berücksichtigt.

Siehe auch

Guter HTML-Stil
Webseiten zugänglich gestalten
- Semantik
- WAI-ARIA
  - default-Rollen
  - aria-Attribute (Zustände und Eigenschaften)
Bilder im Internet
- barrierefreie Bilder mit
  guten Alternativtexten
Adventskalender zur Barrierefreiheit

Einführung zum Selfhtml-Aventskalender 2021, der Barrierefreiheit zum Thema hatte
von Marc Haunschild
Multimediale Inhalte
Auch hier sind zugängliche Beschreibungen erforderlich!
- audio und video
- canvas
WAI-ARIA
- landmark-roles
- aria-Attribute
- ARIA Live Regions
Internationalisierung
- Sprachauswahl
- Content Negotiation
Guter CSS-Stil
Formulare in HTML
Benutzereingaben zugänglich gestalten
- Beschriftungen
- Focus und Tabs
- Captchas
Barrierefreie SVGs
- Metadaten
- roles und aria-Attribute
Zugängliche Farben
- Farbkonzept
- Farben und Kontraste
Wie Sie ihre Webseite so optimieren, dass alle Nutzer die Inhalte besser sehen können!
Responsiv(es Webdesign)
Rechtliches

BITV
Barrierefreie-Informationstechnik-Verordnung
Web-Standards

WCAG
Web Content Accessibility Guidelines
leichte Sprache