几个小时前，我读了关于
aria-label属性，其中：
Defines a string value that labels the current element.
但在我看来，这是标题属性应该做的。我在Mozilla Developer Network进一步看了一些例子和解释，但我发现的唯一的是
<button aria-label="Close" onclick="myDialog.close()">X</button>
其中不提供任何标签(所以我假设我误解了这个想法)。我在jsfiddle试试这里。
所以我的问题是：为什么我需要aria标签，我应该如何使用它？
解决方法
这是一个旨在帮助
assistive technology(例如屏幕阅读器)将标签附加到匿名HTML元素的属性。
所以有< label>元件：
<label for="fmUserName">Your name</label> <input id="fmUserName">
< label>显式地告诉用户在输入框中键入其名称，其中id =“fmUserName”。
aria标签做同样的事情，但它是那些在屏幕上有一个标签是不实际或不可取的情况。采取the MDN example：
<button aria-label="Close" onclick="myDialog.close()">X</button>`
大多数人都能够直观地推断这个按钮会关闭对话框。盲人使用辅助技术可能只是听到“X”朗读，这并不意味着没有视觉线索。 aria标签明确告诉他们按钮将做什么。
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
