Configurer la navigation clavier sur macOS : Guide complet

La navigation au clavier est essentielle pour tester l'accessibilité de vos sites web et pour les utilisateurs qui ne peuvent pas utiliser une souris. Sur macOS, cette fonctionnalité n'est pas activée par défaut. Ce guide vous accompagne dans la configuration complète de votre Mac pour une navigation clavier optimale.

Activer la navigation clavier sur macOS

Configuration de base

Par défaut, macOS permet uniquement de naviguer entre les champs de formulaire avec la touche Tab. Pour étendre cette navigation à tous les éléments interactifs, suivez ces étapes.

1. Ouvrez Réglages système (anciennement préférences système)
2. Sélectionnez Clavier
3. Activez l'option Navigation clavier

Une fois activé, vous pourrez utiliser Tab pour naviguer entre tous les contrôles de l'interface, pas seulement les champs de texte.

Raccourci rapide

Vous pouvez également basculer cette option à tout moment avec le raccourci Control + Fn + F7 (ou Control + F7 selon votre configuration clavier).

Full Keyboard Access : contrôle total

Activer Full Keyboard Access

Pour un contrôle encore plus complet de votre Mac au clavier, activez Full Keyboard Access dans les paramètres d'accessibilité.

1. Allez dans Réglages système
2. Sélectionnez Accessibilité
3. Cliquez sur Clavier dans la barre latérale
4. Activez Accès complet au clavier

Alternativement, utilisez le raccourci Option + Commande + F5 pour ouvrir le panneau des raccourcis d'accessibilité et activer rapidement cette fonction.

Possibilités avec Full Keyboard Access

Une fois activé, Full Keyboard Access permet de :

• Naviguer dans tous les menus
• Interagir avec le Dock et la barre des menus
• Contrôler les notifications
• Accéder aux services et aux contrôles système
• Naviguer dans le Finder et les applications

[!TIP] Appuyez trois fois rapidement sur Touch ID (si disponible) pour ouvrir le panneau des raccourcis d'accessibilité.

Configuration des navigateurs

Safari

Safari nécessite une configuration supplémentaire pour permettre la navigation aux liens avec Tab.

1. Ouvrez Safari
2. Allez dans Safari puis Réglages (ou Commande + virgule)
3. Sélectionnez l'onglet Avancé
4. Cochez Appuyer sur Tab pour mettre en surbrillance chaque élément de la page web

Sans cette option, Tab ne s'arrête que sur les champs de formulaire, même si la navigation clavier système est activée.

Chrome et Edge

Chrome et Edge respectent le paramètre système de navigation clavier. Aucune configuration supplémentaire n'est nécessaire une fois l'option activée dans Réglages système.

Firefox

Firefox a un comportement particulier. Il respecte généralement le paramètre système, mais dans certains cas, vous devrez ajuster la configuration avancée.

1. Tapez about:config dans la barre d'adresse
2. Recherchez accessibility.tabfocus
3. Si la valeur est 1, changez-la pour 7 (tous les éléments focusables)

Raccourcis clavier essentiels

Navigation de base

Navigation dans les pages web

Contrôle du focus

[!NOTE] Sur les claviers sans rangée de touches de fonction physiques, ajoutez la touche Fn aux raccourcis utilisant F1-F12.

Personnaliser l'indicateur de focus

Apparence du focus système

macOS Sonoma et versions ultérieures permettent de personnaliser l'apparence du curseur de focus.

1. Allez dans Réglages système puis Accessibilité
2. Sélectionnez Affichage
3. Ajustez la Couleur du curseur de focus et son Contraste

Un focus plus visible facilite le suivi de votre position lors de la navigation.

Tester l'accessibilité avec le clavier

Méthodologie de test

Une fois la navigation clavier configurée, vous pouvez tester efficacement l'accessibilité de vos sites.

1. Ouvrez votre site dans le navigateur
2. Cliquez dans la zone de contenu pour établir le focus
3. Naviguez avec Tab à travers tous les éléments interactifs
4. Vérifiez que :
   • Tous les éléments interactifs sont accessibles
   • L'ordre de tabulation est logique
   • Le focus est toujours visible
   • Aucun piège clavier n'existe

Points de vigilance

Lors de vos tests, soyez attentif aux problèmes courants :

• Focus invisible : l'élément actif n'est pas visuellement identifiable
• Ordre illogique : la tabulation ne suit pas l'ordre visuel
• Éléments inaccessibles : certains boutons ou liens ne reçoivent pas le focus
• Pièges clavier : impossible de sortir d'un composant (modale, menu)

Utilisez notre outil d'audit RGAA en complément pour une vérification automatisée des critères techniques.

VoiceOver : le lecteur d'écran macOS

Activation

Pour des tests plus approfondis, utilisez VoiceOver, le lecteur d'écran intégré à macOS.

• Commande + F5 : activer/désactiver VoiceOver
• Ou via Réglages système puis Accessibilité puis VoiceOver

Commandes VoiceOver essentielles

VoiceOver utilise les touches Control + Option (appelées "touches VO") comme modificateur.

Conclusion

Une configuration correcte de la navigation clavier sur macOS est indispensable pour tester l'accessibilité de vos créations web et pour tous les utilisateurs qui dépendent du clavier. Prenez le temps de configurer ces options et de vous familiariser avec les raccourcis : vous gagnerez en efficacité dans vos tests et votre travail quotidien.

Pour aller plus loin, consultez notre guide des raccourcis NVDA pour les tests sur Windows, ou notre checklist UX accessibilité pour une vérification complète de vos interfaces.