Web Accessibility Training
Toronto, Montreal, Ottawa and worldwide via Webex More

Close menu when user tabs out of it.

Pour le tester, appuyez sur le premier bouton bleu (Men’s Fashion) et ouvrez-le avec la touche Entrée, puis appuyez sur la Tab jusqu'à le dernier link, puis appuyez de nouveau sur la touche. Le menu se ferme et l'onglet passe au menu suivant "Women’s fashion". De plus, le code ne se déclenchera pas sur SHIFT+TAB, il ne se fermera donc pas de manière inattendue si l'utilisateur revient en arrière du dernier élément de la liste.

Il y a aussi un auditeur sur le premier lien. Quand l'utilisateur recule à l'aide de la touche shift (SHIFT+TAB), il le ferme lorsqu'il quitte le lien.



Code

<script>
function tabOff(id) {

if (!event.shiftKey && event.keyCode == 9) {
$(id).collapse('hide');
}
}
function shiftTabOff(id) {
if (event.shiftKey && event.keyCode == 9) {
$(id).collapse('hide');
} }
</script>

CONTACT US

For a quote or just to chat about your organization's needs


EMAIL

help at can hyphen adapt dot com, (spoken phonetically to trick spam bots)

PHONE

six one three, eight zero six, nine zero zero five

SOCIAL MEDIA