请注意,alt属性和figcaption元素所起到的作用是不同的。alt的意图是为图像提供一种替代文本,而figcaption是为figure提供相关的标题。相同的例子中使用figcaption时,它应该提供的文本如下:
<figcaption>小狗可爱不?</figcaption> 使用语义化HTML和ARIA,使所有用户都能使用如果看一下文章前面包含的示例,你会看到里面包含了以下内容:
<figure aria-labelledby="operahouse_1" role="group"> <img src="operahousesteps.jpg" alt="The Sydney Opera House"/> <figcaption>We saw the opera <cite>Barber of Seville</cite> here! </figcaption> </figure> 总结ARIA 角色和属性可以改善页面的可读性,如在屏幕阅读器或其他辅助性技术上。由于辅助技术变得越来越普遍,需要把在代码中集成ARIA,作为一个常规项来完成。
原文:How to Use ARIA Effectively with HTML5
原文作者:Georgie Luhur
原文链接:https://www.sitepoint.com/how-to-use-aria-effectively-with-html5/