Utilisation de l’attribut aria-haspopup pour simuler le pointage sur des appareils tactiles

Le pointage de votre curseur sur un élément de page Web est une action commune lorsque vous naviguez à l’aide d’une souris ou d’un clavier, mais est sans équivalent lorsque la navigation est tactile. Internet Explorer 10 sur Windows 8 présente une nouvelle utilisation de la aria-haspopup propriété DOM (Document Object Model) : la simulation de pointage sur des appareils tactiles.

Remarque  Ce comportement n’est pas applicable à Internet Explorer 10 sur Windows 7.

Sur le Web, il est courant de masquer du contenu interactif derrière un pointage de souris. Par exemple, un utilisateur pointe sur un élément avec une souris et un menu s’affiche sous cet élément. Le pointage est généralement activé à l’aide de la :hover pseudo-classe CSS (Cascading Style Sheets) ou de l’onmouseover événement DOM.

Dans les scénarios tactiles, le pointage est appliqué à un élément lorsque ce dernier est touché. Toutefois, le fait d’appuyer sur un élément peut également activer cet élément, par exemple quand vous effectuez une navigation à l’aide d’un lien. Quand vous appuyez sur un élément, cela correspond en fait à pointer sur cet élément et à l’activer en une seule action. Le contenu interactif masqué derrière le pointage est donc inaccessible aux utilisateurs qui interagissent par voie tactile. Le modèle d’interaction est entièrement différent et il n’existe aucun toucher analogue au pointage du curseur sur un élément de page.

La pratique recommandée consiste à ne pas utiliser le pointage pour masquer du contenu avec lequel l’utilisateur peut interagir. Envisagez plutôt d’utiliser l’événement onclick pour afficher/masquer ce contenu.

Internet Explorer 10 ajoute également un nouveau comportement à la propriété aria-haspopup existante pour simuler le pointage sur des éléments de page ayant un contenu interactif masqué.

Sur un élément de page tel qu’un menu, attribuez à la propriété aria-haspopup de l’élément la valeur "true". Quand un utilisateur doté d’un appareil tactile exécutant Internet Explorer 10 appuie pour la première fois sur l’élément de page, l’expérience utilisateur est identique à celle d’un utilisateur qui pointe sur l’élément avec un curseur. Tant que l’utilisateur n’appuie pas ailleurs sur la page, n’appuie pas à nouveau sur l’élément ou n’accède pas à une autre page, l’élément conserve son état de pointage. De plus, les actions par défaut de l’événement onclick (telle que la navigation d’un lien) ne sont pas effectuées quand l’utilisateur appuie pour la première fois sur l’élément de page.

L’activation de la propriété aria-haspopup ne modifie pas le comportement de votre page Web pour les visiteurs utilisant une souris et un clavier. En outre, l’utilisation de la propriété aria-haspopup à cette fin n’affecte pas son utilisation en tant que propriété ARIA (Accessible Rich Internet Applications).

Rubriques associées

DOM
Guide du développeur Internet Explorer 10

 

 

Afficher:
© 2014 Microsoft. Tous droits réservés.