为屏幕阅读器设置元素（div）的描述

Question

我有一个元素（在一个div中的bootstrap中），它包含一个cookie语句（在我住的地方是强制性的，有点像'我们使用cookies按ok'）

我有没有办法对屏幕阅读器说：下一个SELECT E.Name, CASE WHEN E.Id = '' THEN (Select Employees.Id from Employees where Employees.Id <> '' and E.Name = Employees.Name) ELSE E.Id END as Idx, COUNT(Id) AS Cnt FROM Employees as E WHERE Condition = 1 GROUP BY Name, Idx 是'cookie声明？

类似于：

section/div/element

我不知道屏幕阅读器是如何工作的，但我可以想象用户可以决定跳过这个<div description = "This is a cookie statement">

Answer 1

由HTML定义并由屏幕阅读器理解的标记，用于指示文档的下一部分是<h1>到<h6>系列标题元素。屏幕阅读器通常包括“跳到下一个标题”功能。

HTML还提供<small>来表示“附带评论，例如小字体，免责声明，警告，法律限制或版权”。

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

Answer 2

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