Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
L'accessibilité des applications web mobiles, ou la véritable histoire d’un projet web mobile (très) grand public vu par ses utilisateurs
1. L'accessibilité des applications web mobiles
ou la véritable histoire d’un projet web mobile
(très) grand public vu par ses utilisateurs
Contée par Sébastien Delorme, Atalan
27. Un champ « autocomplété »
aria-autocomplete=""
autocomplete=""
28. Un champ « autocomplété »
aria-autocomplete=""
autocomplete=""
<div role="status" aria-live="polite">
<p>4 résultats suggérés, utilisez les flèches
haut et bas pour naviguer.</p>
</div>
29. Un champ « autocomplété »
aria-autocomplete=""
autocomplete=""
<div role="status" aria-live="polite">
4 résultats suggérés, utilisez les flèches haut
et bas pour naviguer.
</div>
36. On fait tester ?
« Impossible de
consulter mes
réservations »
37. On fait tester ?
« Impossible de
consulter mes
réservations »
« Cette
application n’est
pas du tout
accessible ! »
38. On fait tester ?
« Impossible de
consulter mes
réservations »
« Cette
application n’est
pas du tout
accessible ! »
« Je ne comprends
pas, je n’arrive pas
naviguer dans
l’application »
39. On fait tester ?
« Impossible de
consulter mes
réservations »
« Cette
application n’est
pas du tout
accessible ! »
« Je ne comprends
pas, je n’arrive pas
naviguer dans
l’application »
« Ce site n’est
pas du tout
compatible avec
VoiceOver »
42. Cas n°1
« Dans la rubrique prochains départs, pour la plupart
des vols, on n’a pas accès au terminal.
Par exemple, le vol de Troyes à Sète.
Ce problème est également présent sur votre site
internet. »
43. Cas n°1
« Le lien suivant renvoie vers le message d’erreur
"Désolé, la page demandée n’existe pas". »
46. Cas n°2
« Lorsque j’affiche une nouvelle page, VoiceOver
redémarre la lecture tout en haut, alors qu’il faudrait
lire directement le contenu de cette page. »
47. « Dans chaque élément de la liste, il n’est pas utile
que VoiceOver lise "puce"
à chaque puce rencontrée. »
Cas n°2
48. La limite des aides techniques
ou
Le manque de connaissance
dans l’utilisation des aides techniques
Cas n°2
63. Le tableau
<table>
<caption>Heures et terminaux des prochains
départs</caption>
<tr>
<th></th>
<th scope="col">Terminal</th>
<th scope="col">Heure</th>
</tr>
[…]
</table>
WCAG
64. Le tableau
<table>
<caption>Heures et terminaux des prochains
départs</caption>
<tr>
<th></th>
<th scope="col">Terminal</th>
<th scope="col">Heure</th>
</tr>
[…]
</table>
WCAG
« Terminal
Paris
C »
74. C’est le problème d’Apple ?
Tous les utilisateurs (clients) testeurs
étaient équipés d’un iPhone (iOS 6 ou 7)…
Doit-on leur demander de changer de téléphone ?
75. Les normes et référentiels
Ils sont importants, mais clairement
insuffisants, notamment sur des technologies
ou des usages récents, comme le mobile.
76. Testez et/ou faites tester
Tous les cas montrés peuvent être facilement
identifiés, sans nécessairement être un
utilisateur averti.
77. Générique de fin & questions
Sébastien Delorme
Responsable accessibilité numérique
sdelorme@atalan.fr
Twitter : @sebcbien