保持父元素可见,子元素处于 :focus 状态
假设我们有一个 <div></div>
。
我们只希望当它被悬停时,该 div 可见,因此
div:hover {
opacity: 1;
}
出于无障碍性的考虑,我们还需要焦点样式,所以
div:hover,
div:focus {
opacity: 1;
}
但是 div 的……
假设我们有一个 <div></div>
。
我们只希望当它被悬停时,该 div 可见,因此
div:hover {
opacity: 1;
}
出于无障碍性的考虑,我们还需要焦点样式,所以
div:hover,
div:focus {
opacity: 1;
}
但是 div 的……
颜色非常适合将事物分开。这正是你最基本的饼图,不是吗?你通过颜色区分不同的切片。如果颜色对比度足够高,你可能没问题,但你可能会做得更好(尤其是在…… 的情况下)。
无障碍性是 Web 开发中经常被忽视的一个方面。我认为它与整体性能和代码可重用性一样重要。我们通过引用用户…… 来证明自己对更好性能和响应式设计的无休止追求。
就像他们的物理对应物一样,我们用来构建网站的材料也有其用途。在不了解其优点和局限性的情况下使用它们是不负责任的。没有人想住在建筑质量差的房子里。那么,为什么质量差的网站是可以接受的呢?
在……
David Gilbertson
删除焦点轮廓就像从学校移除无障碍坡道一样,因为它不符合美观要求。
因此,David 展示了如何删除它,除非你检测到用户正在使用 Tab 键,然后……