Merci Romain ça conclue bien la discussion, Oui JQuery s'appuie sur des display none/block pour sa fonction hide/show. Donc on va revoir tout ça avec des CSS qui ne jouent que sur le visuel et n'obstruent pas la vocalisation. Du coup on s'épargne un aria-busy.
Le contenu masqué est du texte brut sans éléments focusables, c'est déjà ça ! à bientôt Carsten Le 7 mars 2013 15:43, Romain Gervois <[email protected]> a écrit : > 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 > >
_______________________________________________ liste_gta mailing list [email protected] http://list.accessiweb.org/mailman/listinfo/liste_gta_list.accessiweb.org
