En 5 minutes chrono, 5 bonnes pratiques d’accessibilité, à l’origine conçues pour les utilisateurs en situation de handicap, qui bénéficient à tous les utilisateurs.

1. ACCESSIBILITÉ
ET
UX
MAIN DANS LA MAIN,
EN 5 EXEMPLES
@OlivierNourry

2. L’ACCESSIBILITÉ NUMÉRIQUE?
Rendre possible l’usage des technologies
numériques:
l Sans les yeux, ou une vision perturbée
l Sans les oreilles, ou avec une audition perturbée
l Sans les mains, ou avec une dextérité perturbée
l Avec des difficultés de lecture, de compréhension,
d’utilisation…
FLUPA UX-Days 2016 - Lightning talks

3. CONCRÈTEMENT?
Des informations textuelles pour décrire les
informations visuelles et sonores
La possibilité d'utiliser indifféremment la souris,
le clavier, le tactile
Des aides à la compréhension, la saisie,
l'utilisation
FLUPA UX-Days 2016 - Lightning talks

4. PETITE MISE AU POINT PRÉLIMINAIRE
Accessibilité n'implique pas toujours ergonomie
Ergonomie n'implique pas toujours accessibilité
Mais l'une peut aider l'autre quand même
FLUPA UX-Days 2016 - Lightning talks

5. 5 EXEMPLES

6. TEXTE ALTERNATIF AUX IMAGES
Permet de comprendre la fonction d'une
image, en lecture non visuelle
FLUPA UX-Days 2016 - Lightning talks
Crédit photo: huffingtonpost.com

7. MAIS AUSSI…
FLUPA UX-Days 2016 - Lightning talks

8. SOUS-TITRES DE VIDÉO
Permettent de comprendre l'information sonore
sans la percevoir.
FLUPA UX-Days 2016 - Lightning talks

9. MAIS AUSSI…
Aident à mieux comprendre:
l Une langue mal maîtrisée
l Un contenu complexe
l Dans un environnement bruyant
Constat: 80% des personnes utilisant les sous-
titres n'ont pas de déficience auditive
(source: http://www.reelseo.com/closed-captions-roi/ )
FLUPA UX-Days 2016 - Lightning talks

10. TRANSCRIPTION DE VIDÉO
Description textuelle des informations visuelles
et sonores d'un contenu vidéo.
Permet d'obtenir l'information même en cas de
difficulté pour visionner ou percevoir une
vidéo.
FLUPA UX-Days 2016 - Lightning talks

11. MAIS AUSSI…
l Connexion bas débit ou payante
l Lecture rapide
l Réutilisation du contenu
l SEO
FLUPA UX-Days 2016 - Lightning talks

12. ÉTIQUETAGE DES FORMULAIRES
Étiquettes de champs proches et pertinentes.
FLUPA UX-Days 2016 - Lightning talks
Crédit photo: en.wikipedia.ors

13. MAIS AUSSI…
FLUPA UX-Days 2016 - Lightning talks

14. MAIS AUSSI…
FLUPA UX-Days 2016 - Lightning talks

15. ACCESSIBILITÉ AU CLAVIER
Pouvoir manipuler une interface sans recourir à
une souris
FLUPA UX-Days 2016 - Lightning talks
Crédit photo: Melanie Shotts

16. MAIS AUSSI…
l Souris HS
l En mobilité
l Power users
FLUPA UX-Days 2016 - Lightning talks
Crédit photo:
moneycrashers.com

17. MAIS AUSSI…
l Les utilisateurs à qui l'on ne peut pas confier une souris
FLUPA UX-Days 2016 - Lightning talks
Crédit photo:
biginterview.com

18. FLUPA UX-Days 2016 - Lightning talks
MERCI POUR VOTRE ATTENTION!
Olivier Nourry
Smile Open Source Solutions
access-first.fr
accessiblog.fr
@OlivierNourry