代码之家 › 专栏 › 技术社区 › Michel

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

screen-readers wai-aria html

Michel · 技术社区 · 9 年前

我有一个元素(在bootstrap中定位在一个div中),其中包含一个cookie语句(在我居住的地方是强制性的,它有点像是说“我们使用cookie,按ok”)

有没有一种方法可以对屏幕读者说:下一个 section/div/element 是“cookie声明”吗?

比如:

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

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

2 回复 | 直到 9 年前

Quentin 9 年前

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

HTML还提供 <small> 代表“旁注,如小字免责声明、警告、法律限制或版权”。

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

-2

dakab 9 年前

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

推荐文章

Jun Yin · 如何修复“ARIA属性必须符合有效值”?

7 年前

bluePearl · 在没有JavaScript的情况下打开后,将键盘焦点放在modal上

7 年前

bawse · 角2和角4中的咏叹调可及性

7 年前

Taranjit Kang · Aria Live Region在Angular 2 ngIf验证中不断重复

7 年前

Semicolon · 2d x/y轴平面输入的适当aria角色和行为是什么?

7 年前

wscourge Kiran Balakrishnan · 可访问的隐藏文件输入

7 年前

martini449 · NVDA忽略具有role=“alert”的角度*ngIf块

8 年前

Andrew Pham · 为表格标题和免责声明添加WCAG 2.0 aria标签

8 年前

franenos · 可访问用户链接内的图像

9 年前

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

9 年前