Amélioration de l'ergonomie et de l'accessibilité

Posted Monday, September 11, 2006

Filed under: , ,

Petite nouveauté : ce site s'est enrichi de raccourcis permettant de sauter directement aux principaux 'blocs' de la page.

Ces liens sont masqués par css, puis réaffichés au survol (pour les navigateurs compatibles). IE n'étant capable d'appliquer la pseudo-classe ':hover' qu'aux liens (et seulement si l'attribut 'href' est rempli), je choisit d'afficher les li en ligne. Les deux règles suivantes permettent de masquer les li, et de les afficher au survol.
#skiplinks ul>li {display: none}
#skiplinks ul:hover li {display: inline}

Ces liens étant cachés par css, ils ne viendront pas dégrader l'apparence de la page (sauf sous IE). Ils seront par contre affichés si les styles ne sont pas appliqués, ce qui profitera aux dispositifs d'assistance et écrans de taille réduite.

Comments disabled because of spammers.

No comments yet

Technorati Profile