以下是 Ahmad Shadeed 写的一篇很棒的文章,介绍了如何确保界面中的可点击区域是可点击的。 他写了关于如何确保链接、按钮和其他元素满足触控和鼠标的无障碍标准。
我特别喜欢 Ahmad 谈论在元素周围制作一个假圆圈的部分,以及他展示的这个示例

类似地,Andy Bell 刚刚写了一些关于 创建语义“突破”按钮以使整个元素可点击 的笔记。 这是一个常见模式,您可能希望设计元素看起来像卡片,但整个东西实际上是一个按钮。 Andy 提出了一些值得一看的无障碍提示!
关于按钮也是如此。 使用圆形的 border-radius
会修剪角,创建小的不可点击区域。