Maison > interface Web > tutoriel CSS > Ash Devtols Pro

Ash Devtols Pro

William Shakespeare
Libérer: 2025-03-25 09:13:14
original
394 Les gens l'ont consulté

Axe Devtools Pro

Je vais essayer de vous montrer certaines choses que je pense que sont utiles et importantes sur AX ™ Devtools et utiliser le moins de mots possible.

AX Devtools comprend une extension de navigateur dont vous n'avez pas besoin d'expertise spéciale à utiliser.

Vous l'installez à partir des répertoires d'extension comme toute autre extension.

C'est un onglet avec vos autres Devtools.

Ce pourrait être à droite. J'aime cliquer et le faire glisser par l'onglet Elements.

Maintenant, je peux scanner ma page et trouver 57% des problèmes d'accessibilité ainsi que de l'aide pour les réparer.

Voici un sur Codepen qui manquait un attribut de titre.

Les informations dans l'extension elle-même sont très utiles pour résoudre le problème, mais je peux également cliquer sur Deque University pour être très claire et détaillée des informations sur le problème, qui elle affecte et comment les réparer. Pour le problème que j'ai trouvé ci-dessus:

Les utilisateurs du lecteur d'écran ont la possibilité d'éliminer une liste de titres pour toutes les trames d'une page. L'ajout de titres descriptifs et uniques permet aux utilisateurs de trouver rapidement le cadre dont ils ont besoin. Si aucun titre n'est présent, naviguer dans les cadres peut rapidement devenir difficile et déroutant.

AX Devtools Pro déverrouille les tests Guided ™ intelligents, ce qui signifie que nous pouvons résoudre 83% de tous les problèmes d'accessibilité.

Il y a de nombreux problèmes d'accessibilité qu'une analyse statique du code ne peut pas attraper. Par exemple, votre site a-t-il un modal? Si c'est le cas, le tester nécessite des tests étape par étape. Quels boutons l'ouvrent (car la concentration devra y être retournée)? Le modal peut-il être trouvé une fois ouvert? Est-ce que cela piégeait la mise au point? Est-ce closable? Ce sont des problèmes importants qui sont difficiles à retenir par vous-même et impossibles à tester statiquement. Mais vous avez de la chance, les tests guidés intelligents (que vous obtenez en mettant à niveau vers Ax Devtools Pro) facilitent les problèmes, car il vous guide à chaque étape.

"Faites-vous nettoyer la hache avant de pousser." est une chose de culture d'entreprise que je peux prendre en retard.

Vous ne commettez pas d'erreurs de syntaxe dans le code. Vous ne commettez pas de code mal formaté. Ne commettez pas non plus les bogues d'accessibilité. Ouvrez Axe Devtools et gardez-vous la hache avant de faire monter de nouveaux commits.

Les amis ne laissent pas les amis expédier un code inaccessible.

Obtenez votre essai gratuit de 14 jours

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!

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal