> /Pour étayer ma réponse, avec le balisage demandé par le SEO, ci-dessous, quel critère invaliderai-tu ?

/
Le critère *10.3 [A] Dans chaque page Web, l’information reste-t-elle compréhensible lorsque les feuilles de styles sont désactivées ?*

En effet, c'est ta mise en forme (mise en exerguere etc...) qui permet de faire un lien entre la thématique et le titre qui la suit. un utilisateur aveugle typiquement, qui navigue linéairement, ne pourra pas percevoir ce lien entre thématique et titre si la thématique est un simple paragraphe situé AVANT.

aria-describedby sur un élément non interactif ça ne fonctionnera pas, fais des tests de restitution si tu veux t'en assurer, mais moi j'oublierai simplement cette solution d'aria.

Voilà voilà, bon courage pour la suite :-)


Le 26/07/2016 10:51, Cyril Lamotte a écrit :

Effectivement, tout regrouper résoudrai le problème mais techniquement ça m'arrange pas trop ! :)


Pour étayer ma réponse, avec le balisage demandé par le SEO, ci-dessous, quel critère invaliderai-tu ?

<span>Video</span>
<h2>  Tout comprendre sur le changement ....</h2>


et ne serait-il pas contourné avec l'aria ? :

<span id="theme">Video</span>
<h2 aria-describedby="theme"> Tout comprendre sur le changement ....</h2>


*Cyril Lamotte*
Développeur Front-end / Référent accessibilité

clamo...@jouve.fr

02 43 08 39 97

Jouve <http://www.jouve.com/fr>
1, rue du docteur Sauvé, 53101 Mayenne CEDEX
www.jouve.com <http://www.jouve.com>

Twitter <https://twitter.com/GroupeJouve> Google + <https://plus.google.com/103316327091227322721/posts> LinkedIn <http://www.linkedin.com/company/groupe-jouve> Viadeo <http://www.viadeo.com/v/company/jouve?ga_from=Fu:undefined;Fb%3Amininews%3Bfe%3AMN-pic%0A%0A%3BMNType%3A46>

Jouve <http://www.jouve.com/fr/signatureITS>

Le 26/07/2016 à 10:25, Audrey Maniez a écrit :
Bonjour,

Je mettrais tout dans le titre, sinon tu as un problème de structuration de l'information : le texte "vidéo" se rapporterai à un titre situé après (ce qui n'est donc pas un ordre logique).

Moi je jouerais juste en CSS du coup si possible :

<h2> <span>Video</span> Tout comprendre sur le changement ....</h2>


Bonne journée,

Audrey MANIEZ - @audreyblabla - +33 (0)6 22 11 29 62
Experte senior et formatrice
Access42 : expertise, conseil et formation en accessibilité numérique
+33 (0)9 72 45 06 14 -http://access42.net  - @access42net
Le 26/07/2016 09:48, Cyril Lamotte a écrit :

Bonjour !

Je ne suis pas sur si le nom de la rubrique placé au dessus du titre dans cet exemple devrait être un h2 ou alors ne devrait pas avoir de balise <hx>, voici le cas :

Le référenceur m'indique plutôt de ne pas mettre de balise sur le thème ("Video"), et mettre le titre en h2.

Comment baliseriez-vous ?



Ou peut-on peut-être utiliser aria-describedby pour faire pointer le titre vers le thème ?

Qu'en pensez-vous ?




Bien cordialement,

--

*Cyril Lamotte*
Développeur Front-end / Référent accessibilité

clamo...@jouve.fr

02 43 08 39 97

Jouve <http://www.jouve.com/fr>
1, rue du docteur Sauvé, 53101 Mayenne CEDEX
www.jouve.com <http://www.jouve.com>

Twitter <https://twitter.com/GroupeJouve> Google + <https://plus.google.com/103316327091227322721/posts> LinkedIn <http://www.linkedin.com/company/groupe-jouve> Viadeo <http://www.viadeo.com/v/company/jouve?ga_from=Fu:undefined;Fb%3Amininews%3Bfe%3AMN-pic%0A%0A%3BMNType%3A46>

Jouve <http://www.jouve.com/fr/signatureITS>



_______________________________________________
liste_gta mailing list
liste_gta@list.accessiweb.org
http://list.accessiweb.org/mailman/listinfo/liste_gta_list.accessiweb.org



_______________________________________________
liste_gta mailing list
liste_gta@list.accessiweb.org
http://list.accessiweb.org/mailman/listinfo/liste_gta_list.accessiweb.org



_______________________________________________
liste_gta mailing list
liste_gta@list.accessiweb.org
http://list.accessiweb.org/mailman/listinfo/liste_gta_list.accessiweb.org

_______________________________________________
liste_gta mailing list
liste_gta@list.accessiweb.org
http://list.accessiweb.org/mailman/listinfo/liste_gta_list.accessiweb.org

Répondre à