Sui siti Web dimostrativi ARIA, role="contentinfo"
viene in genere aggiunto sull'elemento footer
.Dovrebbe essere sempre aggiunto il ruolo = "contentinfo" sull'elemento footer?
Tuttavia, footers in modern web design può essere creativo in modo che possano anche contenere elementi come collegamenti di navigazione supplementari, collegamenti a siti Web sociali o anche moduli di newsletter.
Prendendo ad esempio i seguenti codici di footer. È necessario aggiungere role="contentinfo"
allo footer
o all'elemento p
?
<footer>
<nav>
<ul>
........
........
........
........
........
</ul>
</nav>
<form>
........
........
........
</form>
<p>© 2012 Website.com. All rights reserved.</p>
</footer>
EDIT: mi aveva fatto questa domanda utilizzando la mailing list del W3C ARIA, e Steve Faulkner, membro del W3C HTML Working Group ha risposto. Il seguente è il suo suggerimento:
Vorrei anche prendere in considerazione il modo in cui i browser mappano l'elemento footer alle API di accessibilità.
In Firefox il piè di pagina è mappato su ARIA role = contentinfo
In Webkit/safari/chrome il footer è mappato su ARIA role = group se è contenuto all'interno di una sezione o di un articolo, altrimenti è mappato a role = contentinfo
In IE non è mappataCosì facendo questo:
< ruolo div = "ContentInfo">
alcuni contenuti
< footer> alcuni contenuti </piè di pagina>
</div>porterà a punti di riferimento ContentInfo annidati essere annunciati nei browser che già mappano piè di pagina ContentInfo.
Suggerirei quindi di aggiungere role = contentinfo al piè di pagina principale, senza preoccuparsi troppo dei contenuti che si ritiene potrebbero non essere appropriati nel footer.
Quindi l'approccio suggerito è l'aggiunta role="contentinfo"
alla principale footer
.
Grazie a @bcm. Sì, questo è l'approccio suggerito. –
Anche se questa potrebbe essere la soluzione giusta, è in conflitto con le specifiche. Contentinfo è "Un'ampia regione percepibile che contiene informazioni sul documento principale". Se ho dei collegamenti social o un modulo di iscrizione alla newsletter nel mio footer, ovviamente questo va contro le specifiche. –