将Web可访问性(WAG2)修改
示例代码:
-
添加Alt标签:在HTML中的img元素中添加alt属性。例如:
<img src="image.jpg" alt="这是图片的说明文字">
-
使用语义化标签:使用语义化标签提高网页的可读性。例如:
<header>
<h1>网站标题</h1>
</header>
<nav>
<ul>
<li><a href="#">导航1</a></li>
<li><a href="#">导航2</a></li>
<li><a href="#">导航3</a></li>
</ul>
</nav>
<article>
<h2>文章标题</h2>
<p>文章内容</p>
</article>
<footer>
<p>版权信息</p>
</footer>
-
添加标题:使用h1-h6标签添加页面标题,有利于屏幕阅读器识别网页结构。例如:
<h1>页面标题</h1>
<h2>章节标题</h2>
<h3>小节标题</h3>
-
增加对比度:使用CSS增加文本和背景颜色之间的对比度。例如:
body {
color: #333;
background-color: #f7f7f7;
}
a {
color: #007acc;
}
a:hover {
color: #005f84;
}
-
增加焦点可见性:使用CSS调整聚焦元素的样式,提高键盘导航的可操作性。例如:
.focus {
outline: 2px solid #007acc;
}
总的来说,Web可访问性的修改需要遵循一些规范和指南,如WCAG 2.0,以确保网站可以被尽可能多的用户访问。