M4103 Accessibilité. Par Margot Cartier groupe E. Le 30/04/2016

Transcription

1 M4103 Accessibilité Par Margot Cartier groupe E Le 30/04/2016 1

2 Table des matières Partie 1 site public : fonction publique... 3 Partie 2 site privée : le zap de spion... 7 Partie 3 : Mon site personnel Partie 4 : Conclusion

3 Grille d audit La grille d audit qui permet de réaliser un premier audit d accessibilité correspond aux critères AccessiWeb bronze établit par l association Braillenet et consultables en ligne pour obtenir plus de détails : N Ref Question Catégorie Oui (1) Partiel (0,5) Non (0) Chaque image a t elle une alternative textuelle? N Mettre une alternative textuelle à chaque image Pour chaque image de décoration ayant une alternative textuelle, cette alternative est elle renseignée? N Mettre une alternative textuelle Pour chaque image porteuse d une information ayant une alternative textuelle, cette alternative est elle pertinente (hors cas particuliers)? Pour chaque image utilisée comme CAPTCHA ou comme image test, ayant une alternative textuelle, cette alternative permet elle d identifier la nature et la fonction de l image? Pour chaque image utilisée comme CAPTCHA, une solution d accès alternative au contenu ou à la fonction du CAPTCHA est elle présente? Chaque image porteuse d information a t elle, si nécessaire, une description détaillée? Pour chaque image porteuse d information ayant une description détaillée, cette description est elle pertinente? Chaque cadre et chaque cadre en ligne a t il un titre de cadre? Cadres Pour chaque cadre et chaque cadre en ligne ayant un titre de cadre, ce titre de cadre est il Cadres Dans chaque page web, l information ne doit pas être donnée uniquement par la couleur. Cette règle est elle respectée? Couleurs Dans chaque page web, l information ne doit pas être donnée uniquement par la couleur. Cette règle est elle implémentée de façon pertinente? Couleurs Chaque média temporel préenregistré a t il, si nécessaire, une transcription textuelle ou une audiodescription (hors cas particuliers)? Pour chaque média temporel préenregistré ayant une transcription textuelle ou une audiodescription synchronisée, celles ci sont elles pertinentes (hors cas particuliers)? Chaque média temporel synchronisé préenregistré a t il, si nécessaire, des sous titres synchronisés (hors cas particuliers)? Pour chaque média temporel synchronisé préenregistré ayant des sous titres synchronisés, ces sous titres sont ils pertinents? Chaque média temporel est il clairement identifiable (hors cas particuliers)? reims.fr:2986/client_net/pdfexport.aspx?exporttype=1 1/4

4 Chaque média non temporel a t il, si nécessaire, une alternative (hors cas particuliers)? Pour chaque média non temporel ayant une alternative, cette alternative est elle pertinente? Le son des éléments multimédias est il contrôlable par l utilisateur? La consultation de chaque média temporel est elle contrôlable par le clavier et la souris? La consultation de chaque média non temporel est elle contrôlable par le clavier et la souris? Chaque média temporel et non temporel est il compatible avec les technologies d assistance (hors cas particuliers)? Chaque tableau de données a t il un résumé? Pour chaque tableau ayant un résumé, celui ci est il Dans chaque tableau, le contenu linéarisé reste t il compréhensible? Chaque tableau de données a t il un titre? Pour chaque tableau de données ayant un titre, celui ci est il Pour chaque tableau de données, chaque en tête de colonne et chaque en tête de ligne sont ils correctement déclarés? Pour chaque tableau de données, la technique appropriée permettant d associer chaque cellule avec ses en têtes est elle utilisée? Chaque tableau de mise en forme ne doit pas utiliser d éléments propres aux tableaux de données. Cette règle est elle respectée? Chaque lien est il explicite (hors cas particuliers)? Pour chaque lien ayant un titre de lien, celui ci est il Les liens présents sur toutes les pages ont ils la même fonction et la même destination? Chaque zone cliquable d une image réactive côté serveur est elle doublée d un lien dans la page? Dans chaque page web, chaque lien, à l exception des ancres nommées, a t il un intitulé? Chaque script a t il, si nécessaire, une alternative (hors cas particuliers)? Pour chaque script ayant une alternative, cette alternative est elle pertinente? Chaque script est il contrôlable par le clavier et la souris (hors cas particuliers)? Chaque script est il, si nécessaire, compatible avec les technologies d assistance? N. Mettre tout les scripts compatible avec les technologies d'assistance Pour chaque script qui initie un changement de contexte, l utilisateur est il averti ou en a t il le contrôle? Chaque page web est elle définie par un type de reims.fr:2986/client_net/pdfexport.aspx?exporttype=1 2/4

5 document? Pour chaque page web, le code source est il valide selon le type de document spécifié? Dans chaque page web, la langue par défaut est elle présente? Pour chaque page web ayant une langue par défaut, le code de langue est il Chaque page web a t elle un titre de page? Pour chaque page web ayant un titre de page, ce titre estil Dans chaque page web, les balises ne doivent pas être utilisées uniquement à des fins de présentation. Cette règle est elle respectée? Dans chaque page web, les changements du sens de lecture sont ils signalés? Dans chaque page web, l information est elle structurée par l utilisation appropriée de titres? Dans chaque page web, chaque liste est elle structurée avec les balises appropriées? Dans chaque page web, chaque citation est elle correctement indiquée? Dans le site web, des feuilles de style sont elles utilisées pour contrôler la présentation de l information? Dans chaque page web, le contenu visible reste t il présent lorsque les feuilles de style ou les images sont désactivées? Dans chaque page web, l information reste t elle compréhensible lorsque les feuilles de style sont désactivées? Dans chaque page web, chaque lien dont la nature n est pas évidente est il visible par rapport au texte environnant? Dans chaque page web, pour chaque élément recevant le focus, la prise de focus est elle visible? Pour chaque page web, les textes cachés sont ils correctement restitués par les technologies d assistance? Dans chaque page web, l information ne doit pas être donnée uniquement par la forme, la taille ou la position. Cette règle est elle respectée? Dans chaque page web, l information ne doit pas être donnée par la forme, la taille ou la position uniquement. Cette règle est elle implémentée de façon pertinente? Structure Structure Structure Chaque champ de formulaire a t il une étiquette? Chaque étiquette associée à un champ de formulaire estelle pertinente? Dans chaque formulaire, chaque étiquette de champ et son champ associé sont ils accolés? Dans chaque formulaire, les informations de même nature sont elles regroupées, si nécessaire? reims.fr:2986/client_net/pdfexport.aspx?exporttype=1 3/4

6 Dans chaque formulaire, chaque regroupement de champs de formulaire a t il une légende? Dans chaque formulaire, chaque légende associée à un groupement de champs de formulaire est elle pertinente? Dans chaque formulaire, chaque liste de choix est elle structurée de manière pertinente? Dans chaque formulaire, l intitulé de chaque bouton est il Dans chaque formulaire, le contrôle de saisie est il utilisé de manière pertinente? Dans chaque page web, les groupes de liens importants (menu, barre de navigation...) et la zone de contenu sontils identifiés? Dans chaque page web, des liens d évitement ou d accès rapide aux groupes de liens importants et à la zone de contenu sont ils présents? N Dans chaque page web, l ordre de tabulation est il cohérent? Dans chaque page web, la navigation doit pouvoir se faire avec le clavier. Cette règle est elle respectée? Pour chaque page web, l utilisateur a t il le contrôle sur le temps de rafraîchissement de la page (hors cas particuliers)? Dans chaque page web, pour chaque ouverture d une nouvelle fenêtre, l utilisateur est il averti? N. Mettre un message pour avertir Dans chaque page web, l ouverture d une nouvelle fenêtre ne doit pas être déclenchée sans action de l utilisateur. Cette règle est elle respectée? Dans chaque page web, pour chaque fichier en téléchargement, des informations relatives à sa consultation sont elles présentes (hors cas particuliers)? Dans chaque page web, chaque document bureautique en téléchargement possède t il, si nécessaire, une version accessible (hors cas particuliers)? Pour chaque document bureautique ayant une version accessible, cette version offre t elle la même information? Dans chaque page web, chaque contenu cryptique (art ASCII, émoticône, syntaxe cryptique) a t il une alternative? Dans chaque page web, pour chaque contenu cryptique (art ASCII, émoticône, syntaxe cryptique) ayant une alternative, cette alternative est elle pertinente? Dans chaque page web, les changements brusques de luminosité ou les effets de flash sont ils correctement utilisés? Dans chaque page web, chaque contenu en mouvement ou clignotant est il contrôlable par l utilisateur? Source : Copyright 2012 Association BrailleNet. Tous droits réservés. reims.fr:2986/client_net/pdfexport.aspx?exporttype=1 4/4

7 Grille d audit La grille d audit qui permet de réaliser un premier audit d accessibilité correspond aux critères AccessiWeb bronze établit par l association Braillenet et consultables en ligne pour obtenir plus de détails : N Ref Question Catégorie Oui (1) Partiel (0,5) Non (0) Chaque image a t elle une alternative textuelle? Pour chaque image de décoration ayant une alternative textuelle, cette alternative est elle renseignée? Pour chaque image porteuse d une information ayant une alternative textuelle, cette alternative est elle pertinente (hors cas particuliers)? Pour chaque image utilisée comme CAPTCHA ou comme image test, ayant une alternative textuelle, cette alternative permet elle d identifier la nature et la fonction de l image? Pour chaque image utilisée comme CAPTCHA, une solution d accès alternative au contenu ou à la fonction du CAPTCHA est elle présente? Chaque image porteuse d information a t elle, si nécessaire, une description détaillée? Pour chaque image porteuse d information ayant une description détaillée, cette description est elle pertinente? Chaque cadre et chaque cadre en ligne a t il un titre de cadre? Cadres Pour chaque cadre et chaque cadre en ligne ayant un titre de cadre, ce titre de cadre est il Cadres Dans chaque page web, l information ne doit pas être donnée uniquement par la couleur. Cette règle est elle respectée? Couleurs Dans chaque page web, l information ne doit pas être donnée uniquement par la couleur. Cette règle est elle implémentée de façon pertinente? Couleurs Chaque média temporel préenregistré a t il, si nécessaire, une transcription textuelle ou une audiodescription (hors cas particuliers)? N. Mettre en place sous titre pour les videos Pour chaque média temporel préenregistré ayant une transcription textuelle ou une audiodescription synchronisée, celles ci sont elles pertinentes (hors cas particuliers)? Chaque média temporel synchronisé préenregistré a t il, si nécessaire, des sous titres synchronisés (hors cas particuliers)? Pour chaque média temporel synchronisé préenregistré ayant des sous titres synchronisés, ces sous titres sont ils pertinents? Chaque média temporel est il clairement identifiable (hors cas particuliers)? reims.fr:2986/client_net/pdfexport.aspx?exporttype=1 1/4

8 Chaque média non temporel a t il, si nécessaire, une alternative (hors cas particuliers)? Pour chaque média non temporel ayant une alternative, cette alternative est elle pertinente? Le son des éléments multimédias est il contrôlable par l utilisateur? La consultation de chaque média temporel est elle contrôlable par le clavier et la souris? La consultation de chaque média non temporel est elle contrôlable par le clavier et la souris? Chaque média temporel et non temporel est il compatible avec les technologies d assistance (hors cas particuliers)? Chaque tableau de données a t il un résumé? Pour chaque tableau ayant un résumé, celui ci est il Dans chaque tableau, le contenu linéarisé reste t il compréhensible? Chaque tableau de données a t il un titre? Pour chaque tableau de données ayant un titre, celui ci est il Pour chaque tableau de données, chaque en tête de colonne et chaque en tête de ligne sont ils correctement déclarés? Pour chaque tableau de données, la technique appropriée permettant d associer chaque cellule avec ses en têtes est elle utilisée? Chaque tableau de mise en forme ne doit pas utiliser d éléments propres aux tableaux de données. Cette règle est elle respectée? Chaque lien est il explicite (hors cas particuliers)? Pour chaque lien ayant un titre de lien, celui ci est il Les liens présents sur toutes les pages ont ils la même fonction et la même destination? Chaque zone cliquable d une image réactive côté serveur est elle doublée d un lien dans la page? Dans chaque page web, chaque lien, à l exception des ancres nommées, a t il un intitulé? Chaque script a t il, si nécessaire, une alternative (hors cas particuliers)? N. Mettre en place alternative Pour chaque script ayant une alternative, cette alternative est elle pertinente? Chaque script est il contrôlable par le clavier et la souris (hors cas particuliers)? Chaque script est il, si nécessaire, compatible avec les technologies d assistance? N. Mettre tout les scripts compatible avec les technologies d'assistance Pour chaque script qui initie un changement de contexte, l utilisateur est il averti ou en a t il le contrôle? N. Permettre le contrôle Chaque page web est elle définie par un type de reims.fr:2986/client_net/pdfexport.aspx?exporttype=1 2/4

9 document? Pour chaque page web, le code source est il valide selon le type de document spécifié? Dans chaque page web, la langue par défaut est elle présente? Pour chaque page web ayant une langue par défaut, le code de langue est il Chaque page web a t elle un titre de page? Pour chaque page web ayant un titre de page, ce titre estil Dans chaque page web, les balises ne doivent pas être utilisées uniquement à des fins de présentation. Cette règle est elle respectée? Dans chaque page web, les changements du sens de lecture sont ils signalés? Dans chaque page web, l information est elle structurée par l utilisation appropriée de titres? Structure Dans chaque page web, chaque liste est elle structurée avec les balises appropriées? Structure N. Manque balise H Dans chaque page web, chaque citation est elle correctement indiquée? Structure Dans le site web, des feuilles de style sont elles utilisées pour contrôler la présentation de l information? Dans chaque page web, le contenu visible reste t il présent lorsque les feuilles de style ou les images sont désactivées? Dans chaque page web, l information reste t elle compréhensible lorsque les feuilles de style sont désactivées? Dans chaque page web, chaque lien dont la nature n est pas évidente est il visible par rapport au texte environnant? Dans chaque page web, pour chaque élément recevant le focus, la prise de focus est elle visible? Pour chaque page web, les textes cachés sont ils correctement restitués par les technologies d assistance? Dans chaque page web, l information ne doit pas être donnée uniquement par la forme, la taille ou la position. Cette règle est elle respectée? Dans chaque page web, l information ne doit pas être donnée par la forme, la taille ou la position uniquement. Cette règle est elle implémentée de façon pertinente? Chaque champ de formulaire a t il une étiquette? Chaque étiquette associée à un champ de formulaire estelle pertinente? Dans chaque formulaire, chaque étiquette de champ et son champ associé sont ils accolés? Dans chaque formulaire, les informations de même nature sont elles regroupées, si nécessaire? reims.fr:2986/client_net/pdfexport.aspx?exporttype=1 3/4

10 Dans chaque formulaire, chaque regroupement de champs de formulaire a t il une légende? Dans chaque formulaire, chaque légende associée à un groupement de champs de formulaire est elle pertinente? Dans chaque formulaire, chaque liste de choix est elle structurée de manière pertinente? Dans chaque formulaire, l intitulé de chaque bouton est il Dans chaque formulaire, le contrôle de saisie est il utilisé de manière pertinente? Dans chaque page web, les groupes de liens importants (menu, barre de navigation...) et la zone de contenu sontils identifiés? Dans chaque page web, des liens d évitement ou d accès rapide aux groupes de liens importants et à la zone de contenu sont ils présents? N. Créer ces liens Dans chaque page web, l ordre de tabulation est il cohérent? Dans chaque page web, la navigation doit pouvoir se faire avec le clavier. Cette règle est elle respectée? Pour chaque page web, l utilisateur a t il le contrôle sur le temps de rafraîchissement de la page (hors cas particuliers)? N. Mettre en place un contrôle sur le temps de rafraichissement Dans chaque page web, pour chaque ouverture d une nouvelle fenêtre, l utilisateur est il averti? N. Mettre un message pour avertir Dans chaque page web, l ouverture d une nouvelle fenêtre ne doit pas être déclenchée sans action de l utilisateur. Cette règle est elle respectée? Dans chaque page web, pour chaque fichier en téléchargement, des informations relatives à sa consultation sont elles présentes (hors cas particuliers)? Dans chaque page web, chaque document bureautique en téléchargement possède t il, si nécessaire, une version accessible (hors cas particuliers)? Pour chaque document bureautique ayant une version accessible, cette version offre t elle la même information? Dans chaque page web, chaque contenu cryptique (art ASCII, émoticône, syntaxe cryptique) a t il une alternative? Dans chaque page web, pour chaque contenu cryptique (art ASCII, émoticône, syntaxe cryptique) ayant une alternative, cette alternative est elle pertinente? Dans chaque page web, les changements brusques de luminosité ou les effets de flash sont ils correctement utilisés? Dans chaque page web, chaque contenu en mouvement ou clignotant est il contrôlable par l utilisateur? Source : Copyright 2012 Association BrailleNet. Tous droits réservés. reims.fr:2986/client_net/pdfexport.aspx?exporttype=1 4/4

11 Partie 3 : Mon site personnel Mon site ne possède pas beaucoup de contenue. Les choses que j ai dû améliorer sont des alternatives textuelles, aucune de mes images n en possédaient. Sinon pour le reste mon site n est pas assez fourni pour avoir d autres choses à changer. 12

12 Partie 4 : Conclusion J ai été surprise que le site public ne soit pas plus accessible par des petites erreurs changeables facilement comme les alternatives textuelles manquantes. J ai été plutôt surprise dans le bon sens par le site privée le zap de spion qui malgré des problèmes d accessibilité à réussit à faire les choses les plus simple pour rendre accessible avec des alternatives textuelles aux images, le site en comportant beaucoup permet de comprendre le site sans avoir à regarder les images. Mon premier contact avec l accessibilité a été plutôt compliqué je ne pensais pas qu il y avait autant de choses à faire attention pour rendre un site accessible à tous. Et la grille d audit fait plutôt peur à première vue avec 83 questions pour juger un site. Mais l accessibilité est une chose importante que chaque personne travaillant dans le web devrait prendre conscience pour travailler. 13