Wie ich meine Seite barrierefrei gestalte

Wir haben für die Redakteure unsichtbar einige Erleicherungen in die Webseiten eingebaut, die nur beim Vorlesen der Seite erfahrbar werden. Einige Elemente jedoch können nicht ausschließlich technisch abgesichert barrierefrei sein. Jeder Redakteur hat es in der Hand, seine Seiten für alle Benutzer zugänglich zu halten.

Hier haben wir alles versammelt, was Sie auf Ihren Seiten optimal für die Zugänglichkeit einstellen können. Ihre Seiten werden dadurch besser vorgelesen und auch in der mobilen Ansicht besser dargestellt.

Hier wird stichwortartig auf die eigentliche Anleitung verwiesen. Diese Tipps sind hervorgehoben und beginnen jeweils mit "💡: Aus Gründen der Zugänglichkeit"

  1. Jedes nicht-Text-Element sollte als Text erklärt werden, um erfahrbar zu sein
    1. Bilder
    2. Der perfekte Alt-Text (Uni-Erlangen)
    3. Audio
    4. Video
    5. Bildergalerie
    6. Imagescroller
  2. Titel Ihres Webseitenprojekts: wenn Sie ein Kopfbild verwenden, müssen Sie trotzdem einen Text-Titel vergeben
  3. Menü nicht auf beiden Menüplätzen identisch zuweisen
  4. Links auf Mailadressen
  5. Beschreibungen in Tabellen
  6. Formulare: Vorbelegung
  7. Akkordeons
  8. Abstände: bloß nicht leere Überschriften! Die werden im Screenreader als "Überschrift: leer" vorgelesen
  9. Gute Texte: typographische Sonderzeichen vermeiden. Senkrechte Striche werden als solche vorgelesen. Keine Leeren Zeilen keine leeren Überschriften: wird als "leer" vorgelesen!
  10. Gendern: Wie wird ein Genderzeichen vorgelesen?
    1. Stern: Anwender*innen - vorgelesen wird: Anwendersterninnen
    2. Unterstrich: Anwender_innen - vorgelesen wird: Anwenderinnen
    3. Doppelpunkt: Anwender:innen - vorgelesen wird: Anwender (hörbare Pause) Innen

Diese Liste ist immer unvollständig und wird ständig erweitert.

Wie geht es jetzt mit der Barrierefreiheit / Zugänglichkeit weiter?