CSS透明度如何影响可访问性?

前端之家收集整理的这篇文章主要介绍了CSS透明度如何影响可访问性?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
浏览了许多Google和其他SO文章后,我决定明确提出我的问题,希望能够直接回答一个简单的问题.

添加一个进一步的步骤到Does opacity:0 have exactly the same effect as visibility:hidden的讨论:我明白显示:无和可见性:隐藏隐藏元素从屏幕阅读器等,但不透明度:0?

关联问题的答案之一的表格指出,不透明度参与制表,那肯定意味着将会是mapped to the accessibility API

设置一个巨大的负文本缩进通常被提供作为替代显示:无和可见性:隐藏的下拉菜单,但我想淡化我的菜单进出没有JavaScript,同时确保我不隐藏他们屏幕阅读器.

解决方法

不透明度:0;不会隐藏屏幕阅读器的内容,尽管它会隐藏来自用户和部分目光的用户内容. 这就像在白色背景上显示一个白色文本(或透明的,你得到的想法). 它将被映射到可访问性API,您仍然应该看到指针改变上面的链接,编辑:您仍然可以选择文本/编辑,有人应该测试,看是否,当列表链接和表单元素,默认虚线轮廓将照常显示或透明.编辑:后者,只是在这个页面上用Firebug测试.

猜你在找的CSS相关文章