Re: [Liste GTA] Sites utilisant HTML5 History API

2017-02-08 Par sujet Romain Gervois 
Quand j'écris "cohabitation des contenus", je pense à la possibilité de
charger le contenu de plusieurs pages en présence dans le DOM de la page.
Exemple : je peux précharger le contenu de certaines pages au chargement ou
après un premier chargement (si je récupère une page statique qui ne varie
pas, il n'est probablement pas pertinent de lancer une requête via
XmlHttpRequest à chaque fois). De ce fait, il faut s'assurer que ces
contenus sont correctement implémentés afin qu'ils soient totalement
inaccessibles tant qu'ils ne sont pas "actifs".

Pour le focus, deux possibilités (ça peut dépendre du contexte) :
- celle que tu évoques : transmission du focus en tout début de page soit
sur l'élément body soit sur un conteneur global ;
- transmission du focus sur le conteneur où se trouve le contenu dédié.
Il est possible également de coupler ce changement de focus à une live
region (masquée) qui remontrait à l'utilisateur le titre de la page
désormais affichée. A noter : qu'il n'est pas possible de le faire
directement depuis l'élément title de la page (ce qui aurait pu être très
pratique et efficace).

Romain

Le 8 février 2017 à 11:22, Antoine Bouet  a écrit
:

> Merci Romain pour ta réponse complète :)
>
> Je n'ai juste pas compris ce que tu veux dire par "gestion de la
> cohabitation des contenus".
> Une remise du focus en haut de page après un clic sur un lien suffit pour
> comprendre le changement de contexte quand il n'y a pas de rechargement de
> page ?
>
> Le 08/02/2017 à 10:42, Romain Gervois a écrit :
>
> Bonjour,
>
> L'API History de HTML 5 ne gère pas le changement de pages (et tous les
> effets visuels qui vont avec) mais permet de manipuler l'historique de
> navigation. Dans un contexte où les changements de pages sont réalisés
> entièrement en Javascript, il est ainsi possible de modifier la pile de
> l'historique de navigation et de détecter ce changement via un événement
> dédié. Ainsi l'utilisateur peut bénéficier des fonctions du navigateur
> (page précédente, page suivante, rafraichir et ajout aux favoris). Note :
> ce fonctionnement est indépendant de l'existence réelle des URLs.
>
> L'ancienne méthode (très artisanale et limitée) pour gérer cet aspect
> était basée sur l'utilisation de la propriété hash de window.location et de
> l'événement associé hashchange. Note : cette méthode est encore utilisée
> sur Gmail par exemple.
>
> Côté accessibilité, on retombe sur les mêmes règles et pratiques qu'en
> contexte Single Page Applications (gestion du focus et gestion de la
> cohabitation des contenus) complété d'une gestion du title de la page
> (document.title) si on utilise cette API correctement.
>
> Romain
>
> Le 7 février 2017 à 18:07, Antoine Bouet  a
> écrit :
>
>> Bonjour la liste !
>>
>> Je me demande comment doivent être gérés les liens de sites utilisant
>> l'History API de HTML5 pour être accessibles.
>> Cette technologie permet de changer de page sans recharger le navigateur
>> et ainsi faire des effets visuels plus poussés et des transitions entre
>> pages.
>> Exemple : https://saint-constant.ca
>>
>> Doit-on avertir l'utilisateur que la page ne sera pas rechargée
>> "normalement" ?
>> Ou est-ce que le fait que le lien soit normalement constitué suffise ?
>>
>> J'avoue que je viens de découvrir cette technologie et ca me laisse
>> perplexe ...
>>
>> Merci pour vos retours !
>>
>> --
>> Cordialement,
>>
>> Antoine BOUET
>> Ingénieur Développement
>> Expert AccessiWeb en Evaluation
>>
>> CIMEOS
>> Besançon - Rennes
>> e-mail : antoine.bo...@cimeos.com
>> www.cimeos.com
>>
>>
>> ___
>> liste_gta mailing list
>> liste_gta@list.accessiweb.org
>> http://list.accessiweb.org/mailman/listinfo/liste_gta_list.accessiweb.org
>>
>>
>
>
> ___
> liste_gta mailing 
> listliste_gta@list.accessiweb.orghttp://list.accessiweb.org/mailman/listinfo/liste_gta_list.accessiweb.org
>
>
> --
> Cordialement,
>
> Antoine BOUET
> Ingénieur Développement
> Expert AccessiWeb en Evaluation
>
> CIMEOS
> Besançon - Rennes
> e-mail : antoine.bo...@cimeos.com
> www.cimeos.com
>
>
> ___
> liste_gta mailing list
> liste_gta@list.accessiweb.org
> http://list.accessiweb.org/mailman/listinfo/liste_gta_list.accessiweb.org
>
>
___
liste_gta mailing list
liste_gta@list.accessiweb.org
http://list.accessiweb.org/mailman/listinfo/liste_gta_list.accessiweb.org

Re: [Liste GTA] Sites utilisant HTML5 History API

2017-02-08 Par sujet Antoine Bouet 

Merci Romain pour ta réponse complète :)

Je n'ai juste pas compris ce que tu veux dire par "gestion de la 
cohabitation des contenus".
Une remise du focus en haut de page après un clic sur un lien suffit 
pour comprendre le changement de contexte quand il n'y a pas de 
rechargement de page ?



Le 08/02/2017 à 10:42, Romain Gervois a écrit :

Bonjour,

L'API History de HTML 5 ne gère pas le changement de pages (et tous 
les effets visuels qui vont avec) mais permet de manipuler 
l'historique de navigation. Dans un contexte où les changements de 
pages sont réalisés entièrement en Javascript, il est ainsi possible 
de modifier la pile de l'historique de navigation et de détecter ce 
changement via un événement dédié. Ainsi l'utilisateur peut bénéficier 
des fonctions du navigateur (page précédente, page suivante, 
rafraichir et ajout aux favoris). Note : ce fonctionnement est 
indépendant de l'existence réelle des URLs.


L'ancienne méthode (très artisanale et limitée) pour gérer cet aspect 
était basée sur l'utilisation de la propriété hash de window.location 
et de l'événement associé hashchange. Note : cette méthode est encore 
utilisée sur Gmail par exemple.


Côté accessibilité, on retombe sur les mêmes règles et pratiques qu'en 
contexte Single Page Applications (gestion du focus et gestion de la 
cohabitation des contenus) complété d'une gestion du title de la page 
(document.title) si on utilise cette API correctement.


Romain

Le 7 février 2017 à 18:07, Antoine Bouet > a écrit :


Bonjour la liste !

Je me demande comment doivent être gérés les liens de sites
utilisant l'History API de HTML5 pour être accessibles.
Cette technologie permet de changer de page sans recharger le
navigateur et ainsi faire des effets visuels plus poussés et des
transitions entre pages.

Exemple : https://saint-constant.ca

Doit-on avertir l'utilisateur que la page ne sera pas rechargée
"normalement" ?
Ou est-ce que le fait que le lien soit normalement constitué suffise ?

J'avoue que je viens de découvrir cette technologie et ca me
laisse perplexe ...

Merci pour vos retours !

-- 
Cordialement,


Antoine BOUET
Ingénieur Développement
Expert AccessiWeb en Evaluation

CIMEOS
Besançon - Rennes
e-mail : antoine.bo...@cimeos.com 
www.cimeos.com 


___
liste_gta mailing list
liste_gta@list.accessiweb.org 
http://list.accessiweb.org/mailman/listinfo/liste_gta_list.accessiweb.org





___
liste_gta mailing list
liste_gta@list.accessiweb.org
http://list.accessiweb.org/mailman/listinfo/liste_gta_list.accessiweb.org


--
Cordialement,

Antoine BOUET
Ingénieur Développement
Expert AccessiWeb en Evaluation

CIMEOS
Besançon - Rennes
e-mail : antoine.bo...@cimeos.com 
www.cimeos.com 

___
liste_gta mailing list
liste_gta@list.accessiweb.org
http://list.accessiweb.org/mailman/listinfo/liste_gta_list.accessiweb.org

Re: [Liste GTA] Sites utilisant HTML5 History API

2017-02-08 Par sujet Romain Gervois 
Bonjour,

L'API History de HTML 5 ne gère pas le changement de pages (et tous les
effets visuels qui vont avec) mais permet de manipuler l'historique de
navigation. Dans un contexte où les changements de pages sont réalisés
entièrement en Javascript, il est ainsi possible de modifier la pile de
l'historique de navigation et de détecter ce changement via un événement
dédié. Ainsi l'utilisateur peut bénéficier des fonctions du navigateur
(page précédente, page suivante, rafraichir et ajout aux favoris). Note :
ce fonctionnement est indépendant de l'existence réelle des URLs.

L'ancienne méthode (très artisanale et limitée) pour gérer cet aspect était
basée sur l'utilisation de la propriété hash de window.location et de
l'événement associé hashchange. Note : cette méthode est encore utilisée
sur Gmail par exemple.

Côté accessibilité, on retombe sur les mêmes règles et pratiques qu'en
contexte Single Page Applications (gestion du focus et gestion de la
cohabitation des contenus) complété d'une gestion du title de la page
(document.title) si on utilise cette API correctement.

Romain

Le 7 février 2017 à 18:07, Antoine Bouet  a écrit
:

> Bonjour la liste !
>
> Je me demande comment doivent être gérés les liens de sites utilisant
> l'History API de HTML5 pour être accessibles.
> Cette technologie permet de changer de page sans recharger le navigateur
> et ainsi faire des effets visuels plus poussés et des transitions entre
> pages.
> Exemple : https://saint-constant.ca
>
> Doit-on avertir l'utilisateur que la page ne sera pas rechargée
> "normalement" ?
> Ou est-ce que le fait que le lien soit normalement constitué suffise ?
>
> J'avoue que je viens de découvrir cette technologie et ca me laisse
> perplexe ...
>
> Merci pour vos retours !
>
> --
> Cordialement,
>
> Antoine BOUET
> Ingénieur Développement
> Expert AccessiWeb en Evaluation
>
> CIMEOS
> Besançon - Rennes
> e-mail : antoine.bo...@cimeos.com
> www.cimeos.com
>
>
> ___
> liste_gta mailing list
> liste_gta@list.accessiweb.org
> http://list.accessiweb.org/mailman/listinfo/liste_gta_list.accessiweb.org
>
>
___
liste_gta mailing list
liste_gta@list.accessiweb.org
http://list.accessiweb.org/mailman/listinfo/liste_gta_list.accessiweb.org