5537 sujets

Sémantique web et HTML

Bonjour,

Aujourd’hui l'utilisation des balises :

<header>, <nav>, <main>,<article>, <aside>, <footer>

est plus (+) que répandu, cependant, je vois parfois :

<header ... role="banner">, <nav ..role="navigation">, <main ... role="main">, <article .. role="article">, <aside ...role=complementary">, <footer ...role="contentinfo">

Est-il toujours d'actu/sémantique/seo-friendly/ valide d'utiliser la balise + l'Aria?
N'y à t'il pas une certaine "redondance" ?

En bref, que doit t'on utiliser aujourd’hui, balise + aria ou juste balise?
Modifié par poilozorey (12 Apr 2015 - 10:35)
Bonjour,

Mieux vaut toujours utiliser les deux.
1 - Certains utilisent encore des vieux navigateurs et/ou outils d'assistance, pour qui l'association n'est pas encore automatique
2 - Ca te permet de prendre conscience qu'à chaque fois que tu utilises ces balises , il y a un landmark associé, et que trop de landmarks ça finit par être mauvais pour la navigation donc corrollaire, ne pas trop abuser de ces balises (ce problème se remarque surtout avec <section>)
Bonjour Quentinc

je peu me permettre d'utiliser telle quel :

<header ... role="banner">
<nav ..role="navigation">
<main ... role="main">
<article .. role="article">
<aside ...role=complementary">
<footer ...role="contentinfo">

Merci pour pour ta confirmation Smiley cligne
Administrateur
Bonjour,

oui pour les raisons évoquées par QuentinC.
Attention cela concerne les éléments plus ou moins enfants de body, à peu près la structure de la page : un élément header dans un élément article n'a pas ce rôle de banner ; il n'y a que le haut de la page qui devrait l'avoir.
Pour le pied de page ce n'est pas automatique : contentinfo est plus restrictif que "(tout) le pied de page". C'est d'autant plus vrai vu la quantité d'informations qu'on peut parfois trouver dans un pied de page (une copie complète du menu déroulant en haut de page, supaÿr)