Wikiversité

« Accessibilite numerique-Inspecter chaque page humainement-Deconstruire la page web » : différence entre les versions

Navigation interactive dans l’historique
← Modification précédenteModification suivante →
Contenu supprimé Contenu ajouté
VisuelWikicode
Aucun résumé des modifications
Aucun résumé des modifications
Ligne 17 :
===Questions===
<quiz shuffle="none" points="0" display="simple">
{'''Désactiver JavaScript :''' <ol><li>Dans le menu « Désactiver » de l’extension Web Developper, sélectionner « Désactiver JavaScript > tout le JavaScript ».</li><li> Rafraîchissez la page.</li></ol> Que se passe-t-il ? Les animations (carrousels, sliders et peut-être vidéo) se figent ou disparaissent…<br><br>'''L’information reste-tdoit-elleon compréhensiblevérifier ?'''
| type="{}[]" }
 
- 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, …)
 
{ Champ_libre _70 }
 
|| Si l’écran s’affiche vierge, vous êtes face à un site « full JS », c’est-à-dire face à un site entièrement réalisé en JavaScript. Il faudra engager des tests plus pointus, qui nécessitent un expert, pour apprécier si le JavaScript en vigueur est programmé de façon accessible.
Ligne 30 ⟶ 33 :
Passez au test suivant.
 
{'''Désactiver les images :''' <ol><li>Dans le menu « Images » de l’extension Web Developper, sélectionner « Désactiver les images »</li></ol>Que se passe-t-il ? Les images disparaissent et sont remplacées par leurs alternatives textuelles. C’estQue ainsi qu’une page s’affiche lorsque ses images n’ont pas eu le temps de charger, comme cela arrive avec une mauvaise connexion internet.<br><br>'''L’information reste-tdoit-elleon compréhensiblevérifier ?'''
| type="{}[]" }
 
+ 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
 
 
{ Champ_libre _70 }
 
|| Manque-t-il des informations ? Au besoin réactivez-désactivez les images pour comparer.
Ligne 41 ⟶ 48 :
Passez au test suivant.
 
{'''Désactiver les styles CSS :''' <ol><li>Dans le menu « CSS » de l’extension Web Developper, sélectionner « Désactiver les styles css > tous les styles ».</li></ol> Que se passe-t-il ? La page s’affiche « nue », déshabillée des instructions de mise en forme visuelle. C’est ainsi qu’une page s’affiche lorsque ses styles n’ont pas eu le temps de charger, comme par exemple en basse connexion, comme cela vous est peut-être déjà arrivé en naviguant sur le Web.<br><br>'''L’information reste-tdoit-elleon compréhensiblevérifier ?'''
| type="{}[]" }
 
+ 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
 
 
{ Champ_libre _70 }
 
|| Manque-t-il des informations ? Au besoin réactivez-désactivez les styles pour comparer.
Récupérée de « https://fr.wikiversity.org/wiki/Accessibilite_numerique-Inspecter_chaque_page_humainement-Deconstruire_la_page_web »