Bonjour,

Si cet effet est purement décoratif, le moindre mal est de le masquer de
façon accessible - pas besoin d'user d'une live region - comme tu l'évoques
(ça va surement demander à revoir un peu la base technique ; sans connaître
jquery, je présume que le hide/show s'appuie sur display à "none").

Enfin, si ce contenu masqué contient des éléments pouvant recevoir le focus
le script devra également se charger d'afficher le contenu à la prise de
focus.

Romain


Le 7 mars 2013 12:46, Carsten Meyer <[email protected]> a écrit :

> Jean-Pierre, Tanguy et Victor,
>
> Merci pour vos réponses.
>
> L'animation précédant l'affichage du texte est purement décorative, donc
> la temporisation n'apporte pas de contenu informatif.
> Tanguy, en effet si on pousse les tests plus loin on s'aperçoit que le
> texte n'est pas vocalisé si on arrive sur celui-ci avant l'écoulement du
> délai via les liens d'évitement.
> Du coup, avant d'utiliser ARIA je me demandais si la solution préalable ne
> consistait pas à revoir la façon de cacher le texte pendant l'animation
> pour que la vocalisation soit assurée dans tous les cas de figure.
>
> Carsten
>
>
>
> Le 7 mars 2013 11:40, Victor Brito <[email protected]> a écrit :
>
>   Salut, Tanguy, Jean-Pierre et Carsten, bonjour, la liste,
>>
>> Je suis d'accord sur le fait que la fonction delay de jQuery concentre
>> l'essentiel du problème.
>>
>> Je me demande même si ce ne serait pas un fameux exemple de l'utilité
>> d'ajouter un attribut aria-live à l'élément temporisé, de façon à remédier
>> aux écueils évoqués par Tanguy.
>>
>> Victor
>>    Victor Brito Intégrateur XHTML / CSS – Expert Accessiweb en évaluation
>>
>>  39 rue Charles Laffitte 92200 Neuilly-sur-Seine Tél. : 06 03 15 89 57
>>
>> SIRET : 789 766 334 00013
>>
>> Consulter le site Web professionnel de Victor 
>> Brito<http://www.victor-brito.fr>
>>  Sur les réseaux sociaux
>>
>>    - Suivre Victor Brito sur Identi.ca <http://identi.ca/victorbritopro>
>>    - Suivre Victor Brito sur Twitter <http://twitter.com/victorbritopro>
>>    - Suivre Victor Brito sur FriendFeed<http://friendfeed.com/victorbritopro>
>>    - Suivre Victor Brito sur 
>> Diaspora<https://joindiaspora.com/u/victorbritopro>
>>
>> Sans oublier
>>
>>    - La fiche de membre du Groupe de Travail 
>> Accessiweb<http://www.accessiweb.org/index.php/fiche_gta/items/site_victor_brito.html>
>>    - Halte à la balkanisation du Web 
>> !<http://halte-a-la-balkanisation-du-web.fr>
>>    - Un seul Web <http://un-seul-web.fr>
>>    - Profession intégrateur (X)HTML / 
>> CSS<http://profession-integrateur-xhtml-css.fr>
>>
>>  Le 07/03/13 11:36, [email protected] a écrit :
>>
>>  Bonjour,****
>>
>> En fonction de la réponse à la question préalable que soulève justement
>> JPV « A quoi la temporisation », j’ajouterais qu’il peut en découler un
>> changement de contexte. Et c’est à ce niveau que ça peut poser un problème :
>> ****
>>
>> -          Ledit texte contient des infos à côté desquelles
>> l’utilisateur peut passer du fait qu’il n’est pas présent au chargement de
>> la page****
>>
>> -          Eventuelle perte de focus ou modification de l’ordre de
>> tabulation tandis l’utilisateur est en train de tabuler.****
>>
>> -          Perturbation pour un utilisateur ayant des troubles de
>> l’attention.****
>>
>> ** **
>>
>> Cordialement / Best regards****
>>
>> Tanguy Lohéac****
>>
>> Expert for the Accessibility of Information****
>>
>> Center of Services****
>>
>> 1 rue Victor Basch****
>>
>> 91349 Massy CEDEX****
>>
>> Tél +33 1 41 24 56 73 / poste Line 2 56 73****
>>
>> Intranet 
>> accessibilité<http://accessibilite.sanofi-aventis.com/Pages/01_Actualites/Accueil_fr_FR.aspx>/
>>  Accessibility
>> intranet<http://accessibilite.sanofi-aventis.com/Pages/01_Actualites/Accueil_en_US.aspx>
>> ****
>>
>> ** **
>>
>> *De :* liste_gta 
>> [mailto:[email protected]<[email protected]>]
>> *De la part de* jean-pierre villain
>> *Envoyé :* jeudi 7 mars 2013 11:25
>> *À :* [email protected]
>> *Objet :* Re: [Liste GTA] Restitution d'un texte animé en JavaScript****
>>
>> ** **
>>
>> Bonjour,
>>
>> Bien (re)lire le critère et les tests associés.
>>
>> "
>>
>> ****
>> Critère 10.13 [Bronze] Pour chaque page Web, les textes 
>> cachés<http://accessiweb.org/index.php/glossaire_referentiel_2.2.html#mTexteCache>sont-ils
>>  correctement restitués par les technologies d'assistance ?
>> ****
>>
>>    - Test 10.13.1 : Dans chaque page Web, chaque texte 
>> caché<http://accessiweb.org/index.php/glossaire_referentiel_2.2.html#mTexteCache>vérifie-t-il
>>  une de ces conditions ?
>>    ****
>>
>>
>>     - Le texte n'a pas vocation à être restitué par les technologies
>>       d'assistance****
>>       - Le texte est rendu visible sur action de l'utilisateur sur
>>       l'élément lui-même ou un élément précédent le texte 
>> cach<http://accessiweb.org/index.php/glossaire_referentiel_2.2.html#mTexteCache>
>>       ****
>>
>>  ** **
>>
>> Ce critère n'interdis *surtout pas* les textes cachés par CSS, il
>> demande juste que ce soit bien fait.****
>>
>> ** **
>>
>> Pour le cas que tu exposes, la question préalable est de savoir à quoi
>> sert la temporisation.****
>>
>> ** **
>>
>> JPV****
>>
>> ** **
>>
>>  ****
>>   ------------------------------
>>
>> ** **
>>    ------------------------------
>>
>> *De :* Carsten Meyer <[email protected]> <[email protected]>
>> *À :* [email protected]
>> *Envoyé le :* Jeudi 7 mars 2013 10h50
>> *Objet :* [Liste GTA] Restitution d'un texte animé en JavaScript****
>>
>>
>>
>> ****
>>
>> Bonjour la liste,
>>
>> J'accompagne une agence qui produit une intégration pour un niveau Bronze.
>> J'ai un doute sur la restitution d'un texte animé en JavaScript.****
>>
>>    - Le texte en question est correctement balisé en HTML, il est
>>    visible si le CSS est désactivé****
>>    - Si le JavaScript est désactivé le texte est bien visible
>>    immédiatement****
>>    - Avec un lecteur d'écran comme JAWS, le texte est bien vocalisé****
>>
>>  En regardant le code de plus près, j'ai détecté un *display:none* qui
>> s'applique au texte si JavaScript est activé****
>>
>>    - Un CSS du type : *.js #texte { display:none; }*****
>>    - Un JS JQuery du type : *$('#texte').delay(6000).show();*****
>>
>>  Pour résumer, le *display:none;* est appliqué pendant 6 secondes si
>> JavaScript est activé.
>> Du coup on invalide bien le critère 10.13 qui interdit tout texte caché
>> en CSS ?****
>>
>> Merci d'avance****
>>
>>
>> Carsten MEYER
>> Intégrateur et consultant web
>> EAE 2.1 ****
>>
>>
>> _______________________________________________
>> liste_gta mailing list
>> [email protected]
>> http://list.accessiweb.org/mailman/listinfo/liste_gta_list.accessiweb.org
>>
>> ****
>>
>>
>> _______________________________________________
>> liste_gta mailing 
>> [email protected]http://list.accessiweb.org/mailman/listinfo/liste_gta_list.accessiweb.org
>>
>>
>>
>> _______________________________________________
>> liste_gta mailing list
>> [email protected]
>> http://list.accessiweb.org/mailman/listinfo/liste_gta_list.accessiweb.org
>>
>>
>
> _______________________________________________
> liste_gta mailing list
> [email protected]
> http://list.accessiweb.org/mailman/listinfo/liste_gta_list.accessiweb.org
>
>
_______________________________________________
liste_gta mailing list
[email protected]
http://list.accessiweb.org/mailman/listinfo/liste_gta_list.accessiweb.org

Répondre à