![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
应用无障碍
网民阿三
互联网从业者,主要领域短视频运营、新媒体。
展开
-
web前端:img标签alt属性什么情况留空?
在图片已经有了文字说明,或者仅仅为了美化页面的情况下,alt属性似乎有些多余。即便如此,我们仍然需要为img标签添加alt属性,这时可以把它设为空,例如:<img src="visualDecoration.jpeg" alt="">对于背景图片,它们通常起装饰作用,而且含有 CSS 类,所以背景图片不会被屏幕阅读器处理。注意:对于有标题的图片,我们依然需要添加alt属性,...转载 2019-05-14 09:38:40 · 5355 阅读 · 0 评论 -
web前端:使用"h1"-"h6"标签让页面内容层次鲜明
标题标签(包括h1到h6)有很高的使用率,它们用于描述内容的主题。在屏幕阅读器中,用户为更快地了解页面内容,可以设置让阅读器只朗读页面标题。这意味着标题标签之间以及标签本身都应语义化,不应仅仅为了获得不同字号而使用不同级别的标题标签。语义化:标签名能准确地表达它所含内容的信息类型。对于一篇含有引言、正文、结论的论文,把结论作为引言的一部分没有任何意义,因为结论应该是独立的章节。类似地,页面中...原创 2019-05-14 10:45:10 · 1816 阅读 · 0 评论 -
web前端:main、header、footer、nav、article、section标签的用法
HTML5添加了诸如main、header、footer、nav、article、section等大量新标签,这些新标签为开发人员提供更多的选择和辅助特性。默认情况下,浏览器呈现这些新标签的方式与div相似。然而,合理地使用它们,可以使你的标签更加的语义化。辅助技术(如:屏幕阅读器)可以通过这些标签为用户提供更加准确的、易于理解的页面信息。标签mainmain标签用于呈现网页的主体内容...原创 2019-05-14 16:04:28 · 19336 阅读 · 0 评论