flupa ux-days 2016 - "accessibilité et ux main dans la main, en 5 exemples" par olivier...

ACCESSIBILITÉ

ET

UX

MAIN DANS LA MAIN, EN 5 EXEMPLES

@OlivierNourry

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

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

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 EXEMPLES

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

MAIS AUSSI…

FLUPA UX-Days 2016 - Lightning talks

SOUS-TITRES DE VIDÉO

Permettent de comprendre l'information sonore sans la percevoir.

FLUPA UX-Days 2016 - Lightning talks

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

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

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

ÉTIQUETAGE DES FORMULAIRES

Étiquettes de champs proches et pertinentes.

FLUPA UX-Days 2016 - Lightning talks

Crédit photo: en.wikipedia.ors

MAIS AUSSI…

FLUPA UX-Days 2016 - Lightning talks

MAIS AUSSI…

FLUPA UX-Days 2016 - Lightning talks

ACCESSIBILITÉ AU CLAVIER

Pouvoir manipuler une interface sans recourir à une souris

FLUPA UX-Days 2016 - Lightning talks

Crédit photo: Melanie Shotts

MAIS AUSSI…

l Souris HS

l En mobilité

l Power users

FLUPA UX-Days 2016 - Lightning talks

Crédit photo: moneycrashers.com

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

FLUPA UX-Days 2016 - Lightning talks

MERCI POUR VOTRE ATTENTION!

Olivier Nourry

Smile Open Source Solutions

access-first.fr

accessiblog.fr

@OlivierNourry