a11y
+ WEB

"Le pouvoir du Web est dans son universalité.
L’accès pour tous, quel que soit le handicap, est un aspect essentie
l" - Tim Berners-Lee

icon : star white simpleicon : star white simpleicon : star white simple

Accesibility

Eco design

icon : arrow right-down red

Essentiel, accessible et durable.

W3C WAI
icon : star white

Critères

Les standards du web définissent ce qui est nécessaire pour l’accessibilité, à partir des critères suivants : être perceptible, utilisable, compréhensible, et robuste.

Important

Le web est dans de nombreux aspects de la vie : pour l'éducation, le travail, le quotidien, la santé, ... Il est important de fournir le même accès à tou.te.s, quelque soit l'environnement.

WAI

1997

RGAA

2009

Qui ?

Tout le monde

Ce projet

L'accessibilité numérique est à prendre en compte dès le démarrage de chaque projet. Cela sera intégré dans tout le processus de design, aussi bien que dans la phase de développement et de tests.  

Perceptible
Utilisable
Compréhensible
Robuste

Démarche

Sur le contenu : des titres explicites, une mise en page par blocs distincts, hiérarchisés, synthétiques, pour améliorer la compréhension. Une navigation claire.  
Sur le visuel : une charte graphique cohérente sur toutes les pages, respectant les contrastes (AAA) pour tous les éléments, des zones tactile assez large, des images adaptées.
Chaque élément doit être correctement utilisé et paramétré.

Quelques conseils : memo-design

Audit

Voici quelques outils qui vous aideront à la vérification de l'accessibilité de votre site web, sa performance, et d'autres critères importants à prendre en compte. Cela permettra d'identifier des erreurs s'il y en a :

* Recommandés par le WAI : Tools List

color.a11y.com
wave.webaim.org
ecoindex.fr
gtmetrix.com
websitecarbon.com

Ce sont ici quelques outils gratuits et en ligne, mais il en existe beaucoup d'autres.

design.numerique/outils
diagnostic-flash

L'accessibilité est un domaine où l'on peut s'améliorer sans cesse, apprendre en permanence, et tout design est perfectible.

Résultats

Voici les premiers résultats pour ce site web, avec quelques outils cités ci-dessus :

L'accessibilité numérique, et l'éco-conception, ne se limitent pas uniquement à la conception d'un projet web. Il s'agit d'une démarche globale incluant de nombreux facteurs à prendre en compte avant/pendant/après (par exemple avec un hébergement responsable).

Nous devons questionner les besoins, les réponses possibles, et leurs utilités.
Les avantages sont nombreux : allégement des pages, donc réduction des temps de chargement, moins de consommation électrique, moins d'impacts environnementaux, augmentation de la durée de vie d'un produit, facilitation de sa maintenance, réduction des coûts, meilleure expérience utilisateur. A nous de repenser un web plus accessible, essentiel, responsable et durable.

"Plutôt que de se demander quel monde est possible grâce au numérique, nous avons plutôt souhaité explorer quel numérique est possible dans un monde soutenable." Low-Tech Lab