Mobile et accessibilité, une partie à Troie

Les smartphones sont précieux pour les handicapés. Même sans handicap, ils nous sont devenus quasi indispensables. Et pourtant, leurs limitations gênent notre accès au Web...
Un Web accessible profite donc à énormément de gens, la refonte mobile est donc l'opportunité rêvée pour prendre l'accessibilité en compte.
Conférence donnée lors de Paris Web 2013 et de WebInAlps9.

Transcript

1. Goulven Champenois
   Une partie à Troie
   Mobile et accessibilité
   

   View Slide

2. Qui suis-je ?
   

   View Slide

3. “Les handicapés n’utilisent pas de
   smartphones”
   Mythe
   

   View Slide

4. Vraiment ?
   

   View Slide

5. • OS accessible
   
   • Applications accessibles
   
   • Synthèse vocale préinstallée
   
   • Connection bluetooth aux plages braille et aides
   audio
   
   • Applications de zoom, de reconnaissance optique
   
   • GPS voiture et piéton
   

   View Slide

6. 72% des handicapés utilisent un lecteur
   d’écran sur leur mobile
   28%
   72%
   http://webaim.org/projects/screenreadersurvey4/#mobile
   

   View Slide

7. Pendant ce temps,
   
   sur le Web
   

   View Slide

8. On entend encore dire que l'accessibilité...
   
   • Concerne une minorité
   
   • Est un surcoût sans valeur ajoutée
   
   • On n’a pas le budget pour tout refaire
   

   View Slide

9. View Slide

10. • Tous les visiteurs en bénéficient
    
    • Il faut casser l'existant de toute façon, car...
    
    • Plus de 25 millions de mobinautes en France
    (chiffres Médiamétrie 2013)
    
    • Et trop peu de sites responsive ou mobiles
    

    View Slide

11. Un smartphone est utilisé
    
    plus de 2h par jour !
    Étude IDC-Facebook “Always connected”
    
    https://fb-public.app.box.com/s/3iq5x6uwnqtq7ki4q8wk
    

    View Slide

12. Nous sommes
    des cyborgs
    

    View Slide

13. Pourtant…
    • Pas de souris
    
    • Pas de clavier
    
    • Pas d'écran (enfin, tout petit)
    
    • Pas de plugins (flash, au hasard)
    
    • Pas toujours de connexion
    
    • Jamais assez d'autonomie
    700€
    

    View Slide

14. Les smartphones font
    de nous des handicapés.
    

    View Slide

15. • Perceptible
    
    • Opérable
    
    • Compréhensible
    
    • Robuste
    Puisque nous sommes handicapés,
    le Web mobile doit être
    WCAG = Règles pour l'Accessibilité des Contenus Web
    

    View Slide

16. <3
    

    View Slide

17. View Slide

18. Comment faire ?
    Responsive et accessible
    

    View Slide

19. Perceptible
    • Alternatives (images, vidéos, audio)
    
    • Contraste et taille de texte
    
    • Attention aux popups et popins
    
    • Éviter les images de fond trop chargées
    
    • Attention à l'interligne (recouvrement)
    
    • Éviter le texte justifié sans césure
    

    View Slide

20. Opérable
    • Ni survol ni tabulation
    
    • Attention aux iframes pièges à doigt !
    
    • Allongez le temps des sessions
    
    • Stockez la saisie en local
    

    View Slide

21. Compréhensible
    • Spécifier la langue de la page
    
    • Expliciter les abréviations
    
    • Étiquettes pour les icônes
    
    • L'affichage doit correspondre à l'ordre du
    code source
    
    • Valider la saisie à la volée
    

    View Slide

22. Robuste
    • HTML valide
    
    • Types d’input adaptés
    
    • Alléger les pages (images, polices, Javascript)
    

    View Slide

23. Responsive :
    
    forcément accessible ?
    

    View Slide

24. • Permettre de zoomer
    
    • Fournir les mêmes contenus et fonctionnalités
    Oui, à condition de
    

    View Slide