flupa ux-days 2016 - "accessibilité et ux main dans la main, en 5 exemples" par olivier...
Upload: france-luxembourg-user-experience-professionals-association-flupa
Post on 20-Jan-2017
302 views
TRANSCRIPT
![Page 1: FLUPA UX-Days 2016 - "Accessibilité et UX main dans la main, en 5 exemples" par Olivier Nourry](https://reader034.vdocuments.mx/reader034/viewer/2022042706/5881bf1c1a28abdd268b4ba3/html5/thumbnails/1.jpg)
ACCESSIBILITÉ
ET
UX
MAIN DANS LA MAIN, EN 5 EXEMPLES
@OlivierNourry
![Page 2: FLUPA UX-Days 2016 - "Accessibilité et UX main dans la main, en 5 exemples" par Olivier Nourry](https://reader034.vdocuments.mx/reader034/viewer/2022042706/5881bf1c1a28abdd268b4ba3/html5/thumbnails/2.jpg)
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
![Page 3: FLUPA UX-Days 2016 - "Accessibilité et UX main dans la main, en 5 exemples" par Olivier Nourry](https://reader034.vdocuments.mx/reader034/viewer/2022042706/5881bf1c1a28abdd268b4ba3/html5/thumbnails/3.jpg)
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
![Page 4: FLUPA UX-Days 2016 - "Accessibilité et UX main dans la main, en 5 exemples" par Olivier Nourry](https://reader034.vdocuments.mx/reader034/viewer/2022042706/5881bf1c1a28abdd268b4ba3/html5/thumbnails/4.jpg)
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
![Page 5: FLUPA UX-Days 2016 - "Accessibilité et UX main dans la main, en 5 exemples" par Olivier Nourry](https://reader034.vdocuments.mx/reader034/viewer/2022042706/5881bf1c1a28abdd268b4ba3/html5/thumbnails/5.jpg)
5 EXEMPLES
![Page 6: FLUPA UX-Days 2016 - "Accessibilité et UX main dans la main, en 5 exemples" par Olivier Nourry](https://reader034.vdocuments.mx/reader034/viewer/2022042706/5881bf1c1a28abdd268b4ba3/html5/thumbnails/6.jpg)
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
![Page 7: FLUPA UX-Days 2016 - "Accessibilité et UX main dans la main, en 5 exemples" par Olivier Nourry](https://reader034.vdocuments.mx/reader034/viewer/2022042706/5881bf1c1a28abdd268b4ba3/html5/thumbnails/7.jpg)
MAIS AUSSI…
FLUPA UX-Days 2016 - Lightning talks
![Page 8: FLUPA UX-Days 2016 - "Accessibilité et UX main dans la main, en 5 exemples" par Olivier Nourry](https://reader034.vdocuments.mx/reader034/viewer/2022042706/5881bf1c1a28abdd268b4ba3/html5/thumbnails/8.jpg)
SOUS-TITRES DE VIDÉO
Permettent de comprendre l'information sonore sans la percevoir.
FLUPA UX-Days 2016 - Lightning talks
![Page 9: FLUPA UX-Days 2016 - "Accessibilité et UX main dans la main, en 5 exemples" par Olivier Nourry](https://reader034.vdocuments.mx/reader034/viewer/2022042706/5881bf1c1a28abdd268b4ba3/html5/thumbnails/9.jpg)
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
![Page 10: FLUPA UX-Days 2016 - "Accessibilité et UX main dans la main, en 5 exemples" par Olivier Nourry](https://reader034.vdocuments.mx/reader034/viewer/2022042706/5881bf1c1a28abdd268b4ba3/html5/thumbnails/10.jpg)
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
![Page 11: FLUPA UX-Days 2016 - "Accessibilité et UX main dans la main, en 5 exemples" par Olivier Nourry](https://reader034.vdocuments.mx/reader034/viewer/2022042706/5881bf1c1a28abdd268b4ba3/html5/thumbnails/11.jpg)
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
![Page 12: FLUPA UX-Days 2016 - "Accessibilité et UX main dans la main, en 5 exemples" par Olivier Nourry](https://reader034.vdocuments.mx/reader034/viewer/2022042706/5881bf1c1a28abdd268b4ba3/html5/thumbnails/12.jpg)
ÉTIQUETAGE DES FORMULAIRES
Étiquettes de champs proches et pertinentes.
FLUPA UX-Days 2016 - Lightning talks
Crédit photo: en.wikipedia.ors
![Page 13: FLUPA UX-Days 2016 - "Accessibilité et UX main dans la main, en 5 exemples" par Olivier Nourry](https://reader034.vdocuments.mx/reader034/viewer/2022042706/5881bf1c1a28abdd268b4ba3/html5/thumbnails/13.jpg)
MAIS AUSSI…
FLUPA UX-Days 2016 - Lightning talks
![Page 14: FLUPA UX-Days 2016 - "Accessibilité et UX main dans la main, en 5 exemples" par Olivier Nourry](https://reader034.vdocuments.mx/reader034/viewer/2022042706/5881bf1c1a28abdd268b4ba3/html5/thumbnails/14.jpg)
MAIS AUSSI…
FLUPA UX-Days 2016 - Lightning talks
![Page 15: FLUPA UX-Days 2016 - "Accessibilité et UX main dans la main, en 5 exemples" par Olivier Nourry](https://reader034.vdocuments.mx/reader034/viewer/2022042706/5881bf1c1a28abdd268b4ba3/html5/thumbnails/15.jpg)
ACCESSIBILITÉ AU CLAVIER
Pouvoir manipuler une interface sans recourir à une souris
FLUPA UX-Days 2016 - Lightning talks
Crédit photo: Melanie Shotts
![Page 16: FLUPA UX-Days 2016 - "Accessibilité et UX main dans la main, en 5 exemples" par Olivier Nourry](https://reader034.vdocuments.mx/reader034/viewer/2022042706/5881bf1c1a28abdd268b4ba3/html5/thumbnails/16.jpg)
MAIS AUSSI…
l Souris HS
l En mobilité
l Power users
FLUPA UX-Days 2016 - Lightning talks
Crédit photo: moneycrashers.com
![Page 17: FLUPA UX-Days 2016 - "Accessibilité et UX main dans la main, en 5 exemples" par Olivier Nourry](https://reader034.vdocuments.mx/reader034/viewer/2022042706/5881bf1c1a28abdd268b4ba3/html5/thumbnails/17.jpg)
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
![Page 18: FLUPA UX-Days 2016 - "Accessibilité et UX main dans la main, en 5 exemples" par Olivier Nourry](https://reader034.vdocuments.mx/reader034/viewer/2022042706/5881bf1c1a28abdd268b4ba3/html5/thumbnails/18.jpg)
FLUPA UX-Days 2016 - Lightning talks
MERCI POUR VOTRE ATTENTION!
Olivier Nourry
Smile Open Source Solutions
access-first.fr
accessiblog.fr
@OlivierNourry