Utilisation des technologies et directives du W3C
Par Victor Brito, le jeudi 14 février 2008, à 15h00 - Catégorie Moyens techniques - Lien permanent
Il s'agit de s'assurer de l'utilisation des technologies préconisées par le W3C, selon les spécifications, et du respect des directives d'accessibilité. En cas d'impossibilité de les utiliser ou en cas d'une utilisation qui produit un résultat qui ne se transforme pas de façon élégante, il faut s'assurer qu'un document équivalent est fourni pour présenter le contenu.
Lorsqu'elles sont disponibles et adaptées à la tâche à accomplir, il faut utiliser les technologies du W3C, plus particulièrement les dernières versions disponibles. Ainsi, pour la présentation et la mise en forme d'un document, on utilisera la spécification CSS 2 (voire CSS 2.1).
Lorsque les technologies du W3C sont utilisées, il faut s'assurer de l'absence de recours à des fonctionnalités désapprouvées, voire obsolètes. Ainsi, en HTML, on évite d'utiliser l'élément font, qui est avantageusement remplacé par les CSS (notamment, grâce à la propriété font).
Il faut s'assurer que des renseignements soient fournies à l'utilisateur, de façon à ce qu'il puisse recevoir les documents selon ses préférences. Dans le cas d'un document Web disponible en plusieurs langues, mettre un lien vers les autres versions linguistiques du document et fournir le document en fonction de la langue demandée. Dans le cas où un lien pointe vers une URL dont la langue est différente de celle de l'URL courante, la langue de l'URL destinataire du lien est à renseigner au moyen de l'attribut hreflang dans l'élément a. Il en est de même pour le type de document s'il est différent de celui du document courant, auquel cas on recourt à l'attribut type.
<a href="http://www.w3.org" hreflang="en">Lien vers la page d'accueil du site du W3C (qui est en anglais)</a> <a href="unflux.rss" type="application/rss+xml">Lien vers un flux RSS</a>
En CSS, jongler avec les différents types de médias permet de mettre au point des feuilles de styles plus appropriées à certains supports, comme les imprimantes, les plages braille ou les appareils mobiles. Parmi les moyens mis à disposition par la spécification CSS, il y a la règle @media.
@media screen {
/* Règles CSS appliquables aux écrans d'ordinateur */
}
@media print {
/* Règles CSS appliquables à l'impression d'un document */
}
@media handheld {
/* Règles CSS appliquables aux appareils mobiles */
}
Grâce aux CSS, il est également possible d'afficher les équivalents textuels des contenus visuels ; dans l'exemple suivant,
@media screen {
img:after {
content: attr(alt);
}
}
@media print, handheld {
img {
content: attr(alt);
}
}
le contenu textuel de l'attribut alt de chaque image sera affiché après cette dernière sur un écran d'ordinateur et remplacera l'image sur les appareils mobiles et à l'impression du document (ce qui n'est pas négligeable lorsqu'il s'agit d'économiser le peu d'espace disponible et les cartouches d'encre).
Et si, malgré tous ces efforts, on ne peut créer une page accessible, on créera un lien vers une page équivalente, qui utilise les technologies du W3C, soit accessible et mise à jour aussi régulièrement que la page originale inaccessible.
