Test. 1 2 3. 1 2 3.

Ça marche ?

Vous m'entendez ?

Hey, ho ! J'te rappelle que je vois rien, si personne me dit de commencer, j'peux pas d'viner tout seul.

T'es pas très rusé toi...

Ah oué. Attends. Je cherche. Panneau de configuration. Accessibilité. Sous-titrage.

Titre de niveau 1.

Options d'accessibilité

case à cocher, non cochée.

bouton.

Afficher les sous-titres. Case à cocher, cochée.

Alors, là ? Content ? Ça marche ?

Options d'accessibilité

Case à cocher. Cochée.

bouton.

Oui, oui, commençons.

Bonjour à tous. Je suis Hannibal.

⇒ Hannibal

⇒ Lecteur (d'écran)

⇒ Aide technique

Je suis un lecteur d'écran.

Je bosse avec des personnes aveugles et malvoyantes
en tant qu'aide technique.

Je leur lis à haute-voix ce qui s'affiche à l'écran,
et c'est ce que je suis en train de faire avec vous sur cette page.

Oupss, moins de 3 minutes. Passons à l'introduction.

L'accessibilité, introduction

  1. L'accessibilité c'est bien !
  2. L'accessibilité, ça vous ennuie parfois.
  3. L'accessibilité, pourtant c'est bien !
  4. En plus, ça fait classe dans un CV.
  5. Et puis, c'est toujours un mot intéressant à placer dans un dîner de famille ?
  6. On n'arrête pas d'en parler à Paris Web, et pourtant il reste tellement à apprendre.
  7. Là, il fallait une grande liste, et je commence à être à court d'idées.
  8. Hey, regardez derrière-vous ? La régie vous fait coucou !
  9. La classe, un lecteur d'écran est traduit en direct en LSF
  10. De toute façon, je ne vais pas vous lire ce texte.
  11. Sinon, on aurait explosé les 4 minutes !
  12. Je lis lentement pour que vous puissiez comprendre.

Titre de niveau 1. L'accessibilité, introduction.

Liste de 2837 éléments.
1. L'accessibilité c'est bien !

2. L'accessibilité, ça vous ennuie parfois.

3. L'accessibilité, pourtant...

Sécurité du système !

Votre ordinateur a été verrouillé automatiquement.
Pour le déverrouiller, saisir les caractères affichés à l'écran lorsqu'ils sont gris.

Captcha From Hell!

Hin ! Votre ordinateur a été verrouillé,
bla bla bla, saisir caractères affichés, bla bla bla, gris ?

Image. Captchafromhell-180x60.gif.

On me demande de saisir un captcha maintenant ? Mais. Mais euh...

What the fuck?

Oui, oui, mon anglais est un peu rouillé.

Daniel ? Daniel ! Daniel ! Je crois que j'ai besoin de toi là !

Tu peux venir sur l'autre ordinateur et m'aider ?

Entre-nous, j'espère que tu n'es pas daltonien au moins ?

Ni dyslexique ? Sinon, on est encore là demain !

Je rigole Daniel, je rigole...

Tu peux taper la réponse ?

Si j'avais pu répondre, j'aurai été plus rapide...

Mais merci quand même Daniel.

Bon, j'en étais où moi ? Ah oui !
3. L'accessibilité pourtant c'est bien !

Il me reste combien de temps là au fait ?

(il lit le compteur)

45 secondes.

Ah non ! Déjà ?
Bah on va passer à la conclusion. Désolé.

Conclusion

⇒ Passionant !

⇒ Faites vous plaisir !

⇒ Plein de belles choses sont réalisables.

Titre de niveau 1. Conclusion.

L'accessibilité est un domaine passionnant.

Faites vous plaisir ! Pensez-y certes sur des choses simples,

mais également sur des interfaces riches, des jeux, des animations, etc.

plein de belles choses sont réalisables.

Cette démonstration en est la preuve, il s'agit d'une simple page HTML

vocalisée en temps réel par un lecteur d'écran,
imaginez alors toutes les applications possibles.

Remerciements

Humains

Je n'aurai pas pu animer cette présentation sans l'aide de quelques humains de chez Atalan.

  • Laurent Bracquart
  • Johan Ramon
  • Sébastien Delorme

Technos

Enfin, je n'aurai tout simplement pas parler sans HTML, CSS, JavaScript et une petite touche d'ARIA.

03:45