当多个元素具有相同的“id”值时

mdranr1424@mail

跳过链接、参考部分和 HTML 标题使这些用户能够跳过对他们没有帮助的重复内容，并直接转到页面的有用部分。 这样想一下：使用包含“跳转到菜谱”链接的菜谱网站比使用需要滚动直到找到配料列表的菜谱网站要有趣得多？ “id”属性 id 是添加到元素的 HTML 属性，用于为该元素分配标签（也称为“id”）。CSS 和 JavaScript 使用 id 属性来根据属性中找到的内容执行某些任务。 例如，以下是按钮的 HTML 代码： <button id="button1" >发送</button> id="button1" 将此按钮标记为button1。其他按钮（例如“取消”或“退格键”）可能分别标记为“button2”或“button3”。 这些 id 属性告诉浏览器根据属性的内容将特定的 CSS 和/或 JavaScript 应用于这些按钮。 辅助技术在向使用它们的人描述页面内容时也使用 id 属性。




这些工具无法准确地描述页面或执行用户命令。 使用这些简单的按钮，如果“提交”和“取消”按钮都使用 id="button1" ，则告诉屏幕阅读器单击“œbutton1”将产生意外且不需要的结果，因为浏览器不知道您想要哪个按钮使用。换句话说，尝试单击“取消”按钮很可能最终会导致有人“发送”。 不难想象这会给用户带来严重 脸书数据库 的问题。 对于不使用任何辅助技术的人来说，页面上重复的 id 值也会导致用户体验问题。由于 CSS 和 JavaScript 可以依赖 ids 来正常工作，非唯一值可能会导致页面的外观或功能无法按预期运行。 与 accesskey 值一样，您可以通过确保所有 deid 属性都是唯一的并且不存在重复项来避免任何可访问性问题。 标题顺序 正如我们之前所说，标题是指定页面内容的标题和副标题的 HTML 元素。它们为内容提供结构，使其更易于阅读和理解。






HTML 标头应保持从 1 到 6 的逻辑降序数字顺序，其中 1 是最重要的，6 是最不重要的。当 HTML 标题不按顺序排列时，内容的轮廓就会被破坏。 这种混乱的顺序将使使用屏幕阅读器的人们更难以准确了解内容结构。他们还可能在从一个部分导航到另一个部分时遇到困难，因为标题不能准确反映哪些副标题应与哪些标题相关联。 同样，有关 HTML 标头的完整详细信息，请参阅我们的HTML 标头指南。 “选项卡索引”值 tabindex 值是一个 HTML 属性，您可以将其添加到元素中，以指定当有人使用键盘输入（通常是 Tab 键）导航页面时该元素在可聚焦元素的顺序中所处的位置。因此，具有 tabindex="1" 的元素将在具有 tabindex="2" 的元素之前获得焦点。 但是，指定大于 0 的“tabindex”值可能会导致用户出现导航性和可访问性问题。 指定大于 0 的值会告诉辅助技术在关注具有 tabindex="0" 的任何元素或任何不具有 tabindex 属性的元素之前先关注该元素。