[accessibilite-numerique] Accessibilité du site webu.fr

[Laurent Montaigne]

Sébastien Varoteaux a écrit :
> A priori, rien ne t'empêche d'utiliser ce type de structure.
> Il n'est nullement écrit qu'une et une seule balise <h1> doit être
> présente dans un document.


La logique et l'habitude d'avoir un seul élément en début d'arborescence devrait s'imposer. Je ne vois pas, à ma connaissance, d'arbre avec une racine à deux éléments. Que ce soit un livre (qui a un seul titre), un arbre généalogique (qui démarre d'un seul descendant), une structure XML (qui commence par un seul nœud), une structure HTML (qui commence par une seule balise HTML)...


HAOULI Bruno a écrit :
> Cette conclusion me trouble, car j'avais tjrs en tête cette
> hiérarchisation pour un menu :
>
> <div title="menu" id="menu">
>   <h1>Navigation</h1>
>   <div>
>      <h2>Rubrique 1</h2>
>      <ul>
>      ...
>      </ul>
>   </div>
>   <div>
>      <h2>Rubrique 2</h2>
>      <ul>
>      ...
>      </ul>
>   </div>
> </div>
> Comme cela est expliqué ici par exemple :
> http://www.blog-and-blues.org/weblog/2004/11/06/333-menus-de-navigation-1-> semantique-structure-implementation
> 
> Et donc pour moi, si j'avais dans la même page un autre menu (dans un
> autre DIV par exemple), j'aurais aussi utilisé des H1, H2, etc...
> 
> Et donc dans une page, j'aurais plusieurs H1, plusieurs H2.
> 
> Cela n'est pas correct ?


Je n'aime pas trop cette méthode, mais je comprends en partie tes interrogations.
Pour ma part, je considère :
- qu'une liste est une collection d'éléments de mêmes valeurs
- qu'un titre est une phrase qui introduit un contenu qui le suit
On peut donc tout à fait imaginer d'avoir un titre à une collection de lien si on considère cette collection comme du contenu (ce qui semble être le cas dans ton exemple avec "<h1>Navigation</h1>").
Par contre, dès que tu rentres dans ta liste de liens, tes titres ("rubriques 1", "rubrique 2"...) font partis d'une liste de liens hiérarchisés (donc une imbrication de UL/LI).

Dans le site webu.fr, si on considère par exemple la rubrique "Garanties" de la barre de navigation comme un titre, on devrait trouver le contenu qu'il introduit juste en dessous. Pour ma part, la liste de liens qui le suit ("Libre", Evolutive"...) n'est pas le contenu associé au titre, mais une liste qui met en avant les sous-rubriques de la rubrique "Garanties". (qui, de plus, ne reprend pas l'intégralité du contenu de la rubrique puisqu'il existe une page d'accueil "Garanties" qui n'appartient pas à cette liste de sous-rubriques).


Pascal Gautronneau a écrit :
> La colonne de gauche contient un "rappel" des éléments se trouvant dans la > page. Je ne sais donc pas trop quel balisage leur appliquer...


Dans ce cas où c'est un rappel (et puisque ton H1 est "Diagnostic"), j'utiliserais un H2, comme c'est le cas pour "Vous vous posez des questions ?" et "Vous avez une autre question ?".
Je le renommerais "Diagnostic...en résumé" et je le placerais dans le code comme dernier H2 de ta page (ou "Diagnostic...en bref" en le plaçant en premier H2 de ta page car ça ressemble plus à une intro qu'un rappel). Pour le reste, je partage les remarques de Jean-Louis.


ROUMIEUX Olivier a écrit :
> Pour ce qui nous concerne, nous utilisons la voie médiane avec 
> généralement le titre du site comme H1 (parfois un logo) et le titre de la 
> page comme H2.


De notre côté, le H1 est parfois une reprise du titre du site avec le titre de la page comme H2, parfois le H1 est directement le titre de la page.
En fait, ça dépend souvent du type de site (mais j'aurais du mal à établir pour l'instant de règles concernant ce choix). Par contre, lorsque le choix est fait, il est appliqué naturellement sur l'ensemble du site par soucis de cohérence.


Cordialement,


Laurent Montaigne
---------------------------
Business Lab, The Netchandising Company
26 rue des amandiers - 92000 Nanterre
Tél. : (33) 1 41 20 07 08
Fax : (33) 1 41 20 08 07
http://www.businesslab.com