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

Lun 21 Aou 09:47:25 EST 2006

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.
Maintenant, la relation <hn> avec les <div> n'existe pas mais tu as tout à
fait le droit de séparer tes contenus par des <div>.

Sébastien Varoteaux

Le 21/08/06, HAOULI Bruno <haouli at apside-multimedia.fr> a écrit :
>
> Re-bonjour,
>
> 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-se
> mantique-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 ?
>
> Cordialement,
>
> HAOULI Bruno
> Chef de Projet
> Tel. 05-61-71-41-41
> E-mail : haouli at apside-multimedia.fr
> APSIDE MULTIMEDIA
> Burolines 1 - 2 bis rue Marcel Doret - 31700 Blagnac
> Tél. 05-61-71-41-41 Fax: 05-61-71-44-33
> www.apside-multimedia.fr
>
>
> -----Message d'origine-----
> De: accessibilite-numerique-bounces at list.accessiweb.org
> [mailto:accessibilite-numerique-bounces at list.accessiweb.org] De la part de
> ROUMIEUX Olivier
> Envoyé: lundi 21 août 2006 15:31
> À: accessibilite-numerique at list.accessiweb.org
> Objet: Re: [accessibilite-numerique]Accessibilité du site webu.fr
>
> Bonjour,
> Cette conversation avait déjà eu lieu il y a quelques semaines si je ne me
> trompe, mais elle est assez fondamentale pour être poursuivie.
> Sans relancer le débat, un élément était de savoir dans quel contexte on
> situait la page HTML :
> - dans le site auquel elle appartient, et dans ce cas on utilisait les
> headers pour préciser tout le contexte sous forme de rubriques ;
> - en tant que page autonome dont le plus gros header est le titre.
> 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.
> Pour des raisons de commodité, nous envisageons de déclarer parfois comme
> H1
> : "titre du site - nom de rubrique".
>
> <<< Olivier Roumieux
> La Documentation française / Département des produits Internet
> Administrateur des sites
>
>
> > -----Message d'origine-----
> > De: accessibilite-numerique-bounces at list.accessiweb.org
> > [mailto:accessibilite-numerique-bounces at list.accessiweb.org] De la part
> de
> > Laurent Montaigne
> > Envoyé: lundi 21 août 2006 14:07
> > À: 'accessibilite-numerique at list.accessiweb.org'
> > Objet: Re: [accessibilite-numerique]Accessibilité du site webu.fr
> >
> > Bonjour,
> >
> > > (Bruno) Il me semble que la hiérarchie des titres ne se fait pas sur
> la
> > > page htm entière, mais qu'elle se fait pour chacun de vos layers
> (div).
> > > Enfin, c'est en tout cas ce que je fais moi.
> >
> > Il est difficile d'accepter une association entre la hiérarchie des
> titres
> > et l'usage de DIV car ces derniers n'ont pas de valeur sémantique
> > contrairement aux H (même si ils sont souvent utilisés pour définir un
> > bloc de contenu ayant un titre).
> >
> > La hiérarchisation des titres doit se faire uniquement en fonction du
> > contenu.
> > Laissons de côté la mise en forme de la page:
> > Lorsqu'on regarde une page HTML sans CSS (ou avec les CSS désactivées),
> on
> > doit voir un contenu structuré avec un titre de page, des titres de
> > rubriques, des titres de sous-rubrique, des titres de paragraphes, etc.
> > C'est cette hiérarchie qui doit être reproduite à l'aide des balises H.
> Et
> > ça ne dépend que du contenu...
> >
> > Utiliser des H en les calquant sur les DIV impliquerait d'avoir
> plusieurs
> > H1 dans une même page (dans le cas où la page ne comporte pas un DIV
> > global). Ca impliquerait aussi d'avoir une hiérarchie de H dans la
> > navigation (dans le cas où chaque bloc de navigation est isolé dans un
> > DIV).
> > Ce sont deux exemples qui vont à l'encontre d'un document bien
> structuré.
> >
> > > (Pascal) Pour le moment, le titre "h1" est sur le titre des articles
> > mais
> > > cela veux dire que le contenu arrivant avant ce titre (menu, colonne
> de
> > > gauche) se trouve placé avant le h1 et donc, si je leur met des titres
> > > comme cela est souhaitable, la hiérarchie des titres ne sera pas
> > > respectée.
> >
> > Les menus ne sont pas des contenus, mais des éléments de navigation (de
> ce
> > que j'en comprends dans tes propos). Ce ne sont pas des titres dans la
> > mesure où ils ne viennent pas "chapeauter" un contenu qui lui est lié
> dans
> > la page. Ils ne doivent donc pas utiliser de balises H.
> > Concernant ta colonne de gauche, tout dépend de ce qu'il contient.
> >
> > 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
> >
> >
> >
> >
> >
> >
> > _______________________________________________
> > accessibilite-numerique mailing list
> > accessibilite-numerique at list.accessiweb.org
> > http://list.accessiweb.org/mailman/listinfo/accessibilite-
> > numerique_list.accessiweb.org
>
>
> _______________________________________________
> accessibilite-numerique mailing list
> accessibilite-numerique at list.accessiweb.org
>
> http://list.accessiweb.org/mailman/listinfo/accessibilite-numerique_list.acc
> essiweb.org
>
>
> _______________________________________________
> accessibilite-numerique mailing list
> accessibilite-numerique at list.accessiweb.org
>
> http://list.accessiweb.org/mailman/listinfo/accessibilite-numerique_list.accessiweb.org
>
-------------- section suivante --------------
Une pièce jointe HTML a été nettoyée...
URL: /pipermail/accessibilite-numerique_list.accessiweb.org/attachments/20060821/cb769a44/attachment.html 