概述可访问性

Question

你能帮我说一下如何实现 大纲辅助功能 element.eleme.io。因为我想创建div可聚焦并添加tabindex="0"。但是当我在我的自定义组件中点击div时，我看到了丑陋的轮廓样式。 我看了很多文章，看不到好的变种。关于聚焦环的最受欢迎的文章也已被阅读。     但也许你有没有javascript的好解决方案。或者可能需要创建语义html？

Answer 1

您可以使用CSS中的焦点选择器设置焦点指示器的样式。不需要Javascript来更改它。您不应该删除它，因为有些人需要看到它，但您可以使它看起来不错并符合您的网站设计。 https://developer.mozilla.org/en-US/docs/Web/CSS/:focus与文本颜色相同的虚线边框，使用CSS过渡来缓和和放松通常很不错。