HTMLAccessibility

AccessibilityAccessibilityWAI意味着所有人都应该能够访问互联网的内容。辅助功能帮助：有视觉和听觉问题的人有认知和神经问题的人有身体和语言问题的人W3C提出了一组支持WAI（Web可访问性）的资源，此后已成为Web标准。Accessibility通常包括以下软件：ScreenReadersSpeechRecognitionDevicesSubtitlesandTextWAI旨在创建ARIA（AccessibleRichInternetApplication）。AlternativeimagetextTextAlternativealt属性中的Text，用于描述图像的内容，作为替代文本。alt属性可以在图片加载失败或者不可见的情况下帮助用户了解图片的内容。搜索引擎也用它来理解图片的内容，并将其添加到搜索结果中。Semantic语义是指一个标签名称能够准确表达它包含的信息类型。在使用中，同级（或更高）的标题标签用于打开新的章节，下级的标题标签用于打开上一级标题标签的小节。使用结构元素，比如mainmain标签用来呈现网页的主要内容，每个页面应该只有一个。这是为了包围与页面中心主题相关的信息，而不包括需要在多个页面上重复的内容，例如导航链接、网页横幅等。article是section标签，用于呈现独立完整的内容。此标签适用于博客、论坛帖子或新闻文章。section元素也是HTML5引入的新元素，语义与article略有不同。article用于自包含和完整的内容，而section用于对与主题相关的内容进行分组。它们可以根据需要嵌套。例如：如果一本书是一篇文章，那么每一章就是一个节。当内容组之间没有联系时，可以使用div。header应该用在HTML文档的body标签中。它不同于包含页面标题、元信息的head标签。可以为父标签渲染介绍信息或导航链接，适用于在多个页面顶部重复出现的内容。nav可以让屏幕阅读器快速识别页面中的导航信息。它用于呈现页面中的主要导航链接。页脚允许辅助工具快速定位它。它位于页面底部，用于显示版权信息或相关文档的链接。ImageAudioVideoAudioAudioaudio标签用于呈现音频内容或音频流，这些内容或音频流也需要供聋人或有听力障碍的人使用的替代文本。audio标签支持controls属性，用于显示浏览器默认的播放、停止等控件，同时支持键盘功能。这是一个布尔属性，意味着它不需要值，如果它出现在标签上，它就会被启用。ImageImagefigure标签及其关联的figcaption标签。它们一起用于呈现视觉信息（例如图像、图表）及其标题。这样，通过对内容进行语义分组，配合文字解释图，可以大大提高内容的可访问性。

VideoVideo标签用于呈现视频内容或视频流，这些内容或视频流也需要供盲人或视力障碍者使用的替代文本。video标签支持controls属性，用于显示浏览器默认的播放、停止等控件，同时支持键盘功能。这是一个布尔属性，意味着它不需要值，如果它出现在标签上，它就会被启用。accesskey链接间快速导航的属性HTML提供了accesskey属性，用于指定激活或获取元素焦点的快捷键。添加accesskey属性允许键盘用户更有效地导航。tabindex为元素添加键盘焦点HTMLtabindex属性具有三个与选项卡焦点相关的功能。当它在一个元素上时，意味着该元素可以获得焦点。tabindex的值（可以是零、负整数或正整数）定义行为。当用户使用键盘导航页面时，链接和表单控件等元素可以自动获得焦点。它们按照它们在HTML文档流中出现的顺序获得焦点。使其他标签（如div、span、p等）通过将它们的tabindex属性值设置为0来达到类似的效果。tabindex属性值为负整数（通常为-1）的标签也可以被聚焦，但是不能通过键盘操作（如tab键）聚焦。此方法通常用于以编程方式聚焦内容的场景（例如，将焦点设置到使用div实现的弹出窗口）。something

tabindex属性还可以指定元素的tab键焦点顺序，这个功能可以通过将其值设置为大于等于1的整数来实现。设置tabindex="1"到一个元素，键盘将首先关注这个元素。然后它依次循环指定的tabindex值（2、3等），然后移动到默认项和tabindex="0"项。需要注意的是，以这种方式设置tab键焦点顺序会覆盖默认顺序，默认顺序是tab在文档流中出现的顺序。这会使想要从页面顶部开始导航的用户感到困惑。在某些情况下使用tabindex是必要的，但应该考虑到页面的可访问性。