Accessibilite numerique-Inspecter chaque page humainement-Deconstruire la page web

Mise en œuvre de l’accessibilité numérique

Menu

Mise en situation

Un premier test, assez amusant parce que souvent spectaculaire, consiste à déconstruire la page web consultée. La déconstruire ainsi pas à pas, permet deux choses :

• révéler comment elle est construite et donc apprécier si cela est bien fait ;
• simuler différentes situations de consultation et donc apprécier sa robustesse dans des conditions dégradées de consultation.

La question que vous devez vous poser à chaque étape est : « l’information reste-t-elle compréhensible ? »

Pour y parvenir, faites les manipulations proposées puis répondez aux questions suivantes :

Commencez par ouvrir la page à tester dans le navigateur Firefox.

Questions

1 Désactiver JavaScript : Dans le menu « Désactiver » de l’extension Web Developper, sélectionner « Désactiver JavaScript > tout le JavaScript ». Rafraîchissez la page. Que doit-on vérifier ?

	L'information doit être toujours compréhensible
	Il faut vérifier que les contenus animés (exemple : slider/carroussel) sont toujours disponibles
	Il faut vérifier la structure de l'information (H1, H2, …)

2 Désactiver les images : Dans le menu « Images » de l’extension Web Developper, sélectionner « Désactiver les images ». Que doit-on vérifier ?

	L'information doit être toujours compréhensible
	Toutes les images doivent être remplacées par une alternative textuelle
	Les images porteuses d'information doivent être remplacées par une alternative textuelle

3 Désactiver les styles CSS : Dans le menu « CSS » de l’extension Web Developper, sélectionner « Désactiver les styles css > tous les styles ». Que doit-on vérifier ?

	L'information doit être toujours compréhensible
	Il faut vérifier la structure de l'information (H1, H2)
	Aucun élément ne doit disparaitre
	Aucun élément porteur d'information ne doit disparaitre

Avant de poursuivre ou de recommencer l’un de ces tests, pensez à réactiver tout ce que vous venez de désactiver.

< Précédent | Suivant >