文章标签

假设我们有一个 <div></div>。

我们只希望这个 div 在悬停时可见，所以

div:hover { 
  opacity: 1; 
}

为了无障碍性，我们需要焦点样式，所以

div:hover,
div:focus { 
  opacity: 1; 
}

但是 div 的……

David Gilbertson

去除焦点轮廓就像从学校移除无障碍坡道，因为它不符合美观。

所以 David 展示了如何除非检测到用户正在使用 Tab 键，否则移除焦点轮廓，然后……

上个月，Heather Migliorisi 探讨了平滑滚动的无障碍性。为了实现平滑滚动，您需要

1. 检查单击的链接是否为 #jump 链接
2. 阻止浏览器默认行为，即立即跳转到该元素