Re: [Spip-zone-commit] [escal] ajout de role=« navigation » pour les nav
jeanmarie <[email protected]> Thu, 6 May 2021 08:51:03 +0200
| Newsgroups | gmane.comp.web.spip.devel |
|---|---|
| Message-ID | <[email protected]> |
--===============1769357358== Content-Type: multipart/alternative; boundary="------------9858BC30B2512D6D16264B79" Content-Language: fr --------------9858BC30B2512D6D16264B79 Content-Type: text/plain; charset="utf-8"; format=flowed Content-Transfer-Encoding: 8bit @Pierre-Jean : merci pour ton retour. @JC : j'ai vu ça dans la dist aussi et j'ai fait pareil avant de revenir en arrière :) (d'où ce mail pour avoir d'autres avis) Pour info, il y a cette ressource également : https://www.w3.org/TR/wai-aria-practices/examples/landmarks/ jeanmarie Le 03/05/2021 à 14:03, Pierre-Jean CHANCELLIER a écrit : > > Bonjour, > > Je ne contribue pas vraiment au code de SPIP mais je suis justement en > train de re-développer le site d'une Université dans l'optique, entre > autres, d'être conforme aux normes WCAG pour l'accessibilité. Je suis > donc en plein dedans. > > Le rôle "navigation" n'est pas nécessaire sur les balises nav en > effet. D'ailleurs, avec ma collègue, nous avons suivi une formation > sur l'accessibilité et le principe (en 2020) c'est qu'il vaut mieux ne > pas mettre d'attributs ARIA que de trop en mettre. > > Pour les menus, il est judicieux de mettre effectivement un aria-label > ou un aria-labelled-by pour expliciter le rôle du menu (menu de > pagination, menu principal, sous-menu de navigation au sein d'une > rubrique, fil d'ariane, etc.) > > Perso, je me base sur les tutos du W3C > (https://www.w3.org/WAI/tutorials/page-structure/) pour : > - La structure globale des pages > - Les menus > - Les images > - Les tableaux > - Les formulaires > - Les carousels (j'ai trouvé celui-ci qui est responsive et accessible > : https://kenwheeler.github.io/slick/) > > Cordialement, > > > > Le 03/05/2021 à 12:17, jeanmarie a écrit : >> Salut, >> >> j'ai cru comprendre que role="navigation" n'était pas nécessaire pour >> les éléments de type <nav> (cf note en fin de description : >> https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/Navigation_Role >> ). C'est d’ailleurs en avertissement (pas d'erreur donc) dans le >> validateur W3C. >> >> Est-ce qu'il faut les garder ou pas au final ? (on les retrouve dans >> la dist >> https://git.spip.net/spip/dist/src/branch/master/rubrique.html#L50 >> aussi) >> >> Toujours de ce que je comprends, il est de bonne pratique d'ajouter >> un aria-label pour expliciter le bloc (ex : aria-label="Menu >> principal"). >> >> jeanmarie >> >> >> Le 02/05/2021 à 21:23, JC Villeneuve a écrit : >>> spip-contrib-squelettes/escal >>> - >>> Par JC Villeneuve, le 2 mai 2021 à 21h22min : >>> >>> ajout de role="navigation" pour les nav >>> >>> >>> *Modifié* >>> annuaire.html >>> auteur.html >>> inclusions/inc-article_forumSite.html >>> inclusions/inc-articles_de_rubrique.html >>> inclusions/inc-calendrier_art.html >>> inclusions/inc-calendrier_event.html >>> inclusions/inc-decouvrir_articles_rub.html >>> inclusions/inc-decouvrir_articles_site.html >>> inclusions/inc-derniers_comments.html >>> inclusions/inc-documents_article.html >>> inclusions/inc-documents_rubrique.html >>> inclusions/inc-evenements_articles.html >>> inclusions/inc-evenements_events.html >>> inclusions/inc-events_mobile.html >>> inclusions/inc-forum_article.html >>> inclusions/inc-meme_rub.html >>> inclusions/inc-perso.html >>> inclusions/inc-rubrique_accueil.html >>> inclusions/inc-rubrique_accueil2.html >>> inclusions/inc-rubrique_accueil3.html >>> inclusions/inc-rubrique_accueil4.html >>> inclusions/inc-rubrique_accueil5.html >>> inclusions/inc-rubrique_normal.html >>> inclusions/inc-rubrique_trombino.html >>> inclusions/inc-video_player.html >>> jour-art.html >>> modeles/galleria.html >>> mot.html >>> recherche.html >>> site.html >>> >>> Détails >>> :https://git.spip.net/spip-contrib-squelettes/escal/commit/28b8d01035e9e0f80217048d44c22158201fba8b >>> >>> _______________________________________________ >>> [email protected] >>> -https://listes.rezo.net/mailman/listinfo/spip-zone-commit >> _______________________________________________ >> liste: https://listes.rezo.net/mailman/listinfo/spip-dev >> doc: https://www.spip.net/ >> dev: https://core.spip.net/ >> irc://irc.freenode.net/spip --------------9858BC30B2512D6D16264B79 Content-Type: text/html; charset="utf-8" Content-Transfer-Encoding: 8bit <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> </head> <body> <p>@Pierre-Jean : merci pour ton retour.</p> <p>@JC : j'ai vu ça dans la dist aussi et j'ai fait pareil avant de revenir en arrière :) (d'où ce mail pour avoir d'autres avis)<br> </p> <p>Pour info, il y a cette ressource également : <a class="moz-txt-link-freetext" href="https://www.w3.org/TR/wai-aria-practices/examples/landmarks/">https://www.w3.org/TR/wai-aria-practices/examples/landmarks/</a></p> <p> jeanmarie<br> </p> <p><br> </p> <div class="moz-cite-prefix">Le 03/05/2021 à 14:03, Pierre-Jean CHANCELLIER a écrit :<br> </div> <blockquote type="cite" cite="mid:[email protected]"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <p>Bonjour,</p> <p>Je ne contribue pas vraiment au code de SPIP mais je suis justement en train de re-développer le site d'une Université dans l'optique, entre autres, d'être conforme aux normes WCAG pour l'accessibilité. Je suis donc en plein dedans.</p> <p>Le rôle "navigation" n'est pas nécessaire sur les balises nav en effet. D'ailleurs, avec ma collègue, nous avons suivi une formation sur l'accessibilité et le principe (en 2020) c'est qu'il vaut mieux ne pas mettre d'attributs ARIA que de trop en mettre.</p> <p>Pour les menus, il est judicieux de mettre effectivement un aria-label ou un aria-labelled-by pour expliciter le rôle du menu (menu de pagination, menu principal, sous-menu de navigation au sein d'une rubrique, fil d'ariane, etc.)</p> <p>Perso, je me base sur les tutos du W3C (<a class="moz-txt-link-freetext" href="https://www.w3.org/WAI/tutorials/page-structure/" moz-do-not-send="true">https://www.w3.org/WAI/tutorials/page-structure/</a>) pour :<br> - La structure globale des pages<br> - Les menus<br> - Les images<br> - Les tableaux<br> - Les formulaires<br> - Les carousels (j'ai trouvé celui-ci qui est responsive et accessible : <a class="moz-txt-link-freetext" href="https://kenwheeler.github.io/slick/" moz-do-not-send="true">https://kenwheeler.github.io/slick/</a>)</p> <p>Cordialement,<br> </p> <div class="moz-signature"> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title></title> <style type="text/css">.Cadre { display:inline-block; border-style: solid; border-color: #A9D0F5; border-radius: 20px; box-shadow: 8px 8px 8px #aaa; }.Style { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }</style><br> <br> </div> <div class="moz-cite-prefix">Le 03/05/2021 à 12:17, jeanmarie a écrit :<br> </div> <blockquote type="cite" cite="mid:[email protected]">Salut, <br> <br> j'ai cru comprendre que role="navigation" n'était pas nécessaire pour les éléments de type <nav> (cf note en fin de description : <a class="moz-txt-link-freetext" href="https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/Navigation_Role" moz-do-not-send="true">https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/Navigation_Role</a> ). C'est d’ailleurs en avertissement (pas d'erreur donc) dans le validateur W3C. <br> <br> Est-ce qu'il faut les garder ou pas au final ? (on les retrouve dans la dist <a class="moz-txt-link-freetext" href="https://git.spip.net/spip/dist/src/branch/master/rubrique.html#L50" moz-do-not-send="true">https://git.spip.net/spip/dist/src/branch/master/rubrique.html#L50</a> aussi) <br> <br> Toujours de ce que je comprends, il est de bonne pratique d'ajouter un aria-label pour expliciter le bloc (ex : aria-label="Menu principal"). <br> <br> jeanmarie <br> <br> <br> Le 02/05/2021 à 21:23, JC Villeneuve a écrit : <br> <blockquote type="cite">spip-contrib-squelettes/escal <br> - <br> Par JC Villeneuve, le 2 mai 2021 à 21h22min : <br> <br> ajout de role="navigation" pour les nav <br> <br> <br> *Modifié* <br> annuaire.html <br> auteur.html <br> inclusions/inc-article_forumSite.html <br> inclusions/inc-articles_de_rubrique.html <br> inclusions/inc-calendrier_art.html <br> inclusions/inc-calendrier_event.html <br> inclusions/inc-decouvrir_articles_rub.html <br> inclusions/inc-decouvrir_articles_site.html <br> inclusions/inc-derniers_comments.html <br> inclusions/inc-documents_article.html <br> inclusions/inc-documents_rubrique.html <br> inclusions/inc-evenements_articles.html <br> inclusions/inc-evenements_events.html <br> inclusions/inc-events_mobile.html <br> inclusions/inc-forum_article.html <br> inclusions/inc-meme_rub.html <br> inclusions/inc-perso.html <br> inclusions/inc-rubrique_accueil.html <br> inclusions/inc-rubrique_accueil2.html <br> inclusions/inc-rubrique_accueil3.html <br> inclusions/inc-rubrique_accueil4.html <br> inclusions/inc-rubrique_accueil5.html <br> inclusions/inc-rubrique_normal.html <br> inclusions/inc-rubrique_trombino.html <br> inclusions/inc-video_player.html <br> jour-art.html <br> modeles/galleria.html <br> mot.html <br> recherche.html <br> site.html <br> <br> Détails :<a class="moz-txt-link-freetext" href="https://git.spip.net/spip-contrib-squelettes/escal/commit/28b8d01035e9e0f80217048d44c22158201fba8b" moz-do-not-send="true">https://git.spip.net/spip-contrib-squelettes/escal/commit/28b8d01035e9e0f80217048d44c22158201fba8b</a><br> <br> _______________________________________________ <br> <a class="moz-txt-link-abbreviated" href="mailto:[email protected]" moz-do-not-send="true">[email protected]</a> -https://listes.rezo.net/mailman/listinfo/spip-zone-commit <br> </blockquote> _______________________________________________ <br> liste: <a class="moz-txt-link-freetext" href="https://listes.rezo.net/mailman/listinfo/spip-dev" moz-do-not-send="true">https://listes.rezo.net/mailman/listinfo/spip-dev</a> <br> doc: <a class="moz-txt-link-freetext" href="https://www.spip.net/" moz-do-not-send="true">https://www.spip.net/</a> <br> dev: <a class="moz-txt-link-freetext" href="https://core.spip.net/" moz-do-not-send="true">https://core.spip.net/</a> <br> irc://irc.freenode.net/spip<br> </blockquote> </blockquote> </body> </html> --------------9858BC30B2512D6D16264B79-- --===============1769357358== Content-Type: text/plain; charset="iso-8859-1" MIME-Version: 1.0 Content-Transfer-Encoding: quoted-printable Content-Disposition: inline