SlideShare une entreprise Scribd logo
1  sur  19
@sanvin
Encore un gars qui va nous parler d’accessibilité,
ça va être relou !
Bon toute façon, j’ai pas d’utilisateurs handicapés
 25% de personnes en situation de handicap
 15% impactés par un manque d’accessibilité
numérique
 Accessibilité = augmentation de l’ergonomie
L’accessibilité c’est une nécessité pour
quelque uns, un avantage pour tous
4 règles
#1
c’est le seul truc d’accessibilité qu’on connait…
mettre des alt sur les images
 Les moteurs de recherche
 Les gens en environnement bruyant ou sans
haut-parleurs
 Les gens dont le français n'et pas la langue
natale
#2
p’tain, je t’ai fait un bouton radio avec des span, des
onclick, un peu de JS, Jquery , Prototype, un poil de
CSS, la class, quoi !
 S’obliger à construire et hiérarchiser le contenu
 Les moteurs de recherche
 Pour éviter de MAL réinventer la roue
 Pour éviter de « perdre » vos utilisateurs
#3
mais c’est moche, et ça me freine dans ma créa…
ça claque pas !
 Environnement lumineux
 Fatigue visuelle
 Rapidement identifier la macrostructure
#4
C’est un truc de vieux le clavier !!!!!!!!!
 Les gens qui doivent utiliser un touchpad
 Les fanas du clavier (les formulaires)
 Les gens efficaces (appli métier)
Toutes les images © Ubisoft
Faites déjà ça et
vous développerez mieux,
votre code sera plus beau et
vos utilisateurs vous diront merci !

Contenu connexe

En vedette

En vedette (9)

Neoclasicisme
NeoclasicismeNeoclasicisme
Neoclasicisme
 
Porque desaprobamos los exámenes
Porque desaprobamos los exámenesPorque desaprobamos los exámenes
Porque desaprobamos los exámenes
 
Node, Grunt et leurs copains qui font de l’accessibilité tout seuls !
Node, Grunt et leurs copains qui font de l’accessibilité tout seuls !Node, Grunt et leurs copains qui font de l’accessibilité tout seuls !
Node, Grunt et leurs copains qui font de l’accessibilité tout seuls !
 
Презентация 1.10 - Система электроснабжения
Презентация 1.10 - Система электроснабженияПрезентация 1.10 - Система электроснабжения
Презентация 1.10 - Система электроснабжения
 
Escultura segle xix
Escultura  segle xixEscultura  segle xix
Escultura segle xix
 
Bloque 1. paleolítico neolítico- edad de los metales
Bloque 1. paleolítico neolítico- edad de los metalesBloque 1. paleolítico neolítico- edad de los metales
Bloque 1. paleolítico neolítico- edad de los metales
 
La DesamortizacióN
La DesamortizacióNLa DesamortizacióN
La DesamortizacióN
 
El arte del romanticismo
El arte del romanticismoEl arte del romanticismo
El arte del romanticismo
 
Configuracion dmz
Configuracion dmzConfiguracion dmz
Configuracion dmz
 

Similaire à Faites vous du bien et prenez soin de vos utilisateurs

Concevoir des interfaces pour les seniors: enjeu essentiel pour les informati...
Concevoir des interfaces pour les seniors: enjeu essentiel pour les informati...Concevoir des interfaces pour les seniors: enjeu essentiel pour les informati...
Concevoir des interfaces pour les seniors: enjeu essentiel pour les informati...Isabelle Motte
 
Forum rideau 2018: esprit numérique par Sylvain Carle.
Forum rideau 2018: esprit numérique par Sylvain Carle.Forum rideau 2018: esprit numérique par Sylvain Carle.
Forum rideau 2018: esprit numérique par Sylvain Carle.Sylvain Carle
 
Le numérique est un alphabet
Le numérique est un alphabetLe numérique est un alphabet
Le numérique est un alphabetPhilippe METAYER
 
L’accessibilité web pour les organismes publics
L’accessibilité web pour les organismes publicsL’accessibilité web pour les organismes publics
L’accessibilité web pour les organismes publicsWilly Leloutre
 
Accessibilité, réalité et perspectives. Edwige Morin (20080319)
Accessibilité, réalité et perspectives. Edwige Morin (20080319) Accessibilité, réalité et perspectives. Edwige Morin (20080319)
Accessibilité, réalité et perspectives. Edwige Morin (20080319) FFFOD
 
FOADhandicap_EMorin_20080319
FOADhandicap_EMorin_20080319FOADhandicap_EMorin_20080319
FOADhandicap_EMorin_20080319Edwige Morin
 
Les TIC et l'art : l'Accessibilité numérique
Les TIC et l'art : l'Accessibilité numériqueLes TIC et l'art : l'Accessibilité numérique
Les TIC et l'art : l'Accessibilité numériqueLesticetlart Invisu
 
Le jour où l’on n’a plus eu besoin de l'accessibilité
Le jour où l’on n’a plus eu besoin de l'accessibilitéLe jour où l’on n’a plus eu besoin de l'accessibilité
Le jour où l’on n’a plus eu besoin de l'accessibilitéOlivier Nourry
 

Similaire à Faites vous du bien et prenez soin de vos utilisateurs (11)

Concevoir des interfaces pour les seniors: enjeu essentiel pour les informati...
Concevoir des interfaces pour les seniors: enjeu essentiel pour les informati...Concevoir des interfaces pour les seniors: enjeu essentiel pour les informati...
Concevoir des interfaces pour les seniors: enjeu essentiel pour les informati...
 
Les quick wins de l'UX
Les quick wins de l'UXLes quick wins de l'UX
Les quick wins de l'UX
 
Forum rideau 2018: esprit numérique par Sylvain Carle.
Forum rideau 2018: esprit numérique par Sylvain Carle.Forum rideau 2018: esprit numérique par Sylvain Carle.
Forum rideau 2018: esprit numérique par Sylvain Carle.
 
Le numérique est un alphabet
Le numérique est un alphabetLe numérique est un alphabet
Le numérique est un alphabet
 
Diaporama 1
Diaporama 1Diaporama 1
Diaporama 1
 
L’accessibilité web pour les organismes publics
L’accessibilité web pour les organismes publicsL’accessibilité web pour les organismes publics
L’accessibilité web pour les organismes publics
 
Accessibilité, réalité et perspectives. Edwige Morin (20080319)
Accessibilité, réalité et perspectives. Edwige Morin (20080319) Accessibilité, réalité et perspectives. Edwige Morin (20080319)
Accessibilité, réalité et perspectives. Edwige Morin (20080319)
 
FOADhandicap_EMorin_20080319
FOADhandicap_EMorin_20080319FOADhandicap_EMorin_20080319
FOADhandicap_EMorin_20080319
 
Tuto Elevator pitch epitech
Tuto Elevator pitch epitechTuto Elevator pitch epitech
Tuto Elevator pitch epitech
 
Les TIC et l'art : l'Accessibilité numérique
Les TIC et l'art : l'Accessibilité numériqueLes TIC et l'art : l'Accessibilité numérique
Les TIC et l'art : l'Accessibilité numérique
 
Le jour où l’on n’a plus eu besoin de l'accessibilité
Le jour où l’on n’a plus eu besoin de l'accessibilitéLe jour où l’on n’a plus eu besoin de l'accessibilité
Le jour où l’on n’a plus eu besoin de l'accessibilité
 

Faites vous du bien et prenez soin de vos utilisateurs

  • 2. Encore un gars qui va nous parler d’accessibilité, ça va être relou !
  • 3.
  • 4. Bon toute façon, j’ai pas d’utilisateurs handicapés
  • 5.  25% de personnes en situation de handicap  15% impactés par un manque d’accessibilité numérique  Accessibilité = augmentation de l’ergonomie L’accessibilité c’est une nécessité pour quelque uns, un avantage pour tous
  • 7. #1
  • 8. c’est le seul truc d’accessibilité qu’on connait… mettre des alt sur les images
  • 9.  Les moteurs de recherche  Les gens en environnement bruyant ou sans haut-parleurs  Les gens dont le français n'et pas la langue natale
  • 10. #2
  • 11. p’tain, je t’ai fait un bouton radio avec des span, des onclick, un peu de JS, Jquery , Prototype, un poil de CSS, la class, quoi !
  • 12.  S’obliger à construire et hiérarchiser le contenu  Les moteurs de recherche  Pour éviter de MAL réinventer la roue  Pour éviter de « perdre » vos utilisateurs
  • 13. #3
  • 14. mais c’est moche, et ça me freine dans ma créa… ça claque pas !
  • 15.  Environnement lumineux  Fatigue visuelle  Rapidement identifier la macrostructure
  • 16. #4
  • 17. C’est un truc de vieux le clavier !!!!!!!!!
  • 18.  Les gens qui doivent utiliser un touchpad  Les fanas du clavier (les formulaires)  Les gens efficaces (appli métier)
  • 19. Toutes les images © Ubisoft Faites déjà ça et vous développerez mieux, votre code sera plus beau et vos utilisateurs vous diront merci !