1

我正在使用部分标签对论坛页面上的主题和回复进行分组。如果我需要在其他文章页面上加载主题及其回复,我将 div 标签用于同一块并将主题标题从 h1 更改为 h2。虽然它是有效的。但是,对于辅助技术,这会让导航有点混乱吗?

4

2 回答 2

1

假设您所谈论的辅助技术主要涉及屏幕阅读器,那么了解您的页面的可访问性的最佳方法是自己下载并测试它。我曾经这样做的免费屏幕阅读器称为 NVDA,但还有更多。

通常,当页面背后有逻辑结构时,屏幕阅读器效果最好。如果您要显示多篇文章,请确保每篇文章都位于页面上类似的层次结构位置,并且每篇文章本身在结构上与其他文章相似。使用 HTML5 语义标签(如article,aside等)可能会有所帮助,但不是必需的。屏幕阅读器和其他辅助技术的出现时间比这些标签的存在时间要长得多。如果可能的话,它们当然很好用,但还有其他更重要的方法可以让尽可能多的受众访问您的页面。

另一件好事是对标题使用标题标签,并按顺序使用它们。屏幕阅读器通常为用户提供从一个标题跳到另一个标题的选项,以便获得页面上内容的摘要。您还可以在页面顶部或在视觉上放置标题可能不合适的部分中包含视觉上不可见的链接(通过使用 CSS 将它们放置在远离页面边缘的位置)。这些内容将由屏幕阅读器在上下文中阅读,而您的非视障用户不会看到它们。

如果您担心可访问性,更清楚地了解您的页面的可访问性的好方法是遵循 WCAG(Web 内容可访问性指南)标准建议。WCAG 由 W3C 管理,具有不同级别的可访问性,您在开发内容时可以考虑尊重这些可访问性。W3C 有一个验证器列表,可以在此处找到。

于 2013-01-18T12:15:33.097 回答
1

要从评论中回答您的问题:

把一个题目读成h2,点击它,然后进入论坛页面,这个题目变成了h1,听起来怎么样?

这不应该让大多数人感到困惑,特别是如果你一直这样做的话。我假设您正在制作一个类似新闻的网站。

上面 Levi 提到article了标签。如果您每页有多个故事,我建议您使用它们。div标签大致是 HTML 世界的垃圾箱,只有在没有其他可用时才应该使用它。Article标签既为您的代码提供了更好的语法价值,而且它们还有另一个功能,称为角色。角色允许使用屏幕阅读器的人在页面中跳转,就像使用标题标签一样。

于 2013-01-18T13:23:05.950 回答