What does aria mean in bootstrap?

In bootstrap, aria means "Accessible Rich Internet Application" and is the abbreviation of "Accessible Rich Internet Application". It is used to enhance the recognition and reading of web pages on assistive reading devices with disabilities. It can Make up for the shortcomings in html and js accessibility.

The operating environment of this tutorial: Windows 10 system, bootstrap version 3.3.7, DELL G3 computer

What does aria mean in bootstrap

aria is the abbreviation of Accessible Rich Internet Application, Baidu Translation: Accessible Rich Internet Application.

This type of attribute is to enhance the recognition and reading of web pages on assistive reading devices with disabilities.

aria is a relatively new assistive access technology, used to make up for the lack of accessibility of html and js itself. Supporting Aria is not required or mandatory, but supporting Aria will make your application friendlier and more robust.

For example:

The following form adds the aria-label attribute, then when the page is focused on this form, the screen reader will read the value of the aria-label attribute, aria-label There is no visual effect, it just makes it easier for the device to read the notes.

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

Expand knowledge:

ARIA provides solutions for Web apps to meet the different needs of users. Build a bridge between users and software.

The new HTML5 standard adds aria-* tag attributes, the full name is Accessible Rich Internet Application. Used in conjunction with the role tag attribute.

The role attribute indicates the actual role of a non-standard tag. For example, if you use a div as a button, then set the div's role="button", and the auxiliary tool can recognize that it is actually a button. The function of aria-* is to describe the specific information of this tag in the visual situation.

The simplest application, for example,

<div role="checkbox" aria-checked="checked"></div>

The auxiliary tool will know that this div is actually a checkbox role and is in the selected state.

Related recommendations: bootstrap tutorial

The above is the detailed content of What does aria mean in bootstrap?. For more information, please follow other related articles on the PHP Chinese website!