Barrierefreiheit in Eigenes HTML / andere

• Alle Funktionen per Tastatur bedienbar machen

  Alles, was man im Shop mit der Maus tun kann, muss auch mit der Tastatur gehen, ohne dass man irgendwo festhängt.

  mittel · etwa 90 Minuten

• Alt-Texte für Bilder ergänzen

  Jedes Bild, das Information trägt, braucht eine kurze Textalternative, und rein dekorative Bilder bekommen ein leeres alt-Attribut.

  leicht · etwa 30 Minuten

• Aussagekräftige Linktexte schreiben

  Ein Link soll sagen, wohin er führt, damit man ihn auch ohne das Drumherum versteht, statt nur "hier" oder "mehr".

  leicht · etwa 30 Minuten

• Barrierefreiheitserklärung im Footer verlinken

  Die Seite mit den Informationen zur Barrierefreiheit soll von jeder Seite deines Shops aus über einen klar benannten Link im Footer erreichbar sein.

  leicht · etwa 20 Minuten

• Cookie-Banner barrierefrei gestalten

  Der Cookie-Banner ist oft das Erste, was man im Shop sieht, deshalb muss er per Tastatur und Screenreader bedienbar sein, und Zustimmen wie Ablehnen müssen gleich leicht gehen.

  mittel · etwa 60 Minuten

• Farbkontraste von Text und Bedienelementen verbessern

  Text und wichtige Bedienelemente brauchen genug Kontrast zum Hintergrund, damit auch Menschen mit eingeschränktem Sehen sie lesen können.

  mittel · etwa 60 Minuten

• Formularfelder richtig beschriften

  Jedes Eingabefeld braucht eine sichtbare Beschriftung, die technisch mit dem Feld verknüpft ist, damit Screenreader sie vorlesen können.

  leicht · etwa 45 Minuten

• PDF-Dokumente zugänglich machen

  PDFs wie AGB, Größentabellen oder Datenblätter brauchen Tags, damit Screenreader sie lesen können, und am besten bietest du die Inhalte zusätzlich als HTML an.

  schwer · etwa 120 Minuten

• Sichtbaren Tastaturfokus herstellen

  Wer mit der Tastatur durch deinen Shop geht, muss jederzeit sehen, welches Element gerade ausgewählt ist.

  leicht · etwa 30 Minuten

• Sprache der Seite und fremdsprachiger Passagen auszeichnen

  Mit dem lang-Attribut weiß der Screenreader, in welcher Sprache er vorlesen soll, für die ganze Seite und für einzelne fremdsprachige Abschnitte.

  leicht · etwa 15 Minuten

• Überschriften sinnvoll strukturieren

  Echte Überschriften von h1 bis h6 in logischer Reihenfolge machen deinen Shop für Screenreader und für alle anderen leichter überschaubar.

  leicht · etwa 45 Minuten

• Verständliche Fehlermeldungen in Formularen

  Wenn bei einer Eingabe etwas nicht stimmt, muss die Meldung als Text erscheinen, das betroffene Feld nennen und sagen, wie man es korrigiert.

  mittel · etwa 60 Minuten