Un moyen accessible d'informer un utilisateur que sa session est sur le point d'expirer

Question

J'ai un site qui authentifie un utilisateur pour une période de temps donnée et sur toute demande de page ultérieure que l'intervalle de temps est prolongé. Je me demande comment informer les utilisateurs que leur temps est sur le point d'expirer sans utiliser js.alert() mais aussi rester accessible.

J'ai vu certains sites où le contenu glissera par le haut et n'introduira pas l'utilisateur tout en restant visible. Le problème que je vois avec ceci est qu'il ne peut pas mettre à jour la mémoire tampon du lecteur d'écran et les utilisateurs ayant des besoins d'accessibilité ne seront pas conscients de cela.

Suggestions?

Answer 1

La méthode correcte pour alerter un utilisateur de manière accessible devrait être de se conformer aux spécifications WAI-ARIA (Application Internet riche accessible). Maintenant, les documents ne sont que la partie technique de votre implémentation - comme pour toute technologie Internet, sa mise en œuvre parmi les lecteurs d'écran et autres outils d'accessibilité varie considérablement et est difficile à déterminer sans tests approfondis, mais c'est certainement le meilleur à partir de maintenant.

Les spécifications exigent que ce type de message soit marqué avec role='alert' et leurs boîtes de dialogue avec l'attribut role='alertdialog'. Il précise que les alertes sont

Un message avec important et le plus souvent sensibles au facteur temps, des informations.

qui correspondrait certainement à la facture. Maintenant, je ne suis pas sûr de votre inquiétude au sujet du problème de mémoire tampon du lecteur d'écran, mais en ce qui concerne les lecteurs d'écran qui adoptent les spécifications WAI-ARIA, il faudra constamment scanner la page pour trouver de nouveaux attributs et éléments, comme des tutoriels comme this montrent, il est même possible d'ajouter l'attribut alert aux éléments déjà présents sur la page, donc je ne crois pas que votre préoccupation devrait présenter un problème pour les lecteurs d'écran modernes.

Answer 2

Vous pouvez utiliser un bon compte à rebours JS/jquery et le montrer à l'utilisateur quelque part sur la page. Eventuellement afficher une boîte de dialogue avec une alerte indiquant que la session va expirer, ou rafraîchir silencieusement la session avec AJAX tant que la page est ouverte.

J'ai vu un compte à rebours de 10 minutes dans la page du compte bancaire. C'est assez simple, et cela me donne une bonne information sur le temps dont je dispose pour remplir un formulaire avant la fermeture de ma session.