h1, h2 e h3 mi pregiudicano l' accessibiltà AA

5 contenuti / 0 new
Ultimo contenuto
h1, h2 e h3 mi pregiudicano l' accessibiltà AA

Ciao ragazzi, mi sembra di capire che i temi di Drupal associano h1 al titolo del sito. Avendo io non abilitato il titolo dal tema per caricare una immagine al posto del titolo, mi ritrovo che h1 è inserito dal contenuto, ma i blocchi a sinistra che vengono sempre prima dei titoli dei contenuti, hanno spesso h2; quindi ho che h2 viene prima di h1 e l' accessibilità è pregiudicata ([WCAG v1 3.5 (AA)] Nest headings properly (H1 > H2 > H3)). Come posso fare ? Giovanni

inserisci comunque il nome del titolo e lo fai "sparire" con una delle tante tecniche di image replacement.
ad es:

<div id="logo-title">
  <h1 id="site-name">
       <a rel="home" title="Home" href="/">
           <em>NOME SITO</em>
       </a>
      </h1>
</div>

con css dimensioni la tag <a>
e fai sparire la tag <em> :

#site-name a em {
visibility:hidden;
}

puoi inserire l'immagine come sfondo

Grazie Bohz, ho fatto come mi hai detto, ma il problema non era lì, ma nel page.tpl.php del tema, dove mancava proprio <h1> prima di <a href="<?php print $front_page; ?>
Adesso devo prima risistemare il css, perchè modificando il page.tpl mi sposiziona i links primari. Domani lo passo in produzione.
Giovanni

potresti anche personalizzare block.tpl.php in modo che i titoli dei blocchi vengano stampati dentro h1 ad esempio

Fatto Bohz, grazie! Grazie anche a te fivepoints, adotterò anche il tuo consiglio.
Ciao Giovanni