Inclusive Design

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

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
    Landscape.svg
  • 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
  • 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)
    Brad-Frost-this-is-not-the-web.png
  • Rechtliches

    BITV
    Barrierefreie-Informationstechnik-Verordnung

  • Web-Standards

    WCAG
    Web Content Accessibility Guidelines

  • leichte Sprache




SELF-Forum:

SELF-Blog:


Weblinks