GRSA

Sur la piste, le guide descend en parlant. Il annonce les virages, les bosses, les arrêts, et la personne guidée suit sa voix, au même rythme.

Le site reprend ce principe : chaque page dit ce qu'elle contient, on sait toujours où l'on est et comment revenir. Le ton suit le terrain : léger, sportif, jamais de pathos.

Le grand public découvre l'association, les camps de ski, les formations et les actualités. Il peut demander à devenir membre ou écrire au bon interlocuteur, sans qu'aucune adresse e-mail ne soit affichée.

Les membres se connectent pour s'inscrire aux activités de la saison. Les organisateurs gèrent les saisons, les activités, les inscriptions et les tandems guide-skieur depuis un outil de gestion sur mesure, sans rien perdre d'une saison à l'autre.

L'identité vient de la piste. Jaune pour la personne guidée, rouge pour le guide : les deux vestes du GRSA, visibles de loin, deviennent les deux couleurs du site.

Dans le dos de chaque veste, un pictogramme : l'œil et la canne blanche. Il devient la signature du site.

Jaune, rouge, corail, noir et gris : cinq teintes, pas une de plus. Chaque paire texte-fond dépasse le minimum fixé par les règles d'accessibilité (WCAG), pour rester lisible avec une vue réduite, en plein soleil ou sur un vieil écran.

Le corail est réservé au focus. Il ne sert qu'à une chose : montrer où l'on se trouve.

Beaucoup de membres naviguent au clavier. À la première pression sur Tab, un lien invisible à l'écran apparaît : « Aller au contenu ». Trois autres suivent, vers les actualités, le menu de l'espace membres et le menu principal.

Ensuite, le focus avance de lien en lien, toujours visible : un grand bloc corail, du texte noir, un soulignement pointillé. Le repère se voit de loin, même avec peu de vision.

En haut de chaque page, un fil d'Ariane : « Vous êtes dans : Accueil > Activités ». Les titres suivent une hiérarchie stricte, comme les panneaux d'une piste, pour qu'un lecteur d'écran puisse sauter d'une section à l'autre.

Le plan du site tient sur une seule page, et une page d'aide explique comment naviguer, avec ou sans moyens auxiliaires.

Un lien qui mène vers un autre site l'annonce, à l'écran comme au lecteur d'écran : « s'ouvre dans un nouvel onglet ».

Le carrousel de photos se saute d'un lien, ou se parcourt image par image au clavier.

Les membres malvoyants agrandissent souvent l'écran. Le site tient jusqu'à 400 % de zoom : la page passe en une colonne, les deux menus se regroupent en un seul, rien ne déborde.

Les boutons de taille de texte et de contraste de l'ancien site ont disparu : le navigateur et les moyens auxiliaires de chacun s'en chargent mieux. Et le vide aide aussi, pour repérer le contenu d'un coup d'œil.

Sur mobile, le menu tient sous un seul bouton et chaque page se lit en une colonne, dans le même ordre que sur grand écran.

L'association gère elle-même ses pages, ses actualités, sa galerie photo et ses questions fréquentes.