为屏幕阅读器设置元素 (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
添加到相应的元素。
我有一个元素(在 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
添加到相应的元素。