ARIA - Live region attributes (attributs de régions dynamiques)

12
ARIA - Live region attributes Séminaire AccessiWeb du 03 décembre 2010 Sébastien Delorme [email protected] Atalan www.atalan.fr

description

 

Transcript of ARIA - Live region attributes (attributs de régions dynamiques)

Page 1: ARIA - Live region attributes (attributs de régions dynamiques)

ARIA - Live region attributes Séminaire AccessiWeb du 03 décembre 2010

Sébastien Delorme – [email protected] Atalan – www.atalan.fr

Page 2: ARIA - Live region attributes (attributs de régions dynamiques)

Commençons par une démonstration

Disponible sur : http://ideance.net/publications/live-regions/demonstration_1.html

Page 3: ARIA - Live region attributes (attributs de régions dynamiques)

Commençons par une démonstration

Disponible sur : http://ideance.net/publications/live-regions/demonstration_1.html

L’utilisateur doit faire des va-et-vient avec le lecteur d’écran entre la zone de discussion et le formulaire pour suivre la conversation

Page 4: ARIA - Live region attributes (attributs de régions dynamiques)

Seconde démonstration

Disponible sur : http://ideance.net/publications/live-regions/demonstration_2.html

Page 5: ARIA - Live region attributes (attributs de régions dynamiques)

Seconde démonstration

Disponible sur : http://ideance.net/publications/live-regions/demonstration_2.html

Le lecteur d'écran lit automatiquement la zone de conversation au fur-et-à-mesure que quelque chose y apparait. Tout en conservant le focus dans la zone de saisie.

Page 6: ARIA - Live region attributes (attributs de régions dynamiques)

Live regions attributes (attributs de régions actives)

Explications sur : http://ideance.net/publications/live-regions/explications.html

Indiquer les changements de contenus dans une page

Fournir aux technologies d'assistance des informations sur la façon de traiter et signaler ces mises à jour de contenus.

Page 7: ARIA - Live region attributes (attributs de régions dynamiques)

Live regions attributes (attributs de régions actives)

Explications sur : http://ideance.net/publications/live-regions/explications.html

aria-live

"off"

"polite"

"assertive"

Page 8: ARIA - Live region attributes (attributs de régions dynamiques)

Live regions attributes (attributs de régions actives)

Explications sur : http://ideance.net/publications/live-regions/explications.html

aria-atomic

"false"

"true"

Page 9: ARIA - Live region attributes (attributs de régions dynamiques)

Live regions attributes (attributs de régions actives)

Explications sur : http://ideance.net/publications/live-regions/explications.html

aria-busy

"false"

"true"

Page 10: ARIA - Live region attributes (attributs de régions dynamiques)

Live regions attributes (attributs de régions actives)

Explications sur : http://ideance.net/publications/live-regions/explications.html

aria-relevant

"additions"

"removals"

"text"

"all"

Page 11: ARIA - Live region attributes (attributs de régions dynamiques)

Autres exemples

AccessibleTwitter : http://www.accessibletwitter.com/

Yahoo! Search : http://fr.search.yahoo.com/

Explications sur : http://ideance.net/publications/live-regions/exemples.html

Page 12: ARIA - Live region attributes (attributs de régions dynamiques)

ARIA - Live region attributes Séminaire AccessiWeb du 03 décembre 2010

Crédits photos :

Licences Creative Commons – Flickr

Merci à john curley, St Stev, flod et chuckp

Sébastien Delorme – [email protected] Atalan – www.atalan.fr