Attention : cet article date de 2019 ! Une version mise à jour de ce tutoriel est disponible sur le site d’Access42 : Activer la prise de focus sous macOS
En créant un nouveau profil dans Firefox, je me suis rendue compte que je n’arrivais plus à tabuler, au clavier, dans les pages web que je consulte.
C’est pourtant quelque chose que j’ai pris l’habitude de faire, non seulement pour vérifier l’ordre de tabulation des sites que j’intègre et que j’audite, mais aussi parce que c’est souvent très pratique si le site est bien fait, c’est-à-dire si l’ordre de tabulation est cohérent et qu’il n’y a pas de piège au clavier.
J’ai ensuite mis à jour mon billet pour expliquer comment faire sous Safari, car on me l’a demandé.
- Activer la tabulation dans Firefox
- Activer la tabulation dans MacOS
- Activer la prise de focus dans Safari
Activer la tabulation dans Firefox
En réalité, quand on utilise Firefox avec MacOS, il faut expressément activer l’option qui permet de tabuler d’élément interactif en élément interactif.
- Dans Firefox, allez dans
about:config
. - Cherchez d’abord dans le moteur de recherche des filtres si la règle
accessibility.tabfocus
existe. Note : la règleaccessibility.tabfocus_applies_to_xul
est un autre paramètre qui n’est pas celui qui nous intéresse ici. - Si la règle
accessibility.tabfocus
existe déjà, vérifier que sa valeur à 7, sinon modifiez-la et passez-la à 7. - Si la règle
accessibility.tabfocus
n’existe pas : faites clic droit, choisissez l’option « Nouvelle… » pour l’ajouter.- choisir « Nombre entier »,
- saisir
accessibility.tabfocus
comme nom de règle, - saisir 7 comme valeur,
- redémarrer Firefox.
La tabulation devrait être dorénavant possible.
Note : si vous changez de profil, ou si vous ajoutez un nouveau profil à Firefox, il faudra refaire cette manipulation à chaque fois.
Merci à Stephan qui a partagé l’astuce sur Alsacréations il y a fort longtemps. Ça date, mais ça sert toujours !
Activer la tabulation dans MacOS
Si cela ne suffit pas et que vous n’arrivez toujours pas à tabuler dans votre navigateur (y compris Safari), vérifiez que vous avez bien activé la tabulation dans les réglages de MacOS.
Dans MacOS Mojave, ça se trouve dans : Préférences Système > Clavier > onglet Raccourcis > en bas de la fenêtre, activer l’option « tous les contrôles » dans la liste « Accès complet au clavier ».
Merci à NB Design pour ce rappel ! J’ai fait cette manipulation il y a si longtemps que j’aurais complètement oublié de vous en parler.
Edit du 30 avril 2019 : en bonus, l’article No, tabbing is not broken. Yes, I was confused too. explique comment activer la prise de focus dans Safari. (Via Véro.)
Activer la prise de focus dans Safari
Edith – 28 novembre 2019 : si vous utilisez Safari sous MacOS, vous devrez faire une modification supplémentaire pour que la tabulation fonctionne bien.
- Lancer Safari.
- Aller dans Safari > Préférences… > Rubrique « Avancées »
- Cocher la case « La touche Tab permet de mettre en surbrillance les objets des pages web ».
Et voilà !
Autres notes
J’en profite pour vous conseiller de prendre l’habitude de tester les sites que vous fabriquez (ou que vous recettez) au clavier : c’est un problème d’accessibilité majeur pour les utilisateurs qui naviguent exclusivement au clavier (personnes handicapées moteur, personnes aveugles et déficientes visuelles notamment).
Pour en savoir plus :
- Critères RGAA 4 – Référentiel général d’amélioration de l’accessibilité, le référentiel français en matière d’accessibilité numérique :
- Critères de succès WCAG 2.1 (Règles pour l’accessibilité des contenus web, éditées par le W3C, en anglais) :
À part ça
Je viens de donner une conférence WordPress et accessibilité au WordCamp Bordeaux. J’y parle d’ordre de tabulation, mais aussi de plein d’autres points d’accessibilité à vérifier dans votre thème WordPress.
Le WordCamp lui-même était fort sympathique. Les conférences étaient centrées autour du thème de l’éco-responsabilité, ça m’a beaucoup parlé. Il y a eu des échanges très intéressants. J’ai appris des trucs. J’ai revu des personnes que j’apprécie, et j’ai fait de nouvelles rencontres. La cerise sur le gâteau, c’était le buffet végétalien prévu le midi, et les succulents canelés que l’on m’a offerts. #ventre Bref, une super expérience, 100% would recommend !
J’ai aussi commencé à publier des billets plus détaillés sur l’accessibilité des thèmes WordPress sur le blog d’Access42 :
- WordPress et accessibilité : bien structurer les modèles de pages de son thème
- WordPress et accessibilité : faciliter la navigation (1ère partie)
C’est une série de billets qui va continuer pendant quelques mois ! Je rajouterai les liens ici au fur et à mesure.
Et sinon
Ouais, je sais, c’est bizarre et inhabituel que je poste un quick tip comme ça, après un long silence bloguesque.
Alimenter ce blog-ci à raison d’un billet par an est le maximum que je puisse faire actuellement, et c’est déjà pas mal.
Écrire ici plus régulièrement me manque quand même un peu. J’ai plein de réflexions métier sur le feu qui attendent leur tour.
Mais cela ne sera sans doute pas avant une refonte – simple – de ce site, que je ne peux plus voir en peinture. Je m’oriente vers un design très épuré (hé ui, je sais, moi aussi ça me surprend), avec une page d’accueil, un CV, un blog, et c’est tout.
En attendant, je continue à publier ce que je fais professionnellement et à partager quelques lectures intéressantes sur mon profil Twitter, si jamais.
J’espère que vous allez toutes et tous bien !
1 avril 2019
Merci pour la citation ? !
15 avril 2019
Ah, il me semblait que la partie "MacOS" suffisait. Enfin plus exactement, l'une _ou_ l'autre des solutions doit suffire.
Ma théorie est que Firefox utilise l'option système pour déterminer automatiquement son option "maison. (mais je n'ai pas de Mac sous la main pour vérifier).
1 mai 2019
Bon, je confirme, d'après le code C++ ce n'est pas nécessaire de modifier Firefox !
cf.
(en revanche si vous ne voulez pas changer le comportement de tout le système, changer la pref Firefox est une solution possible).
2 mai 2019
Cool ! Merci pour tes recherches et précisions, Julien !