Attention, ceci est l'archivage statique d'un ancien site qui a maintenant disparu. En savoir plus.

Bienvenue sur , le recueil de réflexions et créations en tous genres de Nicolas Hoizey, passionné de Web depuis 1996, co-créateur et Directeur de l’Innovation de Clever Age, photographe amateur, créateur du jeu HTML5 / SVG « esviji », etc.

Gastero Prod 4, les standards et l’accessibilité

Publié le

par Nicolas Hoizey,

tagué accessibilité, CSS, Gastero Prod, SPIP et standards

et pas commenté

L’accessibilité devient petit à petit incontournable.

Outre ses avantages directs en terme d’élargissement d’audience des sites, elle a tendance dans sa mise en oeuvre à favoriser l’usage de technologies standards, ce qui a de nombreux autres avantages.

Mais il ne suffit pourtant pas d’utiliser des standards pour atteindre l’accessibilité, encore faut-il bien les utiliser, en respectant avant tout une sémantique correcte.

Il faut aussi surtout ne pas croire que l’accessibilité ne soit dédiée qu’aux handicapés, elle est une problématique générale avant destinée à donner la chance à tout utilisateur d’accéder à un contenu.

Quelques principes appliqués sur Gastero Prod

Le nouveau code du site est constitué de contenus structurés en XHTML 1.0 Transitional valide et mis en forme à l’aide de feuilles de styles CSS 2.0.

Cela permet notamment d’être sûr que ceux qui ne peuvent pas (ou ne veulent pas) exploiter les feuilles de style, peuvent tout de même consulter le site sans problème :

Sans feuille de style
Affichage dans Mozilla Firebird avec la feuille de styles désactivée
En mode texte
Affichage dans Lynx, navigateur en mode texte

Mais cela n’empêche pas pour autant ceux qui en ont la capacité de profiter d’un site avec une identité graphique qui lui est propre et qui n’est pas forcément la plus minimale qui soit :

Normal
Affichage dans Mozilla Firebird avec la feuille de style

Enfin, qui dit graphisme ne signifie pas forcément contrainte sur les tailles de tous les éléments, il est tout à fait possible de laisser le choix à l’utilisateur de sa taille de police par défaut.

En caractères agrandis
Affichage dans Mozilla Firebird avec une taille de police supérieure et des colonnes ajustées en conséquence

Un peu d’usabilité

Des « raccourcis » clavier vous permettent d’accéder rapidement, sans utiliser votre souris, à des éléments du site :

Elément concernéTouche
Page d’accueil a
Moteur de recherche r

Voici la procédure à employer pour utiliser par exemple la touche a :

  • sous Windows, avec la combinaison alt + a
  • sous Macintosh, avec la combinaison ctrl + a ou pomme + a

Pas de styles alternatifs

Gastero Prod ne propose pas de feuilles de styles alternatives.

Je préfère largement le rendre réellement accessible en laissant la possibilité à l’internaute d’utiliser un outil spécialisé ou de configurer son navigateur traditionnel.

Je ne comprends pas cette tendance actuelle de fournir une tonne de mises en pages alternatives en faisant croire que c’est là pour accroître l’accessibilité, alors que c’est surtout un moyen de montrer la compétence en CSS du développeur.

Si le site n’est pas naturellement accessible avec sa mise en page par défaut, il y a de bonnes chances pour que ce style switcher ne soit même pas exploitable par quelqu’un ayant cette problématique d’accessibilité.

Cela ne m’empêche pas de penser comme beaucoup que css Zen Garden est très intéressant, mais je ne vois pas l’intérêt que chaque site devienne un tel laboratoire en puissance.

Au boulot !

Cette refonte ayant permis d’enfin séparer comme il faut le contenu et le contenant, mais ayant consommé pas mal de temps, il devient nécessaire de se reconcentrer sur les contenus pour accroître la fréquence de publication !

Et si vous souhaitez être tenu au courant des publications, n’hésitez pas à exploiter le flux RSS, il est maintenant au format RSS 2.0.