Bonsoir,
Sur le fond les deux solutions s'équivalent.
L'exemple de la note est juste une démonstration du cas où la légende peut
faire office de texte de remplacement, cela ne signifie pas qu'il faut choisir
ou privilégier figcaption pour implémenter l'alternative.
On peut en revanche y voir certains avantages comme l'agrandissement de la
taille des caractères où une manière d'expliciter des images particulièrement
complexes pour des utilisateurs qui auraient des problèmes de compréhension
tout en pouvant bénéficier de l'image elle-même par exemple.
Mais comme tout ce qui concerne les images et leurs alternatives tout est une
question de contexte et d'adaptation.
En réalité tu fais comme tu veux et si tu considère que ta solution est plus
profitable c'est que tu as sans doute raison...
Je ne suis pas certain que ces techniques soient des pis-aller, nous allons les
utiliser massivement en HTML5 pendant un certain temps : figure, les surcharges
de rôle, aria-label..., sans oublier le délicat problèmes de la hiérarchie du
titrage.... Et nous en utilisons en AW 2 également comme scope sur un tableau
de données simple par exemple.
C'est notre destin...
JPV
________________________________
Jean-Pierre Villain - Qelios - 06 98 08 50 49
________________________________
De : Raoul MASSON <[email protected]>
À : [email protected]
Envoyé le : Vendredi 1 novembre 2013 23h03
Objet : Re: [Liste GTA] Alternative image HTML5
Bonsoir,
Merci pour votre réponse, je ne suis toujours pas convaincu. Pour moi
l’objectif d’un alt est différent de celui d’un figcaption. Une légende
(figcaption) peut indiquer ce que représente globalement l’image, par exemple :
« distribution des articles par catégorie » alors que l’attribut « alt » doit
entrer dans le détail pour informer les personnes aveugles du contenu détaillé
de l’information contenue dans l’image (Pie chart: Language=68%, Education=14%
and Science=18%”). Mettre le détail dans <figcaption> ne me semble pas correct
car c’est redondant avec l’image elle-même pour le public qui n’est pas
aveugle.Je verrais le code plutôt comme cela pour respecter la sémantique des
balises :
<figure role="group">
<img src="figure1.gif" alt="Figure 1 Pie chart: Language=68%, Education=14% and
Science=18%”>
<figcaption>Figure 1. Distribution of Articles by Journal Category.
<figcaption>
</figure>
Si on reprend un des exemples d’Alsacréations on ne retrouve pas le détail des
pourcentages dans <figcaption> ni dans le alt d’ailleurs puisqu’il est vide.
Cette fois le contenu de l’image est bien perdu pour les aveugles. Mais je ne
pense pas qu’Alsacréations ait pensé à l’accessibilité dans cet article.
<figcaption><p>Un diagramme circulaire de
statistiques</p></figcaption>
<p><img alt="" src="/xmedia/doc/full/email-client-popularity-2012.png"></p>
La solution W3C est sans doute un pis-aller en attendant que l’accessibilité de
<figure><figcaption> soit développée.
@+
Raoul
De :liste_gta [mailto:[email protected]] De la part de
Clément Hivet
Envoyé : vendredi 1 novembre 2013 21:41
À : [email protected]
Objet : Re: [Liste GTA] Alternative image HTML5
Bonsoir la liste, bonsoir Raoul,
Je pense que l'exemple du w3c est correct car le ficaption va faire apparaitre
une légende associée à l'image et visible par tous (voir les exemples :
http://www.alsacreations.com/article/lire/1337-html5-elements-figure-et-figcaption.html
)
Au niveau des lecteurs d'écrans, le figcaption doit être lu et associé à son
image.
Je me demande par contre si saisir le alt avec le même contenu que le
figcaption ne serait pas redondant.
Bonne soirée
Clement.
Le 1 nov. 2013 18:32, "Raoul MASSON" <[email protected]> a écrit :
Bonjour la liste,
>
>Que pensez-vous de l’exemple suivant donné par le W3C dans
>http://www.w3.org/TR/html-alt-techniques/ ? :
>
><figure role="group">
><img src="figure1.gif" alt="Figure 1">
>
><figcaption>Figure 1. Distribution of Articles by Journal Category.
>Pie chart: Language=68%, Education=14% and Science=18%.</figcaption>
></figure>
>
>Pour ma part je pense qu’il y a un “détournement de balise” car si on
>respectait la sémantique correcte le détail du camembert (Pie chart:
>Language=68%, Education=14% and Science=18%) devrait se trouver plutôt dans
>l’attribut “alt” que dans la balise <figcaption>. De ce fait le site semble
>programmé pour les aveugles seulement et non pour tous.
>
>Il y a sûrement quelque-chose qui m’échappe, merci de vos lumières.
>
>Cordialement,
>
>Raoul
>
>Raoul Masson
>7 rue des sapins
>57655 BOULANGE
>
>_______________________________________________
>liste_gta mailing list
>[email protected]
>http://list.accessiweb.org/mailman/listinfo/liste_gta_list.accessiweb.org
_______________________________________________
liste_gta mailing list
[email protected]
http://list.accessiweb.org/mailman/listinfo/liste_gta_list.accessiweb.org
_______________________________________________
liste_gta mailing list
[email protected]
http://list.accessiweb.org/mailman/listinfo/liste_gta_list.accessiweb.org
