HTML5技术

[翻译]如何在HTML5中有效使用ARIA - 脚后跟着猫(2)

字号+ 作者:H5之家 来源:H5之家 2016-05-19 17:00 我要评论( )

请注意,alt属性和figcaption元素所起到的作用是不同的。alt的意图是为图像提供一种替代文本,而figcaption是为figure提供相关的标题。相同的例子中使用figcaption时,它应该提供的文本如下: figcaption小狗可爱不

请注意,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/

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • HTML5 进阶系列:拖放 API 实现拖放排序 - _林鑫

    HTML5 进阶系列:拖放 API 实现拖放排序 - _林鑫

    2017-05-02 11:02

  • 如何在 ASP.NET Core 中发送邮件 - Savorboard

    如何在 ASP.NET Core 中发送邮件 - Savorboard

    2017-05-02 08:02

  • HTML5 进阶系列:indexedDB 数据库 - _林鑫

    HTML5 进阶系列:indexedDB 数据库 - _林鑫

    2017-04-27 14:02

  • HTML5 高级系列:web Storage - _林鑫

    HTML5 高级系列:web Storage - _林鑫

    2017-04-27 14:01

网友点评