Checklist pour des sites web sobres et idéalistes

Pourquoi faire des sites sobres ?

• Parce que tout le monde n'a pas accès à une connexion internet de folie (3G dégradée, fin de ligne ADSL, ou encore pire) ou à un lecteur supportant des gigaoctets de ram en mémoire (vieux ordinosaures y compris mobiles)
• Parce que “sobre” ça amène souvent à un site moins energivore, qui prend moins de ressources à être visité mais aussi sauvegardé.
• Parce que quand on fait simple, on peut aussi être plus lisible.

Les initiatives tel que Gemini me semblent très intéressantes, mais dans une contrainte qui ne m'intéresse pas. Je conçois l'intérêt du design, tant qu'il est au service des usagères du site.

Et pourquoi “idéalistes” ? Parce que la conception d'un site web est relié à nos valeurs (ou devrait l'être) et que je ne prétendrais pas que c'est “éthique” (terme facilement galvaudé) mais bien que cela reflète des opinions politiques.

Données personnelles :

• Autant que possible, on évite d'en récolter.
• Quand on en récolte, cela doit toujours être clair sur “pour quoi” et “ce qu'on en fait”. Par exemple un mail pour s'inscrire à un service privé, qui peut permettre de réinitialiser un mot de passe ; mais ce mail ne sera pas utilisé pour autre chose.
• On ne fait pas de tracking si possible ; et si on doit en faire, alors c'est seulement avec un consentement éclairé et sans obligation d'accepter.

Publicité :

• On évite autant que possible de soutenir le capitalisme, surtout avec des pubs intrusives sur lesquels on n'a pas de contrôle.
• Il peut y avoir de la “pub” mais sobre et dans le but de soutenir une initiative précise. Par exemple parler du travail d'un artisan, faire un lien pour soutenir un artiste.

Limiter la dépendance aux services tiers

• Si nécessité de passer par un service tiers, favoriser les vrais partenariats (avec des CHATONS par exemple) ou a minima des structures ayant des éthiques compatibles avec nos propres valeurs

Design clair

• Limiter les distractions
• Structure claire, hiérarchie de l'information facile à comprendre.
• Optimisation de l'expérience visuelle tout en préservant l'accessibilité (CSS non essentiel à la navigation).

Technique, favoriser les technologies les plus sobres :

• Utilisation d'HTML sémantique et de structures simples.
• L'absence du css ne doit pas être un frein à la visite du site. Le css n'est là que pour rendre l'expérience plus esthétique.
• Le reste doit être facultatif, permettant d'améliorer l'expérience des utilisatrices (javascript léger par exemple)
• Si on peut utiliser le site avec un navigateur textuel (comme Links) alors c'est bien.
• Préférer les fonctionnalités html et CSS largement supportées aux nouveautés expérimentales.
• Tester le rendu sur divers moteurs.

Optimisation réseau :

• Chargement rapide, même en basse connexion.
• Les images doivent être optimisées (WebP, SVG, poid inférieur à X Mo autant que possible)
• Tout fichier doit être aussi léger que possible.
• Les vidéos et médias ne bloquent pas le chargement.

Inclusion aussi large que possible :

• Le site est responsive et accessible sur tous types d’appareils.
• Langue du contenu clairement indiquée et possibilité de traduction.
• Respect des standards d’accessibilité (WCAG).

Sécurité

• Utiliser HTTPS et faire tout ce qu'on peut pour sécuriser les données et la navigation.

Moralité et transparence. Indiquer dans quel référent culturel on s'inscrit :

• La charte du site est disponible et claire (références éthiques et culturelles).
• Système de modération clair pour les contenus collaboratifs.
• Indiquer ses des objectifs et ses biais (autant que possible).

Communs culturels et techniques

• Favoriser la contribution autant que possible : dépôt du site sur un git, possibilité de faire des tickets, de contacter le support.
• Utiliser les logiciels libres. Soutenir ces derniers via des dons et/ou de la participation à leur amélioration.