如何视觉隐藏网页内容,只让它们在屏幕阅读器中可用?
来源:互联网 发布:创建表时外键的sql语句 编辑:程序博客网 时间:2024/06/13 07:39
1.display:none;的缺陷 搜索引擎可能认为被隐藏的文字属于垃圾信息而被忽略 屏幕阅读器(是为视觉上有障碍的人设计的读取屏幕内容的程序)会忽略被隐藏的文字。 2. visibility: hidden ;的缺陷 这个大家应该比较熟悉就是隐藏的内容会占据他所应该占据物理空间 3.overflow:hidden;一个比较合理的方法 .texthidden { display:block;/*统一转化为块级元素*/ overflow: hidden; width: 0; height: 0; } 就像上面的一段CSS所展示的方法,将宽度和高度设定为0,然后超过部分隐藏,就会弥补上述一、二方法中的缺陷,也达到了隐藏内容的目的。
0 0
- 如何视觉隐藏网页内容,只让它们在屏幕阅读器中可用?
- 有哪些的隐藏内容的方法(如果同时还要保证屏幕阅读器可用呢?)
- 如何让div它们在一行显示
- WebView 只在屏幕左半边显示网页内容的问题
- 如何让网页适应所有的屏幕宽度+表格根据内容自适应
- 如何让 beyond compare 只比较内容
- 如何在EXCEL中不复制隐藏的内容
- 如何让Android中 dialog显示在屏幕底部
- 如何让div在整个屏幕中垂直居中
- 如何让网页自适应所有屏幕宽度
- 如何让网页自适应屏幕宽度
- 如何让网页自适应所有屏幕宽度
- Android WebView 隐藏网页中内容
- 如何让网页中所有链接都在新窗口打开
- Html5系列(二十七)在html5中通过JavaScript显示隐藏网页内容
- 如何在EXCEL中只复制可见单元格(忽略隐藏行/列)
- 如何让DIV始终保持在屏幕中间
- 在表单中如何只让其输出汉字,输入其他无效
- 有关Intel主板驱动静默安装的一个坑
- SSCANF这才是我想要的。。
- SQL语句总结(视图,序列,存储过程,函数,游标)
- 如何使用swiper
- C++中Vector的erase()操作以及与remove的区别
- 如何视觉隐藏网页内容,只让它们在屏幕阅读器中可用?
- SQL server 基础
- JSP中播放提示声音
- 备战蓝桥杯--历届试题题解
- 二叉树, 二叉查找树,二分查找算法
- 227. Basic Calculator II
- map 详细用法(常看看哦)
- 20140816题目小节
- pow()