Plan de site Navigation
Blog & Blues Techniques et Standards de la Qualité Web

Accueil > weblog


- Lire le billet précédent - Lire le billet suivant -

Quand CSS est accessible... une fois désactivé !

Par Laurent Denis, le 28 février 2006.

Le titre de ce billet est un raccourci volontaire : ce n'est pas une feuille de style qui peut ou non être "accessible", mais une page Web dont chaque couche HTML CSS javascript Flash AJAX etc. favorise ou limite l'accessibilité. Mais il s'agit ici de pointer un cas de figure bien particulier, que je rencontre de plus en plus souvent sur des forums de conception Web tels qu'Alsacréations : lorsque qu'une page Web est incontestablement accessible (au moins jusqu'à un certain point) parce que l'utilisateur a la possibilité d'en désactiver les effets de style réalisés à la limite de ce que peut ou devrait faire CSS.

Il s'agit par exemple :

  • De remplacements de contenu (textuel) par des images, jouant sur les background CSS, surtout dans le cas des menus de navigation,
  • D'effets de contenu HTML masqués, apparaissant uniquement par des effets de survol d'une autre partie de la page,
  • D'interfaces screen paginés, conçus pour n'occuper que les dimensions de la zone d'affichage sans possibilité de scroll,

Dans le pire des cas, on trouvera derrière ces design :

  • Des listes de liens de navigation vides, sans aucun intitulé textuel (hormis éventuellement un attribut title à la restitution incertaine), où seule une image d'arrière-plan CSS et un jeu de dimensions appliquées au lien vont créer quelque-chose de cliquable... si tout est affiché et consulté comme prévu, c'est à dire dans quelques navigateurs graphiques et dans des conditions d'accès similaires à celles connues de l'auteur.
  • Des images de contenu, qui sont l'information centrale de la page, repoussées en background CSS, dépourvues de toute alternatives textuelle ou contextuelle, et de toute existence sans CSS, uniquement pour réaliser un effet au survol à l'ergonomie incertaine,
  • Bref, l'exact inverse d'une séparation du contenu et de la présentation : la confusion complète de ceux-ci, le véritable contenu n'étant plus dans le document HTML mais dans la feuille de style.

L'inaccessibilité de ces pages-là est évidente. Les liens vides, pour ne retenir qu'eux, seront inexistants dans de nombreuses configurations de lecteurs d'écran, de navigateurs textes, de navigateurs sur mobile et PDA, et mêmes de navigateurs graphiques (désactivation des arrières-plans et des couleurs, résolution réduite, loupe d'écran ou simple besoin d'agrandir la taille du texte...), etc.

Mais parfois, on rencontre de ces réalisations combinant une structure HTML où le contenu est bien là (de bonnes vieilles images img alt="...", par exemple), où la structure est en elle-même accessible, correctement restitué et utilisable car jusque-là conforme aux standards d'accessibilité.

Seule la couche CSS (renforcée éventuellement de javascript) est problématique. Telle que la page s'affiche dans un navigateur graphique, ou lorsque certaines propriétés CSS visuelles interviendront dans la restitution par un lecteur d'écran, différents utilisateurs rencontreront :

  • des contenus non restitués,
  • des difficultés liées à des rognages, ou à une dégradation du rendu provoquées par un scroll que l'auteur a voulu éviter à tous prix, et dont il n'a, du coup, pas anticipé ni géré les effets,
  • des difficultés liées au passage obligé par le survol pour faire apparaître le contenu : signalétique souvent obscure, comportements déroutants sous la souris, obligation d'élucider cet interface, nécessité de se servir de la souris avec précision...
  • des difficultés liées à l'obligation d'activer la totalité des effets de style pour avoir un rendu cohérent, utilisable ou compréhensible : couleurs, arrière-plan, positionnements et dimensionnements... peuvent pourtant être individuellement compromis par une configuration spécifique répondant aux besoins de l'utilisateurs.

Alors, bien-sûr, devant ces pages-là, il reste la possibilité ultime offerte par CSS : désactiver le tout, ne consulter que le HTML brut (sous réserve des effets d'un javascript certes "DOMisé", mais qui rappelle franchement les excès du DHTML d'antan). Ce n'est pas très beau, c'est parfois un peu touchant quand on voit que l'auteur a poussé le souci de bien faire jusqu'à sémantiser à l'excès, par exemple à coup de listes ul dès que quelque-chose ressemble vaguement à une série d'items. Mais c'est compréhensible, navigable et surtout adaptable à mes contraintes d'utilisateurs.

La grande qualité de CSS, c'est indéniablement de séparer contenu et effets de présentation, et de préserver l'accessibilité en offrant au moins cette ultime solution de repli. Mais est-ce à dire que ces pages sont vraiment accessibles ? Tiens, une question parmi d'autres : combien d'utilisateurs peuvent-ils désactiver CSS à la volée dans leur navigateur ?

Et puis, finalement : ces mises en page poussant l'usage de CSS à ses limites, multipliant les effets de survol, d'interaction à tous prix... mettent-elles réellement en valeur le contenu ? Ce dernier, qui est pourtant l'essentiel d'une page Web, serait-il décidément toujours menacé d'effacement derrière le clinquant du media ? smiley clin d'oeil

Trackbacks

Les trackbacks pour ce billet sont temporairement fermés en raison d'une série d'attaques de spam.

Commentaires

Sebastien Billard, le 28 février 2006

Interessant billet. Rien que l'accessibilité "chromatique" peut parfois être négligée : contraste ou différence de teinte insuffisante...

Lanza, le 28 février 2006

Le contenu n'est pas à la mode, ne se voit pas assez, n'est pas assez vendeur.

Il faut de l'incitatif, du spectaculaire pour appâter le chaland. On arrive très bien de nos jours à faire des sites web sans contenu avec juste de la mise en forme. Pourquoi vouloir à tout prix rajouter du contenu, que personne ne lira de toutes façons ?

Laurentj, le 28 février 2006

> serait-il décidément toujours menacé d'effacement derrière le clinquant du media ?

Hélas oui. Y a qu'à voir tout ces trucs ajax/DOM qui pullulent un peu partout, dont la plupart diminue grandement l'accessibilité, voir même l'utilisation du document (alors qu'ils pensent le contraire). Tout ces effets, ces animations, ça ne sert pas toujours à grand chose, sauf à "craner" finalement.

En fait, tous ces auteurs qui utilisent CSS et DOM/Ajax à mauvais escient, à outrance, me font penser aux jackys www.chez.com/jacky/, qui modifient leurs voitures pour en montrer plein la vue (croient-ils), au point d'en négliger la sécurité (grandement diminuée suite à certaines modifications hasardeuses).

Frederic.C, le 28 février 2006

J'avoue ne pas avoir compris l'ensemble du contenu de cet article, je lis avec interet beaucoup d'articles liés au design, à l'accessibilité tous les jours avec interet. Mais là j'ai un peu du mal à comprendre le contenu, le message. A priori ça parle de contenu accessible pas vraiment accessible... j'essairai d'y revenir plus tard...

Adrien Leygues, le 28 février 2006

"Hélas oui. Y a qu'à voir tout ces trucs ajax/DOM qui pullulent un peu partout, dont la plupart diminue grandement l'accessibilité,"

Salut Laurent,

le point a été soulevé en fin de conférence par un collègue au WIF. Il s'est fait un peu "jeter". Pourtant la vérité est bien là, il y a un débat autour d'AJAX et de l'accessibilité. Ce n'est pas à toi que je vais apprendre que l'on peut faire les deux sans difficulté si ce n'est financière.
C'est marrant parce que finalement nous sommes face à des standards et ce n'est pas pour autant que les applis/sites sont meilleurs.

Jeremy, le 01 mars 2006

Il faut quand même tenir en compte que lorsque que l'on créé un site on effectue un ciblage du "client" (ou du moins on devrait le faire)..

Je veux en venir au point que, même si c'est regretable, certains sites ne necessitent pas d'être accessible, ou de mettre en avant leur contenu. Prenez par exemple le site des studios 2Advanced. J'ai entendu nombre de gens me dire que c'était une grosse merde parce-que pas accessible et blablabla..
Mais ces gens là, passez-moi l'expression, n'ont n'en rien a foutre. Le fondement même de leur travail est basé sur le visuel plus que sur le contenu.

Enfin bref, je m'éloigne un peu ^^

Il est vrai que la prolifération des Drags&Drops, effets de survols et autres choses kitchs commence a faire du tort au web lui même.
Ce genre de choses peuvent être utiles en effet, mais utilisé moderemment (comme par exemple dans le cas de Gmail, quoique..).

Un autre problème est qu'en ces temps de changements, de 'Web 2.0', il n'est pas bon de toucher aux 'nouvelles technologies' tel qu'Ajax et companie. On a eu l'droit a un bon bordel y'a pas si longtemps =)

Groumphy, le 01 mars 2006

Bonsoir,

Si vous me permettez de compléter ce débat par un extrait du livre "Le Zen des CSS" de D. Shea et M. Holzschlag :

"Portabilité plus large

En fait une page bien structurée n'a nullement besoin de CSS pour son rendu. " [...]

"Sans CSS, le contenu non mis en forme reste lisible, et les liens et éléments de formulaires fonctionnent. Sans rien faire d'autre, si votre balisage est correctement structuré, vous avez automatiquement en main une version de votre site pour mobile."

En ayant un peu d'extension, nous pouvons adopter le même principe sur les technologies données dans l'article ci-dessus.

G.

graffiti, le 02 mars 2006

Je pense sincerement qu'on peut avoir du javascript et autre effet dans son site, sans que cela gêne l'accessibilité, voir même que cela renforce l'ergonomie.

Je ne rentrerais pas dans les détails, mais connaitre les contraintes des personnes déficientes (visuels ou moteurs) permet de se rendre compte de l'attitude à adopter pour rester accessible.

C'est pourquoi je ne suis pas d'accord avec Jérémy quand il dit que "même si c'est regretable, certains sites ne necessitent pas d'être accessible"...
Il faut savoir se projeter à la place des autres et voir comment on réagirait si nous étions nous mêmes handicapés...

Jeremy, le 02 mars 2006

Et je ne suis moi-même pas daccord avec ce que je dis =)
non, le fait est que je n'exprimais pas mon opinion mais fesait un constat..

Je suis tout a fait d'accord avec toi sur le point de l'accessibilité, mais ayant bossé comme coder pour quelques boites je peut te dire que la pillule est dur a faire passer =)

Ollivier LR, le 01 avril 2006

Je trouve ce post très pertinent mais malgré tout j'ai peur que l'on fasse trop abstraction d'une réelle demande du marché (agence communication…) et nécessité, l'identité visuelle, la valeur ajoutée par le visuel, toutes ces notions marketing qui peuvent laisser interrogatif mais dont l'efficacité en terme d'impact est prouvée, il suffit de se plonger sur les études en terme d'influence sur le consommateur des visuels, de la publicité, des couleurs… Et à l'heure ou la concurrence fait rage un dilemme se fait grandissant, accessible ou « communication », chaque entreprise veut être meilleure que l'autre dans sa communication et la web agency doit développer « propre » tout en faisant preuve d'innovation conceptuelle et technique… Ne pas oublier les lois du marché ce qui nous fait vivre et le droit à l'accessibilité, personnellement j'essaye d'avancer avec ces deux points en ligne de mire, mais… Pas facile !!!

Les commentaires pour ce billet sont temporairement fermés en raison d'une série d'attaques de spam.