增强可点击区域大小

Avatar of Robin Rendle
Robin Rendle

DigitalOcean 为您的旅程的每个阶段提供云产品。 立即开始使用 价值 200 美元的免费积分!

以下是 Ahmad Shadeed 写的一篇很棒的文章,介绍了如何确保界面中的可点击区域是可点击的。 他写了关于如何确保链接、按钮和其他元素满足触控和鼠标的无障碍标准。

我特别喜欢 Ahmad 谈论在元素周围制作一个假圆圈的部分,以及他展示的这个示例

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

关于按钮也是如此。 使用圆形的 border-radius 会修剪角,创建小的不可点击区域

直接链接 →