Html 标签中以 aria- 开头的属性是什么？

在编写 HTML 页面时，相信大家都有遇到过以 aria- 开头的属性，如 aria-placeholder ，aria-hidden，aria-details 等等。

那么这个以 aria- 开头的属性是干什么用的呢？我们知道，input 标签有 label 属性，那么为什么又有一个以 aria- 开头的 aria-label 属性呢？今天就来解开大家的疑惑！

aria 英文全称：Accessible Rich Internet Application，翻译成中文就是：可访问的富互联网应用程序。其实它是一组属性，定义了使残疾人或者老年人更容易访问 web 内容和 web 应用程序（尤其是使用 JavaScript 开发的应用程序）的方法。

这类属性的作用是为了增强网页在残障辅助阅读设备上的识别读取。aria 是一种比较新的辅助访问技术，用来弥补 HTML 和 JS 本身对可访问性方面的不足。支持 aria 并不是必须或者强制的，但是支持 aria 会让你的应用变得更友好，更健壮。

举个例子：

下面这个表单添加了 aria-label 属性，那么当页面聚焦到此表单上时，屏幕阅读器会读出 aria-label 属性的值，aria-label 不会在视觉上呈现效果，只是方便设备读取备注。

<input 
    type="text"
    class="form-control"
    id="name"
    placeholder="请输入名称"
    aria-label="名称"
/>

像我们经常访问的知乎，它就支持 aria ，从而方便老年人和残障人士更友好的浏览网页，享受网上冲浪的快乐。知乎网页其实也明确标识了它是支持 aria 的，通过知乎页面代码我们也可以看到 aria 的身影。