我在我的网站上使用<area>
标记。关于可访问性,如果您通过区域TAB,我想将轮廓颜色更改为黑色。
我正在使用scss(sass)。我试过了:
*:focus {
outline: none;
}
area {
&:focus {
outline: #000000 3px solid !important;
}
}
但是在Safari浏览器中,它不会显示任何边框或颜色:焦点或当我选择通过该区域时?
这是我的<area>
:
<area shape="poly" alt="My alt text" coords="162,250,183,244,201,244,211,244,203,232,198,223,178,216,169,213,156,216,153,227,135,227,124,230,120,237,120,248,123,257,140,260" href="my-link" title="My-Title" target="_blank">