Développement

Développer un site ou une application accessible, ça veut dire quoi ?

Un projet accessible, c'est un projet avant tout fonctionnel pour tous·tes.

Les principes d'ergonomie du projet ont été normalement définis dans les étapes précédentes de sa conception, notamment aux Wireframes. Les palettes de couleur et les contrastes qu'elles impliquent ont, elles, été définies lors de la création de l'identité visuelle du projet ainsi qu'à l'étape de design du projet.

Les principes d'UX qui vont intervenir lors du développement d'un site ou d'une app sont le respect des guidelines WCA, qui permettront aux personnes handies de naviguer sur votre site et de profiter de ses contenus et fonctionnalités sans encombres, avec l'expérience la plus complète possible.

Quelques grands principes de base à respecter :

Étiqueter le contenu (Alt text, Title, ARIA)

  • Images - Si elles ont une utilité sur la page, elles doivent être décrites de façon qu'une personne malvoyante ne manque aucun contenu nécessaire à sa compréhension du contenu du site.
  • Icones, boutons, liens - Leur fonction doit être explicite. Si le texte d'un bouton ou d'un lien n'est pas suffisamment explicite, il faut en détailler la fonction dans les balises de description appropriées, qui seront lues par un screenreader.
    C'est ARIA qui prend le relai ici lorsque le HTML ne suffit plus.

Utiliser des balises appropriées (sémantique)

En HTML, les balises ont un sens. p est un paragraphe, h1 un titre, input une entrée de formulaire, etc.

Conserver leur usage et leur sens participe à rendre le site fonctionnel, mais également à garder un code compréhensible et maintenable.

Éviter les techniques dépréciées

Une solution dépréciée pourraît être abandonnée et donc rendre un site inaccessible. De la même façon : Se renseigner sur l'implémentation par les navigateurs de différentes solutions techniques ! Tous les navigateurs ne le font pas de la même façon. Les spécifications techniques de certains éléments HTML ne sont pas respectées partout.

Attention au contenu (screenreaders)

  • On n'abuse pas des caractères spéciaux, pour le bien des personnes recourant à un screenreader.
  • On s'assure que tout le contenu utile est détecté et lu par les screenreaders

Navigation au clavier

Il doit être possible de naviguer sur l'ensemble du site et de profiter de ses fonctionnalités sans utiliser de souris (navigation avec la touche tab notamment)

Légèreté du site

Plus le site est rapide à charger, mieux c'est, pour pouvoir utiliser la plateforme avec une connexion internet moindre. Cette mesure peut rendre le produit accessible dans des zones peu couvertes en réseau par exemple.