Images

Critère 1.3 [A] Pour chaque image porteuse d'information ayant une alternative textuelle, cette alternative est-elle pertinente (hors cas particuliers) ?

Ajouter ma proposition
  • Proposition DINSIC | 08/03/2019 - 16:13

    Modification du test 1.3.1

    Raison de la modification du test 1.3.1

    Prise en compte de l’ensemble des techniques permettant d’associer une alternative textuelle à une balise <img>.

    Ancien test 1.3.1

    Test 1.3.1 : Chaque image (balise img) porteuse d'information, ayant un attribut alt, vérifie-t-elle ces conditions (hors cas particuliers) ?

    • Le contenu de l'attribut alt est pertinent.
    • S'il est présent, le contenu de l'attribut title est identique au contenu de l'attribut alt.
    • S'il est présent, le contenu de la propriété aria-label est identique au contenu de l'attribut alt.
    • S'il est présent, le contenu du passage de texte lié via la propriété aria-labelledby est identique au contenu de l'attribut alt.

     

    Nouveau test 1.3.1

    Test 1.3.1 : Chaque image (balise <img> ou balise possédant l’attribut WAI-ARIA role="img") porteuse d'information, ayant une alternative textuelle, vérifie-t-elle ces conditions (hors cas particuliers) ?

    • S’il est présent, le contenu de l'attribut alt est pertinent.
    • S'il est présent, le contenu de l'attribut title est pertinent.
    • S'il est présent, le contenu de l’attribut WAI-ARIA aria-label est pertinent.
    • S'il est présent, le passage de texte associé via l’attribut WAI-ARIA aria-labelledby est pertinent.

    Mise(s) à jour 

    • le 22/03/2019 suite à commentaire abatifol le 22/03/2019 - 14:19

    juliemoynat

    Il y a de nombreux tests pour les critères liés aux images qui ont été modifiés pour indiquer que les contenus des attributs title, aria-label, aria-labelledby doivent être pertinents. Auparavant, on indiquait "identique".

    Sur quoi se base la pertinence alors ? Les tests ne sont plus du tout écrits de façon explicite et vont rendre leur bonne application très complexe.

    Si la pertinence est toujours basée sur le fait que ça doive être identique à l'attribut "alt", dans ce cas, il vaudrait mieux laisser "identique" plutôt que "pertinent".

    Si la pertinence se base sur d'autres critères d'appréciation, dans ce cas, ceux-ci devraient être précisés, a minima, dans une entrée du glossaire.

    • Pas d'accord 0 Pas d'accord

    DINSIC

    Bonjour, l'utilisation de l'attribut alt n'étant plus la seule technique autorisée, il est nécessaire de vérifier que l'ensemble des techniques pouvant être utilisée fournissent une alternative pertinente. Lorsque plusieurs techniques sont utilisées conjointement la valeur restituée sera de cette manière forcement pertinente. De plus, il n'y a dans WCAG aucune obligation qu'elles soient toutes identiques si elles sont pertinentes. Il appartiendra alors à l'auditeur de juger de la pertinence de chacune de valeurs utilisées.

    • Pas d'accord 0 Pas d'accord

    abatifol

    Bonjour,

    Voici une proposition de reformulation du critère :

    Chaque image (balise ou balise possédant l’attribut WAI-ARIA role="img") porteuse d'information, ayant une alternative textuelle, vérifie-t-elle ces conditions (hors cas particuliers) ?

    • Pas d'accord 0 Pas d'accord

    abatifol

    Chaque image (balise img ou balise possédant l’attribut WAI-ARIA role="img") porteuse d'information, ayant une alternative textuelle, vérifie-t-elle ces conditions (hors cas particuliers) ?

    • Pas d'accord 0 Pas d'accord

    DINSIC

    bonjour, votre commentaire a été pris en compte

    • Pas d'accord 0 Pas d'accord

  • Proposition DINSIC | 08/03/2019 - 16:12

    Modification du test 1.3.2

    Raison de la modification du test 1.3.2

    Prise en compte de l’ensemble des techniques permettant d’associer une alternative textuelle à une zone cliquable.

    Ancien test 1.3.2

    Test 1.3.2 : Chaque zone (balise area) d'une image réactive porteuse d'information, ayant un attribut alt, vérifie-t-elle ces conditions (hors cas particuliers) ?

    • Le contenu de l'attribut alt est pertinent.
    • S'il est présent, le contenu de l'attribut title est identique au contenu de l'attribut alt.
    • S'il est présent, le contenu de la propriété aria-label est identique au contenu de l'attribut alt.
    • S'il est présent, le contenu du passage de texte lié via la propriété aria-labelledby est identique au contenu de l'attribut alt.

     

    Nouveau test 1.3.2

    Test 1.3.2 : Chaque zone (balise <area>) d'une image réactive porteuse d'information, ayant une alternative textuelle, vérifie-t-elle ces conditions (hors cas particuliers) ?

    • S’il est présent, le contenu de l'attribut alt est pertinent.
    • S'il est présent, le contenu de l'attribut title est pertinent.
    • S'il est présent, le contenu de l’attribut WAI-ARIA aria-label est pertinent.
    • S'il est présent, le passage de texte associé via l’attribut WAI-ARIA aria-labelledby est pertinent.

     

  • Proposition DINSIC | 08/03/2019 - 16:11

    Modification du test 1.3.3

    Raison de la modification du test 1.3.3

    Prise en compte de l’ensemble des techniques permettant d’associer une alternative textuelle à un bouton de type image.

    Ancien test 1.3.3

    Test 1.3.3 : Chaque bouton de type image (balise input avec l'attribut type="image"), ayant un attribut alt, vérifie-t-il ces conditions (hors cas particuliers) ?

    • Le contenu de l'attribut alt est pertinent.
    • S'il est présent, le contenu de l'attribut title est identique au contenu de l'attribut alt.
    • S'il est présent, le contenu de la propriété aria-label est identique au contenu de l'attribut alt.
    • S'il est présent, le contenu du passage de texte lié via la propriété aria-labelledby est identique au contenu de l'attribut alt.

     

    Nouveau test 1.3.3

    Test 1.3.3 : Chaque bouton de type image (balise <input> avec l'attribut type="image"), ayant une alternative textuelle, vérifie-t-il ces conditions (hors cas particuliers) ?

    • S’il est présent le contenu de l'attribut alt est pertinent.
    • S'il est présent, le contenu de l'attribut title est pertinent.
    • S'il est présent, le contenu de l’attribut WAI-ARIA aria-label est pertinent.
    • S'il est présent, le passage de texte associé via l’attribut WAI-ARIA aria-labelledby est pertinent.

    Mise(s) à jour

    • le 28/03/2019 suite à commentaire fletrouve le 28/03/2019 - 07:21

    fletrouve

    balise <input"> "avec l'attribut type="image"

    • Pas d'accord 0 Pas d'accord

    DINSIC

    Bonjour, votre commentaire a été pris en compte

    • Pas d'accord 0 Pas d'accord

  • Proposition DINSIC | 08/03/2019 - 16:10

    Suppression du test 1.3.4

    Raison de la suppression du test 1.3.4

    Remplacement par le test 1.1.6.

    Ancien test 1.3.4

    Test 1.3.4 : Chaque image objet (balise object avec l'attribut type="image/…") porteuse d'information vérifie-t-elle une de ces conditions (hors cas particuliers) ?

    • L'image objet est immédiatement suivie d'un lien adjacent permettant d'afficher une page ou un passage de texte contenant une alternative pertinente.
    • Un mécanisme permet à l'utilisateur de remplacer l'image objet par un texte alternatif pertinent.
    • Un mécanisme permet à l'utilisateur de remplacer l'image objet par une image possédant une alternative pertinente.

  • Proposition DINSIC | 08/03/2019 - 16:09

    Modification du test 1.3.5

    Raison de la modification du test 1.3.5

    Mise en cohérence de la formulation suite à la création du test 1.1.6 et prise en compte de l’ensemble des techniques permettant d’associer une alternative textuelle.

    Ancien test 1.3.5

    Test 1.3.5 : Chaque image objet (balise object avec l'attribut type="image/…") porteuse d'information, qui utilise une propriété aria-label, aria-labelledby ou un attribut title, vérifie-t-elle ces conditions (hors cas particuliers) ?

    • S'il est présent, le contenu de l'attribut title est identique au contenu de l'attribut aria-label.
    • S'il est présent, le contenu de l'attribut title est identique au passage de texte lié par la propriété aria-labelledby.

     

    Nouveau test 1.3.5

    Test 1.3.5 : Chaque image objet (balise <object> avec l'attribut type="image/…") porteuse d'information, ayant une alternative textuelle ou un contenu alternatif, vérifie-t-elle ces conditions (hors cas particuliers) ?

    • S'il est présent, le contenu de l'attribut title est pertinent.
    • S'il est présent, le contenu de l’attribut WAI-ARIA aria-label est pertinent.
    • S'il est présent, le passage de texte associé via l’attribut WAI-ARIA aria-labelledby est pertinent.
    • S’il est présent le contenu alternatif est pertinent.

  • Proposition DINSIC | 08/03/2019 - 16:08

    Suppression du test 1.3.6

    Raison de la suppression du test 1.3.6

    Remplacement par le test 1.1.7.

    Ancien test 1.3.6

    Test 1.3.6 : Chaque image embarquée (balise embed avec l'attribut type="image/…") porteuse d'information vérifie-t-elle une de ces conditions (hors cas particuliers) ?

     

    • L'image embarquée est immédiatement suivie d'un lien adjacent permettant d'afficher une page ou un passage de texte contenant une alternative pertinente.
    • Un mécanisme permet à l'utilisateur de remplacer l'image embarquée par un texte alternatif pertinent.
    • Un mécanisme permet à l'utilisateur de remplacer l'image embarquée par une image possédant une alternative pertinente.

  • Proposition DINSIC | 08/03/2019 - 16:07

    Modification du test 1.3.7

    Raison de la modification du test 1.3.7

    Mise en cohérence de la formulation suite à la création du test 1.1.7 et prise en compte de l’ensemble des techniques permettant d’associer une alternative textuelle.

    Ancien test 1.3.7

    Test 1.3.7 : Chaque image embarquée (balise embed avec l'attribut type="image/…") porteuse d'information, qui utilise une propriété aria-label, aria-labelledby ou un attribut title, vérifie-t-elle ces conditions (hors cas particuliers) ?

    • S'il est présent, le contenu de l'attribut title est identique au contenu de l'attribut aria-label.
    • S'il est présent, le contenu de l'attribut title est identique au passage de texte lié par la propriété aria-labelledby.

     

    Nouveau test 1.3.7

    Test 1.3.7 : Chaque image embarquée (balise <embed> avec l'attribut type="image/…") porteuse d'information, ayant une alternative textuelle ou un contenu alternatif, vérifie-t-elle ces conditions (hors cas particuliers) ?

    • S'il est présent, le contenu de l'attribut title est pertinent.
    • S'il est présent, le contenu de l’attribut WAI-ARIA aria-label est pertinent.
    • S'il est présent, le passage de texte associé via l’attribut WAI-ARIA aria-labelledby est pertinent.
    • S’il est présent le contenu alternatif est pertinent.

  • Proposition DINSIC | 08/03/2019 - 16:06

    Suppression du test 1.3.8

    Raison de la suppression du test 1.3.8

    Remplacement par le test 1.1.5

    Ancien test 1.3.8

    Test 1.3.8 : Chaque image vectorielle (balise svg) porteuse d'information, en l'absence d'alternative, vérifie-t-elle ces conditions (hors cas particuliers) ?

    • La balise svg possède un role="img".
    • La balise svg possède une propriété aria-label dont le contenu est pertinent et identique à l'attribut title s'il est présent.
    • La balise svg possède une balise <title> dont le contenu est pertinent et contient un passage de texte identique à la propriété aria-label.

  • Proposition DINSIC | 08/03/2019 - 16:05

    Modification du test 1.3.9

    Raison de la modification du test 1.3.9

    Mise en cohérence de la formulation suite à la création du test 1.1.5 et prise en compte de l’ensemble des techniques permettant d’associer une alternative textuelle.

    Ancien test 1.3.9

    Test 1.3.9 : Pour chaque image vectorielle (balise svg) porteuse d'information et possédant une alternative, cette alternative est-elle correctement restituée par les technologies d'assistance ?

    Nouveau test 1.3.9

    Test 1.3.9 : Chaque image vectorielle (balise <svg>) porteuse d'information, ayant une alternative textuelle, vérifie-t-elle ces conditions (hors cas particuliers) ?

    • S'il est présent, le contenu de l'attribut title est pertinent.
    • S'il est présent, le contenu de l’attribut WAI-ARIA aria-label est pertinent.
    • S'il est présent, le passage de texte associé via l’attribut WAI-ARIA aria-labelledby est pertinent.

    Mise(s) à jour

    • le 28/03/2019 suite à commentaire fletrouve le 28/03/2019 - 07:25

    fletrouve

    supprimer le soulignement sur l'espace entre "d'information," et "ayant une alternative"

    • Pas d'accord 0 Pas d'accord

    DINSIC

    Bonjour, votre commentaire a été pris en compte

    • Pas d'accord 0 Pas d'accord

  • Proposition DINSIC | 08/03/2019 - 16:04

    Suppression du test 1.3.10

    Raison de la suppression du test 1.3.10

    Remplacement par le test 1.1.8.

    Ancien test 1.3.10

    Test 1.3.10 : Chaque image bitmap (balise canvas) porteuse d'information vérifie-t-elle une de ces conditions (hors cas particuliers) ?

    • Le contenu de l'alternative (contenu entre <canvas> et </canvas>) est pertinent.
    • L'image bitmap est immédiatement suivie d'un lien adjacent permettant d'afficher une page ou un passage de texte contenant une alternative pertinente.
    • Un mécanisme permet à l'utilisateur de remplacer l'image bitmap par un texte alternatif pertinent.
    • Un mécanisme permet à l'utilisateur de remplacer l'image bitmap par une image possédant une alternative pertinente.

Retour en haut