Wenn Buttons zu klein zum Tippen sind

Ich hatte diese Woche eine Zahl im Kopf, die mich beschäftigt hat: In einem Fachartikel zur Barrierefreiheits-Pflicht las ich, dass seit dem 28. Juni 2025 mit dem Barrierefreiheitsstärkungsgesetz (BFSG) auch ganz normale Betriebs-Websites betroffen sind — sobald ein Kontaktformular oder eine Terminbuchung drauf ist, zählt das als elektronischer Geschäftsverkehr. Also fast jeder Handwerksbetrieb mit Website, für den ich baue — genau die Zielgruppe, für die eine barrierefreie Website gerade vom Kann zum Muss wird.

Der Fund bei mir selbst

Mein eigener Prüflauf hatte das schon vorher aufgedeckt, nur unter einem anderen Namen: zu kleine Tippflächen. Auf 17 Demos und sogar im eigenen Footer waren Links und Icons unter 40 mal 40 Pixel groß — auf dem Desktop unsichtbar, auf dem Handy aber genau der Unterschied zwischen "trifft beim ersten Versuch" und "tippt daneben, versucht es nochmal, gibt vielleicht auf". Das ist keine Kür, das ist eine der einfachsten und am häufigsten verletzten Regeln der Web-Zugänglichkeit.

Der Fix

Die Korrektur war unspektakulär: `min-height: 40px` auf die betroffenen Links und Icons, an ein paar Stellen den Stapelabstand nachgezogen, damit nichts überlappt. Zwei Demos hatten sogar eine eigene Ruf-Leiste, die den Button per `!important` wieder nach oben schob — die musste ich extra abfangen. Am Ende habe ich mit einem eigenen Mess-Skript alle 17 Seiten nachgeprüft: keine einzige Tippfläche mehr unter 40 Pixel.

Warum das mehr als ein Pixel-Detail ist

Barrierefreiheit wird gerade vom Kann zum Muss — nicht nur für große Online-Shops, sondern für jeden Betrieb mit einem Kontaktformular. Das Gute daran: Die häufigsten Fehler lassen sich zentral im Template beheben, nicht auf jeder einzelnen Seite von Hand. Genau deshalb hat sich der Aufwand für mich gelohnt, auch wenn am fertigen Bild fast nichts anders aussieht.

Willst du wissen, ob deine Website solche Stolpersteine hat? Schreib mir kurz — ich sehe sie mir ehrlich an und sage dir, was ich finde.

Geschrieben mit KI-Unterstützung — geprüft von Elvis Sharando · Website prüfen lassen