Universal Access
L'accessibilité comme point de départ, pas comme contrainte de conformité ajoutée après-coup : contraste renforcé, grands textes, larges cibles tactiles, langage clair — au bénéfice de tous les utilisateurs de Kendros, pas seulement de ceux qui utilisent une technologie d'assistance.
Écrans du prototype
Chaque écran ci-dessous est une page HTML statique autonome, partageant la même feuille de style. Cliquez pour ouvrir.
Principes du système
Philosophie
Conçu d'abord pour un contraste et une lisibilité maximale (WCAG AAA visé), puis étendu à tous les utilisateurs. Rien n'est masqué derrière un survol de souris, une couleur seule ou une icône sans texte.
Public cible
L'ensemble des utilisateurs de Kendros, avec une attention particulière aux agents malvoyants, aux utilisateurs de lecteur d'écran, aux personnes à mobilité réduite et aux profils moins à l'aise avec l'informatique.
Inspiration visuelle
Portails gouvernementaux accessibles (gov.uk, services publics suisses), typographie Atkinson Hyperlegible conçue pour la lisibilité, guides d'accessibilité bancaires.
Concept de navigation
Une navigation horizontale simple, toujours visible, sans menu à tiroir ni mega-menu au survol ; un lien d'évitement ("Aller au contenu principal") sur chaque page.
Philosophie de la page d'accueil
Des tâches nommées en langage clair, jamais par icône seule, regroupées en une grille de boutons larges — la bonne action est visible sans défilement pour la plupart des besoins.
Philosophie de recherche
Des formulaires découpés en étapes courtes et nommées, aucune étape obligatoire, chaque champ accompagné d'un exemple concret ("ex. Kontiki").
Architecture de l'information
Organisée autour de l'intention de l'utilisateur (Visas, Annuaire, Emplois) plutôt que de l'organisation interne de Kendros — cohérent avec la façon dont un agent pense réellement son besoin.
Système de composants
Cartes à bordures nettes, boutons d'au moins 44 pixels de haut, jamais d'affordance qui dépend uniquement d'un survol de souris ou d'un geste tactile complexe.
Typographie
Atkinson Hyperlegible en priorité, taille de base généreuse (1rem = 16px minimum), interlignage large, deux graisses seulement.
Système d'espacement
Une échelle d'espacement généreuse (0.5rem à 3.5rem) qui laisse respirer chaque bloc et agrandit la zone cliquable de chaque lien et bouton.
Usage de la couleur
Bleu marine et magenta ajustés pour un contraste AAA sur fond blanc ; jamais la couleur seule pour porter un sens — toujours accompagnée d'un mot ou d'une icône.
Tableaux
Lignes hautes et espacées, en-têtes à fort contraste, statuts affichés en mots ("Vérifié", "Non renseigné") en plus de la couleur.
Formulaires
Un libellé visible et permanent au-dessus de chaque champ, jamais un espace-réservé (placeholder) seul ; les erreurs sont décrites en phrase complète, à côté du champ concerné.
Filtres
Toujours visibles sous forme de cases à cocher, jamais cachés dans un panneau à dérouler qu'il faut découvrir.
Icônes
Toujours accompagnées d'un texte visible ; jamais seules comme unique porteuses de sens.
Hiérarchie visuelle
Construite par la taille, l'espace blanc et des titres clairs — pas par un jeu subtil de nuances de gris qui pénaliserait un utilisateur malvoyant.
Forces, faiblesses, risques
Forces
- Le plus inclusif du panel : aucun utilisateur n'est laissé de côté, quels que soient son matériel ou ses capacités
- Réduit fortement le risque juridique lié aux obligations d'accessibilité numérique
- Un langage clair et de larges cibles tactiles bénéficient en réalité à tous les utilisateurs, pas seulement à ceux qui ont un besoin déclaré
Faiblesses
- Look plus institutionnel, moins "moderne" au premier regard que des directions plus visuelles
- Les grandes cibles tactiles et le texte généreux consomment plus d'espace vertical, donc plus de défilement
Risques
- Une direction en quête d'un effet "wow" visuel en comité de pilotage peut la juger trop sobre
- Niveau de risque d'implémentation : faible
Pourquoi ce choix convient à Kendros
Kendros s'adresse à l'ensemble de la branche du voyage suisse, une population professionnelle large et non homogène en âge et en aisance numérique. Rendre l'outil lisible et utilisable par le plus grand nombre — plutôt que de viser un style visuel spectaculaire — réduit durablement le nombre d'appels au support, le risque juridique, et la charge de formation pour les nouveaux collaborateurs des agences partenaires.