WooCommerce · BFSG

WooCommerce Barrierefreiheit: die praktische BFSG-Checkliste

WooCommerce selbst ist weitgehend zugänglich; die meisten Probleme entstehen durch Themes, Page Builder und Plugins. Beheben Sie diese zuerst.

1. Alternativtexte in der Mediathek

Medien → Mediathek → jedes Produktbild → „Alternativtext“. Galeriebilder verwenden dasselbe Feld.

2. Theme-Farben

Design → Customizer → Farben. Buttons, Preise, Sale-Badges und Hinweise verfehlen oft das Kontrastverhältnis von 4,5:1.

3. Page Builder

Mit Elementor, Divi und Co. entstehen schnell Überschriften in falscher Reihenfolge und Icon-Buttons ohne Namen. Halten Sie die Hierarchie H1 → H2 → H3 ein und beschriften Sie Icon-Widgets.

4. Varianten und Swatches

Swatch-Plugins ersetzen das zugängliche <select> oft durch klickbare Divs. Prüfen Sie die Bedienung per Tastatur oder behalten Sie das Standard-Dropdown.

5. Formulare

Contact Form 7, Newsletter- und Checkout-Felder: Jedes Feld braucht eine sichtbare Beschriftung, Fehler müssen als Text angezeigt werden.

6. Erklärung zur Barrierefreiheit

Veröffentlichen Sie eine Seite mit Ihrer Erklärung und verlinken Sie sie im Footer; unser kostenloser Generator erstellt sie für Sie.