Hier ist ein großartiger Beitrag von Ahmad Shadeed, in dem es darum geht, sicherzustellen, dass klickbare Bereiche in unseren Benutzeroberflächen auch wirklich klickbar sind. Er schreibt darüber, wie Links, Schaltflächen und andere Elemente die Barrierefreiheitsstandards sowohl für Touch- als auch für Mausbedienung erfüllen.
Besonders gefällt mir der Abschnitt, in dem Ahmad über das Erstellen eines künstlichen Kreises um ein Element schreibt und wo er dieses Beispiel zeigt.
In einer ähnlichen Note hat Andy Bell gerade ein paar Notizen dazu geschrieben, wie man eine semantische „Breakout“-Schaltfläche erstellt, um ein ganzes Element klickbar zu machen. Dies ist ein gängiges Muster, bei dem Sie ein Designelement wünschen, das wie eine Karte aussieht, aber das Ganze ist effektiv eine einzelne Schaltfläche. Es gibt ein paar Tipps zur Barrierefreiheit, die Andy anspricht und die es wirklich wert sind, angeschaut zu werden!
Das Gleiche könnte man über Schaltflächen sagen. Die Verwendung eines abgerundeten border-radius schneidet die Ecken ab und erzeugt kleine, nicht klickbare Bereiche.