Qui a dit que le design nécessite une souris ?

Pour des millions d'utilisateurs, naviguer sur les outils numériques à l'aide d'un clavier n'est pas qu'une simple question de préférence pour la rapidité et l'ergonomie – c'est un besoin fondamental. Dans le cadre de nos efforts continus visant à rendre Figma plus accessible à tous, nous avons recueilli le feedback de designers qui naviguent principalement avec le clavier et le lecteur d'écran. Une collaboration étroite avec ces designers, incluant un groupe d'utilisateurs alpha, a directement apporté des informations pour nos nouvelles fonctionnalités d'accessibilité clavier.

Nous introduisons dans la plupart des produits Figma une série de fonctionnalités nouvelles qui éliminent les obstacles rencontrés par les designers utilisant uniquement le clavier. Les utilisateurs peuvent désormais faire défiler le plan de travail, insérer des objets et effectuer des sélections précises rapidement et facilement. Et, avec une meilleure prise en charge des lecteurs d'écran, ces opérations sont annoncées à voix haute pendant que les utilisateurs travaillent, ce qui les aide à rester concentrés.

Restez dans le flux, sans avoir besoin de souris

Il était jusqu'à présent difficile de naviguer entre les frames, de sélectionner des composants ou d'ajouter de nouveaux éléments uniquement à l'aide d'un clavier. L'utilisateur rencontrait des problèmes fréquents (par exemple, il restait bloqué en haut du plan de travail, zoomait sur la mauvaise zone ou atterrissait sur la mauvaise page).

Grâce aux améliorations apportées aux fonctions à fort impact telles que les fonctions de panoramique, d'insertion et de sélection, nous espérons résoudre ces points de friction cruciaux pour les designers utilisant uniquement le clavier et les aider à contribuer pleinement aux sprints de design, aux sessions de co-création et au feedback. Ces nouveaux contrôles complètent les raccourcis clavier existants de Figma pour permettre un design sans souris de bout en bout. Désormais, comme l'a affirmé un utilisateur alpha, « pratiquement plus rien n'empêche les utilisateurs se servant uniquement du clavier de contribuer au processus de design [dans Figma]. »

Voici ce qui change.

Panoramique

Vous pouvez désormais naviguer sur le plan de travail en utilisant les touches fléchées. Utilisez la touche Maj pour vous déplacer ou faire défiler l'écran plus rapidement ou utilisez les nouveaux raccourcis clavier pour zoomer avec un contrôle plus précis et accéder aux outils de déplacement et main.

Emplacement

Il est désormais possible d'insérer la plupart des types d'objets tels que les formes et le texte sur le plan de travail en utilisant uniquement le clavier. Par exemple, insérez des frames à l'aide de raccourcis clavier et d'une vue guidée par réticule ou appuyez sur la touche Entrée pour placer du texte au centre de l'écran.

Sélection

Le nouvel outil de sélection de zone au clavier vous permet de choisir des objets sur le plan de travail à l'aide du clavier. Vous pouvez déplacer des objets un par un en utilisant les touches fléchées pour positionner le curseur rose sur un objet et en appuyant sur la touche Entrée pour le sélectionner. Vous pouvez également sélectionner plusieurs éléments à l'aide d'un cadre de sélection.

Une expérience de design plus inclusive

Ces nouvelles fonctionnalités ne font pas que faciliter la navigation dans Figma, elles permettent à davantage de personnes de participer au processus créatif. Au-delà de ces mises à jour, nous avons introduit des outils qui permettent aux équipes de créer des produits plus accessibles et inclusifs à l'aide de Figma. Par exemple, le vérificateur de contraste du sélecteur de couleurs permet aux designers de vérifier que les couleurs du texte et des graphiques respectent les normes WCAG (Web Content Accessibility Guidelines) et l'option de sélection de balises HTML sémantiquesdans les designs permet aux équipes de créer des produits qui prennent en charge les lecteurs d'écran.

L'accessibilité n'est pas une option : c'est un engagement à créer des outils et des expériences à la portée de tous. Nous apprenons constamment de nos utilisateurs et apportons des améliorations spécifiques à l'accessibilité pour éliminer les obstacles rencontrés dans Figma par tous les designers.

Découvrez comment utiliser ces nouvelles fonctionnalitéset obtenez des réponses à vos questions – y compris comment activer la prise en charge des lecteurs d'écran – dans le centre d'aide.