Bootstrap 无障碍设计

网页亲和性/可及性 accessible 设计可以为无障碍设备，如屏幕阅读器，提供元素相关的信息，以方便用户使用。

Bootstrap 针对无障碍网页设计提供了相关的类属性，用以标记结构、互动组件、颜色等。

如果需要为元素提供额外的信息可以使用属性 aria-label="text"，屏幕阅读器会将里面的文字 text 读取处理，可以为表单输入框等结构复杂的元素设置这个属性，以添加相关的描述性内容。

如果需要提供的相关信息过长，可以使用 aria-describedby="key" 属性，并在（通过具有相同名称的 id 属性）相匹配的元素 <div id="key"> 内添加描述。

html

<label for="inputPassword5">Password</label>
<input type="password" id="inputPassword5" class="form-control" aria-describedby="passwordHelpBlock">
<small id="passwordHelpBlock" class="form-text text-muted">
  Your password must be 8-20 characters long, contain letters and numbers, and must not contain spaces, special characters, or emoji.
</small>

Tip

如果希望元素及其内容只给屏幕阅读器读取（而不显示在页面上），可以为元素添加属性 sr-only