1

La démarche qualité web Renow : un

exemple d’alliance efficace entre «

User eXperience » et « Accessibilité

numérique »

Gautier Barrère

8ème Forum Européen de l'Accessibilité Numérique

L'utilisateur au coeur de l'accessibilité numérique

2

Qui suis-je ?

• Gautier Barrère

– Psychologue

– Expert UX

– Coordinateur équipe « Web & UX » du Gouvernement

Luxembourgeois

3

Ensemble nous allons échanger sur :

Comment on concilie User eXperience et Accessibilité

numérique :

• Les notions d’accessibilité et d’ergonomie

• Leurs prises en compte dans le cycle de conception

• La conciliation entre principes ergonomiques et WCAG

• Notre framework ergonomique et accessible

www.renow.public.lu

Stratégie web – Démarche – Critères – CMS centralisé

Un centre de compétences

Agence Web : Vous vous focalisez sur vos compétences métier

• Comprendre les usages

• Voir comment les gens utilisent un produit

• Prendre en compte les besoins de l’utilisateur

• Approche complémentaire pour proposer des produits

efficaces :

– Simplicité d’usage

– Accessibilité

– Faciliter les parcours utilisateurs

– Faire en sorte que les utilisateurs trouvent rapidement

Notre métier

Accessibilité

Perceptible

Utilisable

Compréhensible

Robuste

Ergonomie appliquée

Visual perception

Behavior

Brain/Cognitive

Emotion/Declarative

Perception visuelle Perception non visuelle

Perception visuelle

dégradée

Contrastes

Lisibilité

Zones topiques

Structure

sémantique

Gestion des erreurs

Stratégie

d’accès

Conformité

technique

Mécanismes

d’orientation et aides Indépendance du

périphérique d’entrée

Photosensibilité

Limite de temps

Niveau de langage

Effort

Satisfaction Interface

spécifique

Abréviations

Ecarts

Positionnements

Signifiance

Formes

Constance et

prévisibilité des actions

Source : Eric Gateau

Ergonomie Accessibilité

12

Notre contexte

• Large porte feuille de projet (125)

• Des moyens humains limités (design, intégration,

développement, ergonomie) 15 personnes

• Gros avantage : gestion centralisée

13

#1 Comment allions-nous UX et

accessibilité ?

14

Méthodologie Quapital

Hermes

15

Comprendre et

spécifier le contexte

d’utilisation

Spécifier les

exigences des

utilisateurs et de

l’organisation

Produire des

solutions de

conception

Evaluer les solutions par

rapport aux exigences

ISO 13407 – ISO 9241 210

16

17

Analyse Exemples de livrables :

- Rapport d’analyse

- Cahier des charges de

conception

Concept global Exemple de livrable

- Rapport de conception

Scope et objectifs

Exemples de livrables :

- Proposition de projet

- Manuel de projet

- Plan de projet

Mise en ligne

Bilan du

projet

Méthodologie QUAPITAL - HERMES Réalisation Exemple de livrable :

- Rapport de réalisation

18

#2 Comment allions-nous UX et

accessibilité ?

19 19

21 techniques impliquant l’utilisateur

• Tests utilisateur, eyes-tracking

• Focus group

• Tri de cartes

• Entretien

• Observation

• Maquettage papier

• Analyse de la tâche

• Audit accessibilité et Inspection ergonomique

• Etc.

20

21

22

Inspection ergonomique

Guidage

Charge de travail

Contrôle explicite

Adaptabilité

Gestion des erreurs

Homogénéité / Cohérence

Signifiance des codes et dénominations

Compatibilité

ATAG

WCAG 2.0

Cela n’est pas la même chose néanmoins :

- il y a des correspondances

- c’est complémentaire

Critères Scapin / Bastien

23

#3 Comment allions-nous UX et

accessibilité ?

24

25

#4 Comment allions-nous UX et

accessibilité ?

Catalogue de widgets ergo et accessible

27 27

Atelier d’innovation

28 28

Le pouvoir magique des personas

29 29

Quelques limites

Déclaration d’accessibilité

30

Gestion du changement quotidienne

• Niveau du produit

• Niveau de l’équipe

• Niveau de l’organisation

• Implémentation de la démarche qualité en utilisant les

mécanismes de persuasion de Cialdini

31

32

Merci de votre attention