En bootstrap, aria signifie « Application Internet riche accessible » et est l'abréviation de « Application Internet riche accessible ». Elle est utilisée pour améliorer la reconnaissance et la lecture des pages Web sur les appareils d'assistance à la lecture désactivés et peut compenser le HTML et le JS. Lacunes d’accessibilité.
L'environnement d'exploitation de ce tutoriel : système Windows 10, version bootstrap 3.3.7, ordinateur DELL G3
aria est l'abréviation de Accessible Rich Internet Application, Baidu Translation : Programme d'application Internet riche accessible.
Ce type d'attribut vise à améliorer la reconnaissance et la lecture des pages Web sur les appareils d'aide à la lecture handicapés.
aria est une technologie d'accès d'assistance relativement nouvelle, utilisée pour compenser le manque d'accessibilité du HTML et du JS lui-même. La prise en charge d'Aria n'est ni obligatoire ni obligatoire, mais la prise en charge d'Aria rendra votre application plus conviviale et plus robuste.
Par exemple :
Le formulaire ci-dessous ajoute l'attribut aria-label, puis lorsque la page sera focus sur ce formulaire, le lecteur d'écran lira la valeur de l'attribut aria-label, et l'aria-label n'aura pas de effet visuel. Il est simplement pratique pour l'appareil de lire les notes.
<input type="text" class="form-control" id="name" placeholder="请输入名称" aria-label="名称">
Développer les connaissances :
ARIA propose des solutions pour les applications Web pour répondre aux différents besoins des utilisateurs. Construisez un pont entre les utilisateurs et les logiciels.
La nouvelle norme HTML5 ajoute les attributs de balise aria-*, le nom complet est Accessible Rich Internet Application. Utilisé conjointement avec l'attribut de balise de rôle.
L'attribut role indique le rôle réel d'une balise non standard. Par exemple, si vous utilisez un div comme bouton, définissez le rôle du div = "bouton", et l'outil auxiliaire peut reconnaître qu'il s'agit en fait d'un bouton. La fonction de aria-* est de décrire les informations spécifiques de cette balise dans la situation visuelle.
L'application la plus simple, par exemple,
<div role="checkbox" aria-checked="checked"></div>
L'outil auxiliaire saura que ce div est en fait un rôle de case à cocher et est dans l'état sélectionné.
Recommandations associées : Tutoriel bootstrap
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!