为屏幕阅读器设置元素 (div) 的描述

Set a description for an element (div) for a screenreader

我有一个元素(在 bootstrap 中,因此位于 div 中),其中包含一个 cookie 语句(我住的地方是强制性的,它有点像 'we use cookies press ok')

有什么方法可以让我对着屏幕说 reader:下一个 section/div/element 是一个“cookie 声明”?

所以像这样:

<div description = "This is a cookie statement">

我不知道屏幕reader是如何工作的,但我可以想象用户可以决定跳过这个 section/div/element

由 HTML 定义并被屏幕阅读器理解的标记,用于指示文档下一部分的内容是 <h1><h6> 系列标题元素。屏幕阅读器通常包括 "Skip to next heading" 功能。

HTML也提供<small>表示"side comments such as small print … disclaimers, caveats, legal restrictions, or copyrights".

<div>
    <h2>Cookie Usage Statement</h2>
    <p><small>Foo Inc. uses cookies for blah blah blah</small></p>
</div>

您可以将 aria-hidden 添加到相应的元素。