2

我刚刚开始了解 Web 内容可访问性,并且正在阅读有关非文本内容的文档

据它说:

对于作为控件或接受用户输入的非文本内容,例如用作提交按钮、图像映射或复杂动画的图像,提供一个名称来描述非文本内容的用途,以便人们至少知道什么非文本内容存在以及为什么存在。

所以我仔细检查了这里的意思name是否与 HTML 名称属性相同,发现它不是。

文档底部附近的定义name是:

姓名

软件可以通过该文本向用户识别 Web 内容中的组件

注 1:名称可能隐藏,仅通过辅助技术公开,而标签显示给所有用户。在许多(但不是全部)情况下,标签和名称是相同的。

注意 2:这与 HTML 中的 name 属性无关。

name所以我的问题是,如果它不是 HTML 属性,我该如何将它合并到我的网站中?

4

3 回答 3

3

这取决于您使用的控件。一些例子:

  • 输入控件,文本区域:

    使用label带有for属性的元素,匹配元素的id属性。

    <label for="input1">My label</label><input type="text" id="input1" />
    
  • 纽扣

    如果您使用该button元素,请在内容中包含描述

    <button>My label</button>
    

    对于input[type=submit],您可以使用以下value属性:

    <input type="submit" value="My label" />
    
  • 如果要描述图像,请使用alt属性

    前任:

    <img src="..." alt="My label" />
    
于 2016-10-04T13:21:16.247 回答
1

请参阅我对如果 HTML 元素具有 role="button" 是否也应具有属性 "name" 的回答。另一个人在询问对象的“名称”,我澄清说对象的名称不是 name= 属性(该属性用于 javascript),而是辅助技术将出现的对象的标签用户。更多细节在我的帖子中。

于 2016-10-05T00:19:27.203 回答
0

您所说的“名称”属性是您在网页中使用的标签的属性。示例:标签按钮您可以指定标签的名称以方便用户使用。注意 2 告诉您 HTML 标记与此属性无关。

于 2016-10-03T16:35:09.510 回答