gpt4 book ai didi

html - 角色 ="banner"的上下文是什么

转载 作者:行者123 更新时间:2023-11-27 22:54:37 25 4
gpt4 key购买 nike

Banner Landmark 的 W3C ARIA 示例页面中HTML 技术 选项卡中有这段文字:(强调我的)

  • The HTML5 header element defines a banner landmark when its context is the body element.
  • The HTML5 header element is not considered a banner landmark when it is descendant of any of following elements:
    • article
    • aside
    • main
    • nav
    • section

我知道这段代码中的 header 不会自动设置横幅角色:

<body>
<main>
<article>
<header><!-- ... --></header>
</article>
</main>
</body>

但是如果标题没有嵌套在上述任何元素中,同时不是body元素的直接后代呢?
这段代码中的header是否自动设置了banner角色?

<body>
<div>
<header><!-- ... --></header>
<main></main>
</div>
</body>

元素/header 元素的上下文是什么
它只是元素的直接父元素吗?
还是设置上下文的最接近的祖先元素?

我在 Roles documentation 中找不到任何提示在 w3.org 上,该页面上多次提到 context 这个词,但与示例页面上提到的上下文不同(双关语意)。

最佳答案

official <header> element spec给出了更多的说明,尽管您可能需要多读几遍才能理解。

When a <header> element’s nearest ancestor sectioning root element is the <body> element, and it is not a descendant of the <main> element or a sectioning content element, then that <header> is scoped to the <body> element and represents mostly site-oriented content, or introductory content for the page as a whole.

然后它继续说:

Assistive Technology may convey to users the semantics of the header element when it applies to the whole page. This information can provide a hint as to the type of content. For example, the role of the element, which in this case is "banner", can be announced by screen reader software when a user navigates to a header element that is scoped to the body element.

因此,如果您的 <header>不属于 <body> ,屏幕阅读器很可能不会将标题宣布为横幅地标,但这取决于屏幕阅读软件。

关于html - 角色 ="banner"的上下文是什么,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56983798/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com