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...
CONCRÈTEMENT?
 Des informations textuelles pour décrire les
informations visuelles et sonores
 La possibilité d'utiliser i...
PETITE MISE AU POINT PRÉLIMINAIRE
 Accessibilité n'implique pas toujours ergonomie
 Ergonomie n'implique pas toujours acce...
5 EXEMPLES
TEXTE ALTERNATIF AUX IMAGES
Permet de comprendre la fonction d'une
image, en lecture non visuelle
FLUPA UX-Days 2016 - Lig...
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
Co...
TRANSCRIPTION DE VIDÉO
Description textuelle des informations visuelles
et sonores d'un contenu vidéo.
Permet d'obtenir l'...
MAIS AUSSI…
l Connexion bas débit ou payante
l Lecture rapide
l Réutilisation du contenu
l SEO
FLUPA UX-Days 2016 - Lightn...
ÉTIQUETAGE DES FORMULAIRES
Étiquettes de champs proches et pertinentes.
FLUPA UX-Days 2016 - Lightning talks
Crédit photo:...
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
C...
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...
FLUPA UX-Days 2016 - Lightning talks
MERCI POUR VOTRE ATTENTION!
Olivier Nourry
Smile Open Source Solutions
access-first.f...
Prochain SlideShare
Chargement dans…5
×

FLUPA UX-Days 2016 - "Accessibilité et UX main dans la main, en 5 exemples" par Olivier Nourry

393 vues

Publié le

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.

Publié dans : Design
0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
393
Sur SlideShare
0
Issues des intégrations
0
Intégrations
12
Actions
Partages
0
Téléchargements
7
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

FLUPA UX-Days 2016 - "Accessibilité et UX main dans la main, en 5 exemples" par Olivier Nourry

  1. 1. ACCESSIBILITÉ ET UX MAIN DANS LA MAIN, EN 5 EXEMPLES @OlivierNourry
  2. 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. 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. 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. 5 EXEMPLES
  6. 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. 7. MAIS AUSSI… FLUPA UX-Days 2016 - Lightning talks
  8. 8. SOUS-TITRES DE VIDÉO Permettent de comprendre l'information sonore sans la percevoir. FLUPA UX-Days 2016 - Lightning talks
  9. 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. 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. 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. 12. ÉTIQUETAGE DES FORMULAIRES Étiquettes de champs proches et pertinentes. FLUPA UX-Days 2016 - Lightning talks Crédit photo: en.wikipedia.ors
  13. 13. MAIS AUSSI… FLUPA UX-Days 2016 - Lightning talks
  14. 14. MAIS AUSSI… FLUPA UX-Days 2016 - Lightning talks
  15. 15. ACCESSIBILITÉ AU CLAVIER Pouvoir manipuler une interface sans recourir à une souris FLUPA UX-Days 2016 - Lightning talks Crédit photo: Melanie Shotts
  16. 16. MAIS AUSSI… l Souris HS l En mobilité l Power users FLUPA UX-Days 2016 - Lightning talks Crédit photo: moneycrashers.com
  17. 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. 18. FLUPA UX-Days 2016 - Lightning talks MERCI POUR VOTRE ATTENTION! Olivier Nourry Smile Open Source Solutions access-first.fr accessiblog.fr @OlivierNourry

×