La principale contrainte qui intervient dans la création de sites internet est la multitude de configurations matérielles employées par les utilisateurs: tailles et résolutions d’écran, navigateurs, rendus des couleurs, prise en charge des polices de caractères, Mac ou PC…

Il faut que tous les visiteurs puissent accéder au contenu dans les meilleures conditions, que les sites web s’affichent correctement sur tous les ordinateurs, et dans tous les navigateurs.

À cela s’ajoute le fait que le nombre de téléphones portables capables de naviguer sur internet ne fait qu’augmenter : les sites que nous réalisons doivent être compatible avec ce nouvel usage, comme avec ceux du futur.

À ce problème, une solution : le design dans le respect des standards du web.

Un design web respectueux des standards

Les standards du design web sont les recommandations du W3C (World Wide Web Consortium) pour l’écriture des pages web. Ces standards ne sont pas des dogmes ésotériques, mais un outil d’aide à la conception, qui accompagne la création du code (x)html et css.

Les caractéristiques d’un code valide sont:

  • un contenu sémantique: le code (x)html doit avoir du sens. Le contenu à communiquer doit-il être présenté sous forme de liste ? D’énumération ? De tableau ? S’agit-il d’un titre, d’une définition, d’une citation, d’une accroche ? À chaque type de de contenu correspond un choix dans l’arsenal des balises. C’est un aspect essentiel de l’optimisation pour les moteurs de recherche.
  • un contenu hiérarchisé, avec des niveaux de titres, et une structure logique du document — caractéristique également prise en compte par les moteurs de recherche.
  • une stricte séparation du contenu et de la mise en forme. Les avantages de cette séparation sont:
    • que l’on peut transformer totalement l’apparence d’un site web sans toucher à son contenu, comme l’illustre le merveilleux Jardin Zen css;
    • que l’on peut prévoir différentes feuilles de style pour mettre en forme un même contenu à destination de différents supports : pour l’impression, pour un Smart Phone, etc…;
    • que même dans les pires conditions, le contenu du site demeurera accessible, pas forcément très joli, mais accessible.
  • une compatibilité avec tous les navigateurs du marché. Quitte à écrire quelques règles spéciales pour les plus récalcitrants.

Accessibilité et efficacité des sites web

Le respect des standards du web garantit l’accès de tous au contenu, y compris aux personnes atteintes de troubles visuels ou neurologiques (daltonisme, épilepsie, cécité…), cf les Web Content Accessibility Guidelines. Nombre des principes qui valent pour les handicapés valent aussi pour les moteurs de recherche : l’attribution d’équivalents textuels aux images (les moteurs de recherche ne voient pas les images), la hiérarchie et la pertinence des balises…

Un code écrit à la main

Art is code, comme son nom l’indique, considère le code comme un art. Or il n’est pas d’art qui ne soit aussi un artisanat: ensemble de techniques éprouvées à travers le temps et les pratiques. Notre code est écrit entièrement à la main.

Car contrairement à un mythe répandu, il n’existe pas de logiciels pour faire les sites web. Seul un code écrit à la main sera optimisé, léger et rapide, fonctionnera dans toutes les configurations matérielles et sera conforme aux standards du W3C.

Il existe cela dit de bons logiciels, mais dont l’intérêt est d’aider à écrire le code: qui vous font des suggestions, mettent de jolies couleurs pour y voir plus clair, donnent accès à des références….

Approfondir