| <- [[W3Cx:itwa:2.3.5 Knowledge check]]| [[W3Cx:itwa:2.3.7 Blindness]] -> |

====== 2.3.6 Activity - Browsing without a mouse ======

Exercice : essayer de naviguer sur une page web uniquement au clavier. Qu'est-ce qui fonctionne, qu'est-ce qui ne fonctionne pas ?

===== activité =====

|**Interaction**                      |**Keystrokes**                                                                                                                   |
|Naviguer vers la plupart des éléments|Tab\\ MAj + Tab pour la navigation inverse                                                                                        |
|Lien                                 |Entrée                                                                                                                            |
|Bouton                               |Entrée ou barre d'espace                                                                                                                |
|Checkbox                             |barre d'espace - cocher/décocher une checkbox                                                                                              |
|Boutons radio                        |↑/↓ ou ←/→ sélectionner une option\\ Tab - aller au prochain élément                                                               |
|menu Select (déroulant)              |↑/↓ - naviguer entre les options\\ barre espace - développer/ouvrir                                                                      |
|Autocomplétion                       |Taper pour commencer à filtrer\\ ↑/↓ - naviguer vers une option\\ Entrée - sélectionner une option                                           |
|Dialogue                             |Échap. - fermer                                                                                                                      |
|barre de défilement                  |↑/↓ ou ←/→ - augmente ou diminue la position de défilement\\ Home/End - début ou fin                                                 |
|barre de menu                        |↑/↓ - option suivante/précédente\\ Entrée - développer le menu (optionel) et sélectionner une option.\\ ←/→ - développer/réduire le sous-menu |
|onglet                               |Tab - une fois pour naviguer dans le groupe d'onglets, et une vos pour naviguer hors du groupe d'onglets\\ ↑/↓ or ←/→ - onglet suivant/précédent.|
|menu 'arborescence'                  |↑/↓ - Naviguer vers l'option précédente/suivante du menu option\\ ←/→ - développer/réduire le sous-menu, monter/descendre d'un niveau                             |
|défiler                               |↑/↓ - défiler verticalement\\ ←/→ - défiler horizontalement\\ barre espace/Maj + barre espace - faire défiler la page                           |

===== références =====

[[https://webaim.org/techniques/keyboard/|WebAim : Keyboard Accessibility]]

===== questions =====

  * Lors d'une navigation au clavier, comment navigue-t-on entre les éléments ?
    * avec la touche tab
  * Lors d'une navigation au clavier, comment clique-t-on sur un lien ?
    * avec la touche entrée
  * Lors d'une navigation au clavier, comment (dé)coche-t-on une case à cocher ?
    * avec la touche espace
  * Lors d'une navigation au clavier, comment clique-t-on sur un bouton ?
    * avec la touche espace ou entrée
  * Lors d'une navigation au clavier, comment fait-on un choix entre plusieurs options radio ?
    * avec les flèches du clavier
  * Lors d'une navigation au clavier, comment fait-on pour développer un menu déroulant et naviguer au sein de celui-ci
    * espace pour ouvrir/fermer, flèches du clavier pour naviguer
  * Lors d'une navigation au clavier, comment fait-on pour fermer une boite de dialogue ?
    * avec la touche échap.
  * Lors d'une navigation au clavier, comment fait-on défiler un contenu ou la page ?
    * avec les touches fléchées du clavier
  * Lors d'une navigation au clavier, comment navigue-t-on dans une barre de menu ?
    * entrée : ouvrir un menu / flèches verticales : naviguer dans les options / flèches horizontale : développer/réduire un sous-menu
  * Lors d'une navigation au clavier, comment naviguer dans des onglets
    * tab pour entrer/sortir dans le groupe d'onglet, flèches du clavier pour naviguer dans les onglets