Souris et pointeurs Windows 7

Notes

Ce guide de conception a été créé pour Windows 7 et n’a pas été mis à jour pour les versions plus récentes de Windows. La plupart des conseils s’appliquent toujours en principe, mais la présentation et les exemples ne reflètent pas nos conseils de conception actuels.

La souris est le principal périphérique d’entrée utilisé pour interagir avec des objets dans Windows. Les fonctionnalités de la souris peuvent également englober d’autres appareils de pointage, tels que les trackballs, les pavés tactiles et les sticks de pointage intégrés aux ordinateurs portables, les stylets utilisés avec technologie Windows Tablet and Touch et, sur les ordinateurs dotés d’écrans tactiles, même le doigt d’un utilisateur.

Notes

Les recommandations relatives à l’accessibilité, au stylet et au toucher sont présentées dans des articles distincts.

Le déplacement physique de la souris déplace le pointeur graphique (également appelé curseur) sur l’écran. Le pointeur a différentes formes pour indiquer son comportement actuel.

capture d’écran de cinq pointeurs de souris classiques

Pointeurs de souris classiques

Les appareils à souris ont souvent un bouton principal (généralement le bouton gauche), un bouton secondaire (généralement à droite) et une roulette de souris entre les deux. En positionnant le pointeur et en cliquant sur les boutons principal et secondaire de la souris, les utilisateurs peuvent sélectionner des objets et effectuer des actions sur ceux-ci. Pour la plupart des interactions, appuyer sur un bouton de la souris alors que le curseur se trouve sur une cible indique la cible sélectionnée, et la libération du bouton effectue toute action associée à la cible.

Tous les pointeurs, à l’exception du pointeur occupé, ont un point chaud à un seul pixel qui définit l’emplacement exact de l’écran de la souris. Le point chaud détermine quel objet est affecté par les actions de la souris. Les objets définissent une zone chaude, qui est la zone où le point chaud est considéré comme étant au-dessus de l’objet. En règle générale, la zone chaude coïncide avec les bordures d’un objet, mais elle peut être plus grande pour faciliter l’exécution de l’intention de l’utilisateur.

Le caret est la barre verticale clignotante qui s’affiche lorsque l’utilisateur tape dans une zone de texte ou un autre éditeur de texte. Le caret est indépendant du pointeur (par défaut, Windows masque le pointeur pendant que l’utilisateur tape).

capture d’écran d’une zone de texte avec curseur

Le caret

Principes de conception

La souris est intuitive

La souris a été un appareil d’entrée réussi, car elle est facile à utiliser pour la main humaine typique. L’interaction basée sur le pointeur a réussi, car elle est intuitive et permet une grande variété d’expériences.

Les objets d’interface utilisateur bien conçus sont dits avoir affordance, qui sont des propriétés visuelles et comportementales d’un objet qui suggèrent comment il est utilisé. Le pointeur agit comme un proxy pour la main, ce qui permet aux utilisateurs d’interagir avec des objets d’écran comme ils le feraient avec des objets physiques. Nous, les humains, avons une compréhension innée du fonctionnement de la main humaine, donc si quelque chose lui ressemble peut être poussé, nous essayons de le pousser; s’il semble qu’il peut être saisi, nous essayons de le saisir. Par conséquent, les utilisateurs peuvent trouver comment utiliser des objets avec une forte affordance simplement en les regardant et en les essayant.

capture d’écran d’un bouton et d’un curseur

Les boutons et les curseurs ont une forte affordance

En revanche, les objets dont l’affordance est médiocre sont plus difficiles à déterminer. Ces objets nécessitent souvent une étiquette ou une instruction pour les expliquer.

capture d’écran du texte du lien et icône Internet Earth

texte de lien et icônes ont un faible affordance

Certains aspects de l’utilisation de la souris ne sont pas intuitifs

Cliquer avec le bouton droit, double-cliquer et cliquer avec les modificateurs de touche Maj ou Ctrl sont trois interactions de souris qui ne sont pas intuitives, car elles n’ont pas d’équivalents réels. Contrairement aux raccourcis clavier et aux touches d’accès, ces interactions de souris ne sont généralement documentées nulle part dans l’interface utilisateur. Cela suggère que le clic droit, le double-clic et les modificateurs de clavier ne doivent pas être nécessaires pour effectuer des tâches de base, en particulier par les utilisateurs novices. Il suggère également que ces interactions avancées doivent avoir un comportement cohérent et prévisible pour être utilisées efficacement.

Un simple clic ou un double-clic ?

Le double-clic est si largement utilisé sur le bureau Windows qu’il ne semble pas être une interaction avancée. Par exemple, l’ouverture de dossiers, de programmes ou de documents dans le volet Fichiers de Windows Explorer s’effectue en double-cliquant. L’ouverture d’un raccourci sur le bureau Windows utilise également le double-clic. En revanche, l’ouverture de dossiers ou de programmes dans le menu Démarrer nécessite un simple clic.

Les objets sélectionnables utilisent un simple clic pour effectuer la sélection, de sorte qu’ils nécessitent un double-clic pour s’ouvrir, tandis que les objets non sélectionnables ne nécessitent qu’un seul clic pour s’ouvrir. Cette distinction n’est pas comprise par de nombreux utilisateurs (cliquer sur une icône de programme, c’est cliquer sur une icône de programme, n’est-ce pas ?) et par conséquent, certains utilisateurs continuent de cliquer sur les icônes jusqu’à ce qu’ils obtiennent ce qu’ils veulent.

Manipulation directe

L’interaction directe avec des objets est appelée manipulation directe. Le pointage, le clic, la sélection, le déplacement, le redimensionnement, le fractionnement, le défilement, le panoramique et le zoom sont des manipulations directes courantes. En revanche, l’interaction avec un objet par le biais de sa fenêtre de propriétés ou d’une autre boîte de dialogue peut être décrite comme une manipulation indirecte.

Cependant, lorsqu’il y a manipulation directe, il peut y avoir une manipulation accidentelle et donc la nécessité de pardonner. Le pardon est la capacité à inverser ou corriger facilement une action indésirable. Vous effectuez des manipulations directes pardonnant en fournissant undo, en donnant de bons commentaires visuels et en permettant aux utilisateurs de corriger facilement les erreurs. Le pardon empêche les actions indésirables de se produire en premier lieu, ce que vous pouvez faire en utilisant des contrôles et des confirmations contraints pour les actions ou commandes à risque qui ont des conséquences involontaires.

Interactions standard avec les boutons de la souris

Les interactions standard de la souris dépendent de divers facteurs, notamment le clic sur la touche de la souris, le nombre de fois où elle est cliquée, sa position pendant les clics et si des modificateurs de clavier ont été appuyés. Voici un résumé de la façon dont ces facteurs affectent généralement l’interaction :

  • Pour la plupart des objets, le double-clic gauche effectue un simple clic gauche et exécute la commande par défaut. La commande par défaut est identifiée dans le menu contextuel.
  • Pour certains types d’objets sélectionnables, chaque clic développe l’effet du clic. Par exemple, le simple clic dans une zone de texte définit l’emplacement d’entrée, le double-clic sélectionne un mot et le triple clic sélectionne une phrase ou un paragraphe.
  • Cliquer avec le bouton droit affiche le menu contextuel d’un objet.
  • Le fait de garder la souris immobile lors du pointage entraîne le pointage.
  • Garder la souris immobile tout en appuyant sur les boutons de la souris indique un clic et la sélection d’un objet unique. Le déplacement de la souris indique le déplacement, le redimensionnement, le fractionnement, le glissement et la sélection d’objets multiples.
  • La touche Maj étend la sélection de manière contiguë.
  • La touche Ctrl étend la sélection en désactivant l’état de sélection de l’élément cliqué sans affecter la sélection d’autres objets.

Interactions simples avec la souris

Le tableau suivant décrit les interactions et les effets courants de la souris.

Action simple Interaction Effet classique
Pointant
Positionnez le pointeur vers un objet spécifique sans cliquer sur les boutons de la souris.
La cible affiche son état de pointage et toutes les affordances dynamiques.
Planant
Positionnez le pointeur vers un objet spécifique sans cliquer sur les boutons de la souris et sans bouger pendant au moins une seconde.
Target affiche son info-bulle, info-bulle ou son équivalent.
Cliquant
Positionnez le pointeur vers un objet spécifique non sélectionnable et appuyez et relâchez un bouton de la souris sans bouger. Le clic prend effet sur le relâchement du bouton de la souris pour permettre aux utilisateurs d’annuler le clic en déplaçant la souris hors de la cible. Par conséquent, la pression de la souris indique uniquement la cible sélectionnée.
Pour les clics simples avec le bouton principal, activez l’objet. Pour les double-clics avec le bouton principal, activez l’objet et exécutez la commande par défaut. Pour le bouton secondaire, affichez le menu contextuel de l’objet.
Sélectionnez
Positionnez le pointeur vers un objet spécifique sélectionnable, puis appuyez sur le bouton de la souris et relâchez-le.
Pour les clics simples avec le bouton principal, sélectionnez l’objet . Si les utilisateurs glissent la souris, sélectionnez une plage contiguë d’objets. Pour les double-clics avec le bouton principal, sélectionnez l’objet et exécutez la commande par défaut.
Pour le texte, le clic droit sur le bouton principal définit le point d’insertion, le deuxième sélectionne le mot au point d’insertion et le troisième clic sélectionne la phrase ou le paragraphe.
Appuyant sur
Positionnez le pointeur vers un objet spécifique et appuyez sur un bouton de la souris sans relâcher.
Pour les fonctions de répétition automatique (par exemple, appuyer sur une flèche de défilement pour faire défiler en continu), activez à plusieurs reprises. Sinon, indique le début d’un déplacement, d’un redimensionnement, d’un fractionnement ou d’un glisser, sauf si une mise en production est suivie sans déplacement.
Wheeling
Déplacer la roulette de la souris.
La fenêtre défile verticalement en direction du mouvement de la roulette de la souris.

Formes de pointeur

Le tableau suivant décrit les formes de pointeur et les utilisations courantes.

Graphique à base de formes Nom Quand l’utiliser
capture d’écran du pointeur avec la forme de flèche
Sélection normale
Utilisé pour la plupart des objets.
capture d’écran de la main avec index pointé
Sélectionner un lien
Utilisé pour les liens texte et graphique en raison de leur faible affordance.
capture d’écran du pointeur avec forme i-beam
Sélection de texte
Utilisé pour le texte pour indiquer un emplacement entre des caractères.
capture d’écran du pointeur avec une grande forme de signe plus
Sélection de précision
Utilisé pour le graphique et d’autres interactions bidimensionnelles.

Interactions de souris composées

Le tableau suivant décrit les interactions de souris courantes.

Action composée Interaction Effet classique Pointeurs
Déplacement
Si le déplacement est un mode (entré en donnant une commande), entrez en mode, positionnez le pointeur sur un objet mobile, appuyez sur le bouton et déplacez la souris, relâchez le bouton de la souris. dans ce cas, le pointeur change de forme pour indiquer le mode.
sinon, positionnez le pointeur sur le grappin d’un objet mobile, appuyez sur le bouton et déplacez la souris, relâchez le bouton de la souris. dans ce cas, le pointeur n’a pas besoin de changer de forme.
l’objet se déplace dans la direction du mouvement du pointeur.
déplacer
capture d’écran du pointeur avec quatre flèches
permet de déplacer une fenêtre dans n’importe quelle direction.
panoramique
capture d’écran du pointeur avec la forme de la main
Permet de déplacer un objet dans une fenêtre dans n’importe quelle direction.
Redimensionnement
Positionnez le pointeur sur une bordure redimensionnable ou une poignée de redimensionnement, appuyez sur un bouton de la souris et déplacez la souris, puis relâchez le bouton de la souris.
l’objet est redimensionné dans le sens du mouvement du pointeur.
redimensionnement vertical et horizontal
Capture d’écran montrant des pointeurs vers le haut vers le bas.capture d’écran des pointeurs haut-bas et droite-gauche
permet de redimensionner une dimension unique.
redimensionnement diagonal
bb545459.mouse13(en-us,msdn.10).pngcapture d’écran de pointeurs en diagonale avec pointes de direction
permet de redimensionner deux dimensions simultanément.
redimensionnement de ligne et de colonne
bb545459.mouse15(en-us,msdn.10).pngcapture d’écran des pointeurs de flèche avec barre croisée
Permet de redimensionner une ligne ou une colonne dans une grille.
Fractionnement
Positionnez le pointeur sur un séparateur, appuyez sur un bouton de la souris et déplacez la souris, puis relâchez le bouton de la souris.
la bordure du volet fractionné se déplace dans la direction du mouvement du pointeur.
séparateurs de fenêtres
bb545459.mouse17(en-us,msdn.10).pngcapture d’écran des pointeurs de flèche avec double barre croisée
Permet de redimensionner un volet fractionné verticalement ou horizontalement.
déplaçant des données avec la méthode glisser-déposer.
Positionnez le pointeur sur un objet valide pour le glisser, appuyez sur un bouton de la souris et déplacez la souris vers une cible de dépôt, puis relâchez le bouton de la souris.
l’objet est déplacé ou copié vers la cible de suppression.
sélection normale
capture d’écran de la photo, du pointeur standard et de l’info-bulle
utilisé sur des cibles de glissement valides. peut également avoir une info-bulle pour indiquer un effet spécifique.
non disponible
capture d’écran d’une petite icône bloquée/hors connexion
Utilisé pour indiquer qu’une surface n’est pas une cible de suppression valide.

Indicateurs d’activité

Le tableau suivant montre les pointeurs que les utilisateurs voient lors de l’exécution d’une action qui prend plus de quelques secondes.

Graphique à base de formes Nom Quand l’utiliser
Capture d’écran montrant un pointeur « occupé » en forme de beignet.
Pointeur occupé
Utilisé pour attendre qu’une fenêtre devienne réactive.
capture d’écran du pointeur et de la flèche en forme de beignet
Utilisation du pointeur en arrière-plan
Permet de pointer, cliquer, appuyer ou sélectionner pendant qu’une tâche se termine en arrière-plan.

Pointeurs à main

Les liens texte et graphique utilisent une main ou un pointeur « sélection de lien » (une main avec l’index pointant la capture d’écran de la main avec l’index pointant ) en raison de leur faible accessibilité. Bien que les liens puissent avoir d’autres indices visuels pour indiquer qu’ils sont des liens (tels que des soulignements et un placement spécial), l’affichage du pointeur de main au pointeur est l’indication définitive d’un lien.

Pour éviter toute confusion, il est impératif de ne pas utiliser le pointeur à main à d’autres fins. Par exemple, les boutons de commande ont déjà une forte affordance, de sorte qu’ils n’ont pas besoin d’un pointeur à main. Le pointeur de main doit signifier « cette cible est un lien » et rien d’autre.

Pointeurs personnalisés

Windows prend en charge la création de pointeurs personnalisés. Pour plus d’informations, consultez Définition de l’image de curseur et de l’entrée utilisateur : exemple étendu.

De nombreuses applications fournissent une palette de contrôles avec des pointeurs personnalisés pour prendre en charge les fonctionnalités des applications.

capture d’écran de palette avec pointeur de pulvérisation

Microsoft Paint comprend une palette de fonctions différentes, chacune avec un pointeur unique

Loi de Fitts

Fitts' Law est un principe bien connu de l’ergonomie de la conception d’interface utilisateur graphique qui énonce essentiellement :

  • Plus une cible est éloignée, plus elle prend de temps pour l’acquérir avec la souris.
  • Plus une cible est petite, plus elle prend de temps pour l’acquérir avec la souris.

Par conséquent, les grandes cibles sont bonnes. Veillez à rendre la zone cible entière cliquable.

Incorrect Correct (la cible entière est cliquable)
capture d’écran de l’icône avec uniquement l’étiquette cliquable capture d’écran de l’icône cliquable et de l’étiquette cliquable

Vous pouvez modifier dynamiquement la taille d’une cible lors du pointage pour faciliter son acquisition.

capture d’écran de la carte de caractères avec nombre agrandi

Une cible devient plus grande lorsque l’utilisateur pointe pour faciliter son acquisition

Et les cibles rapprochées sont également bonnes. Localisez les éléments cliquables à proximité de l’endroit où ils seront probablement utilisés. Dans l’image suivante, la palette de couleurs est trop éloignée du sélecteur d’outils.

capture d’écran de la palette de couleurs séparée des outils

La palette de couleurs est trop loin de l’endroit où elle est susceptible d’être utilisée

Considérez le fait que l’emplacement actuel du pointeur de l’utilisateur est aussi proche qu’une cible peut l’être, ce qui le rend trivial à acquérir. Ainsi, les menus contextuels tirent pleinement parti de la loi de Fitts, tout comme les mini-barres d’outils utilisées par Microsoft Office.

capture d’écran des pointeurs près de la liste déroulante

L’emplacement actuel du pointeur est toujours le plus facile à acquérir

Tenez également compte d’autres périphériques d’entrée lors de la détermination des tailles d’objet. Par exemple, la taille cible minimale recommandée pour le toucher est de 23 x 23 pixels (13 x 13 DLU).

Environnements sans souris

Tous les environnements Windows n’ont pas de souris. Par exemple, les kiosques ont rarement une souris et ont généralement un écran tactile à la place. Cela signifie que les utilisateurs peuvent effectuer des interactions simples telles que le clic gauche et peut-être le glisser-déplacer. Toutefois, ils ne peuvent pas pointer, cliquer avec le bouton droit ou double-cliquer. Cette situation est facile à concevoir, car ces limitations sont généralement connues à l’avance.

L’utilisation d’une souris nécessite des compétences de motricité fine et, par conséquent, tous les utilisateurs ne peuvent pas utiliser une souris. Pour rendre votre logiciel accessible au public le plus large, assurez-vous que toutes les interactions pour lesquelles la motricité fine n’est pas essentielle peuvent être effectuées à l’aide du clavier à la place.

Pour plus d’informations et pour obtenir des instructions, consultez Accessibilité.

Si vous ne faites que quatre choses...

  1. Donnez aux interactions de souris des comportements cohérents avec leurs effets standard, en utilisant les pointeurs standard chaque fois que nécessaire.
  2. Limitez les interactions avancées de la souris (celles nécessitant des clics droit, plusieurs clics ou des touches de modification) aux tâches avancées ciblant les utilisateurs avancés.
  3. Attribuez des comportements cohérents et prévisibles aux interactions avancées de la souris afin qu’elles puissent être utilisées efficacement.
  4. Assurez-vous que votre programme offre la possibilité d’inverser ou de corriger toutes les actions indésirables, en particulier pour les commandes destructrices. Les actions accidentelles sont plus probables lors de l’utilisation de la manipulation directe.

Consignes

Click affordance

  • N’obligez jamais les utilisateurs à cliquer sur un objet pour déterminer s’il est cliquable. Les utilisateurs doivent être en mesure de déterminer la cliquabilité par l’inspection visuelle seule.
    • L’interface utilisateur principale (comme les boutons de validation) doit avoir une affordance de clic statique. Les utilisateurs ne doivent pas avoir à pointer pour découvrir l’interface utilisateur principale.
    • L’interface utilisateur secondaire (par exemple, les commandes secondaires ou les contrôles de divulgation progressive) peut afficher leur affordance de clic lors du pointage.
    • Les liens texte doivent suggérer statiquement le texte du lien, puis afficher leur affordance de clic (soulignement ou autre modification de présentation, avec pointeur de main) au pointeur.
    • Les liens graphiques affichent uniquement un pointeur de main lors du pointage.
  • Utilisez le pointeur à main (ou « sélection de lien ») uniquement pour les liens texte et graphique. Sinon, les utilisateurs doivent cliquer sur des objets pour déterminer s’il s’agit de liens.

Interactions standard avec les boutons de la souris

Le tableau suivant récapitule les interactions du bouton de la souris qui s’appliquent dans la plupart des cas :

Interaction Effet
Pointage
Target affiche son info-bulle, info-bulle ou son équivalent.
Un seul clic gauche
Active ou sélectionne l’objet. Pour le texte, définit le point d’insertion.
Simple clic droit
Sélectionne l’objet et affiche son menu contextuel.
Double-clic gauche
Active ou sélectionne l’objet et exécute la commande par défaut. Pour le texte, sélectionne le mot au point d’insertion (un troisième clic sélectionne la phrase ou le paragraphe).
Double-cliquez avec le bouton droit
Identique à un simple clic droit.
Maj simple clic gauche
Pour les objets sélectionnables, étend de façon contiguë la sélection. Sinon, identique à un simple clic gauche avec des modifications possibles. Par exemple, dans Paint, le dessin d’un ovale avec le modificateur de touche Maj entraîne le dessin d’un cercle.
Maj simple clic droit
Identique à Maj simple clic gauche.
Double-clic gauche maj
Identique à maj simple clic gauche, et exécute la commande par défaut sur l’ensemble de la sélection.
Double-clic droit maj
Identique à Maj simple clic gauche.
Ctrl simple clic gauche
Pour les objets sélectionnables, étend la sélection en désactivant l’état de sélection de l’élément cliqué sans affecter la sélection d’autres objets (ce qui autorise la sélection qui n’est pas contiguë). Sinon, identique à un simple clic gauche.
Ctrl simple clic droit
Identique à Ctrl simple clic gauche.
Ctrl double-clic gauche
Identique à Ctrl simple clic gauche, et exécute la commande par défaut sur l’ensemble de la sélection.
Double-clic droit Ctrl
Identique à Ctrl simple clic gauche.

Interaction avec la souris

  • Définissez des cibles de clic d’au moins 16 x 16 pixels afin qu’elles puissent être facilement cliquées par n’importe quel appareil d’entrée. Pour le tactile, la taille de contrôle minimale recommandée est de 23 x 23 pixels (13 x 13 DLU). Envisagez de modifier dynamiquement la taille des petites cibles lorsque l’utilisateur pointe pour les rendre plus faciles à acquérir.

    Dans cet exemple, les boutons de contrôle de rotation sont trop petits pour être utilisés efficacement avec le toucher ou un stylet.

    capture d’écran du contrôle de rotation avec de petites flèches

  • Créez des séparateurs d’au moins cinq pixels de large afin qu’ils puissent être facilement cliqués par n’importe quel appareil d’entrée. Envisagez de modifier dynamiquement la taille des petites cibles lorsque l’utilisateur pointe pour les rendre plus faciles à acquérir.

    Dans cet exemple, le séparateur dans le volet de navigation Windows Explorer est trop étroit pour être utilisé efficacement avec une souris ou un stylet.

    capture d’écran d’un séparateur étroit, presque invisible

  • Fournissez aux utilisateurs une marge d’erreur spatialement. Autorisez le déplacement de la souris (par exemple, trois pixels) lorsque les utilisateurs relâchent un bouton de souris. Les utilisateurs déplacent parfois légèrement la souris au fur et à mesure qu’ils relâchent le bouton, de sorte que la position de la souris juste avant le relâchement du bouton reflète mieux l’intention de l’utilisateur que la position juste après.

  • Fournissez aux utilisateurs une marge d’erreur dans le temps. Utilisez la vitesse de double-clic système pour faire la distinction entre les clics simples et les doubles clics.

  • Les clics prennent effet sur le bouton de la souris vers le haut. Autorisez les utilisateurs à abandonner les actions de souris en supprimant la souris des cibles valides avant de relâcher le bouton de la souris. Pour la plupart des interactions avec la souris, appuyer sur un bouton de la souris indique uniquement la cible sélectionnée et le relâchement du bouton active l’action. Les fonctions de répétition automatique (telles que le fait d’appuyer sur une flèche de défilement pour faire défiler en continu) sont une exception.

  • Capturez la souris pour sélectionner, déplacer, redimensionner, fractionner et faire glisser la souris.

  • Utilisez la touche Échap pour permettre aux utilisateurs d’abandonner les interactions de souris composées telles que le déplacement, le redimensionnement, le fractionnement et le glissement.

  • Si un objet ne prend pas en charge les doubles clics, mais que les utilisateurs sont susceptibles de le supposer, interprétez un « double clic » comme un simple clic. Supposons que l’utilisateur a prévu une seule action au lieu de deux.

    Étant donné que les utilisateurs sont susceptibles de supposer que les boutons de la barre des tâches prennent en charge les double-clic, un « double clic » doit être géré en un seul clic.

    capture d’écran du bouton de la barre des tâches et du pointeur standard

  • Ignorez les clics redondants de la souris pendant que votre programme est inactif. Par exemple, si l’utilisateur clique 10 fois sur un bouton alors qu’un programme est inactif, interprétez cela comme un simple clic.

  • N’utilisez pas de double glisser ou d’accord. Un double glissement est une action de glissement commencée par un double-clic, et un accord est lorsque plusieurs boutons de la souris sont appuyés simultanément. Ces interactions ne sont pas standard, ne sont pas détectables, sont difficiles à effectuer et sont très probablement effectuées accidentellement.

  • N’utilisez pas Alt comme modificateur pour les interactions avec la souris. La touche Alt est réservée aux clés d’accès à la barre d’outils et d’accès.

  • N’utilisez pas Maj+Ctrl comme modificateur pour les interactions avec la souris. Cela serait trop difficile à utiliser.

  • Rendre le pointage redondant. Pour rendre votre programme tactile, tirez pleinement parti du pointage, mais uniquement d’une manière qui n’est pas nécessaire pour effectuer une action. Cela signifie généralement qu’une action peut également être effectuée en cliquant, mais pas nécessairement de la même façon. Le pointage n’est pas pris en charge par la plupart des technologies tactiles, de sorte que les utilisateurs dotés de tels écrans tactiles ne peuvent pas effectuer de tâches nécessitant un pointage.

Roulette de la souris

  • Faites en sorte que la roulette de la souris affecte le contrôle, le volet ou la fenêtre sur lequel le pointeur se trouve actuellement. Cela permet d’éviter des résultats inattendus.
  • Faites en sorte que la roulette de la souris prenne effet sans cliquer ni avoir le focus d’entrée. Le pointage est suffisant.
  • Faites en sorte que la roulette de la souris affecte l’objet avec l’étendue la plus spécifique. Par exemple, si le pointeur se trouve au-dessus d’un contrôle de zone de liste à défilement dans un volet avec défilement dans une fenêtre avec défilement, la roulette de la souris affecte le contrôle de zone de liste.
  • Ne modifiez pas le focus d’entrée lors de l’utilisation de la roulette de la souris.
  • Donnez à la roulette de la souris les effets suivants :
    • Pour les fenêtres, volets et contrôles avec défilement :
      • La rotation de la roulette de la souris fait défiler l’objet verticalement, où la rotation vers le haut fait défiler vers le haut. Pour que la roue ait une cartographie naturelle, la rotation de la roulette de la souris ne doit jamais défiler horizontalement, car cela est désorientant et inattendu.
        • Si vous appuyez sur la touche Ctrl, la rotation de la roulette de la souris effectue un zoom sur l’objet, où la rotation vers le haut effectue un zoom avant et une rotation vers le bas effectue un zoom arrière.
        • L’inclinaison de la roulette de la souris fait défiler l’objet horizontalement.
    • Pour les fenêtres et les volets avec zoom (sans barres de défilement) :
      • La rotation de la roulette de la souris effectue un zoom sur l’objet, où la rotation vers le haut effectue un zoom avant et une rotation vers le bas effectue un zoom arrière.
      • L’inclinaison de la roulette de la souris n’a aucun effet.
    • Pour les onglets :
      • La rotation de la roulette de la souris peut modifier l’onglet actuel, quelle que soit l’orientation des onglets.
      • L’inclinaison de la roulette de la souris n’a aucun effet.
    • Si les touches Maj et Alt sont enfoncées, la roulette de la souris n’a aucun effet.
  • Utilisez les paramètres système Windows pour la taille de défilement vertical (pour la rotation) et la taille de défilement horizontal (pour l’inclinaison). Ces paramètres sont configurables via l’élément panneau de configuration Souris.
  • Faire pivoter la roulette de la souris plus rapidement entraîne un défilement plus rapide. Cela permet aux utilisateurs de faire défiler des documents volumineux plus efficacement.
  • Pour les fenêtres avec défilement, envisagez de cliquer sur le bouton de la roulette de la souris pour placer la fenêtre en « mode lecteur ». Le mode Lecteur affiche une icône d’origine de défilement spéciale et fait défiler la fenêtre dans une direction et une vitesse par rapport à l’origine du défilement.

capture d’écran de la page avec l’icône d’origine de défilement

Internet Explorer prend en charge le mode lecteur, qui comporte l’icône d’origine de défilement

Masquage du pointeur

  • Ne masquez pas le pointeur. Exceptions :
    • Les applications de présentation s’exécutant en mode de présentation plein écran peuvent masquer le pointeur. Toutefois, le pointeur doit être restauré immédiatement lorsque les utilisateurs déplacent la souris, et peut être remis en place après deux secondes d’inactivité.
    • Les environnements sans souris (par exemple, les kiosques) peuvent masquer définitivement le pointeur.
  • Par défaut, Windows masque le pointeur pendant que l’utilisateur tape dans une zone de texte. Ce paramètre système Windows est configurable via l’élément du panneau de configuration Souris.

Pointeurs d’activité

Les pointeurs d’activité dans Windows sont le pointeur occupé (capture d’écran du pointeur en forme d’anneau ) et le pointeur de travail en arrière-plan (capture d’écran du pointeur et de la flèche en forme d’anneau ).

  • Affichez le pointeur occupé lorsque les utilisateurs doivent attendre plus d’une seconde pour qu’une action se termine. Notez que le pointeur occupé n’a pas de point chaud. Les utilisateurs ne peuvent donc pas cliquer sur quoi que ce soit lorsqu’il s’affiche.
  • Affichez le pointeur de travail en arrière-plan lorsque les utilisateurs doivent attendre plus d’une seconde pour qu’une action se termine, mais le programme est réactif et il n’existe aucun autre commentaire visuel indiquant que l’action n’est pas terminée.
  • Ne combinez pas de pointeurs d’activité avec des barres de progression ou des animations de progression.

Caret

  • N’affichez pas l’insertion tant que la fenêtre ou le contrôle d’entrée de texte n’a pas le focus d’entrée. L’insertion suggère le focus d’entrée aux utilisateurs, mais une fenêtre ou un contrôle peut afficher l’insertion sans focus d’entrée. Bien sûr, ne volez pas le focus d’entrée afin qu’une boîte de dialogue hors contexte puisse afficher le signe d’insertion.

    Le Gestionnaire d’informations d’identification Windows s’affiche hors contexte avec le signe d’insertion, mais sans focus d’entrée. Par conséquent, les utilisateurs finissent par taper leur mot de passe dans des endroits inattendus.

    capture d’écran du gestionnaire d’informations d’identification sans focus

  • Placez le point d’insertion où les utilisateurs sont le plus susceptibles de taper en premier. Il s’agit généralement du dernier emplacement que l’utilisateur a tapé ou à la fin du texte.

Accessibilité

  • Pour les utilisateurs qui ne peuvent pas du tout utiliser la souris, rendez la souris redondante avec le clavier.
    • Les utilisateurs doivent être en mesure de tout faire avec le clavier qu’ils peuvent avec la souris, à l’exception des actions pour lesquelles la motricité fine est essentielle, comme le dessin et le jeu.
    • Les utilisateurs doivent être en mesure de tout faire avec la souris qu’ils peuvent avec le clavier, à l’exception d’une entrée de texte efficace.
  • Pour les utilisateurs ayant une capacité limitée à utiliser la souris :
    • Ne double-cliquez pas et faites glisser la seule façon d’effectuer une action.

Pour plus d’informations et pour obtenir des instructions, consultez Accessibilité.

Documentation

Lorsque vous faites référence à la souris :

  • Évitez d’utiliser les souris au pluriel ; si vous avez besoin de faire référence à plusieurs souris, utilisez des périphériques de souris.
  • Utilisez le bouton de la souris pour indiquer le bouton gauche de la souris. N’utilisez pas le bouton principal de la souris. De même, utilisez le bouton droit de la souris au lieu du bouton secondaire de la souris. Quelle que soit la précision, les utilisateurs comprennent ces termes et les utilisateurs qui reprogramment leurs boutons effectuent le changement mental.
  • Utilisez wheel pour la partie rotative de la roulette de la souris et le bouton wheel pour faire référence à la partie cliquable.
  • Utilisez des verbes tels que cliquer, pointer et faire glisser pour faire référence aux actions de la souris. Les utilisateurs font pivoter la roue verticalement, l’inclinent horizontalement, puis cliquez sur le bouton de la roulette.
  • Utilisez le glisser-déplacer et non le glisser-déplacer pour l’action de déplacement d’un document ou d’un dossier. Il est acceptable d’utiliser le glisser-déplacer comme adjectif, car dans « le déplacement du dossier est une opération glisser-déplacer ».
  • Faites toujours un double-clic et cliquez avec le bouton droit en tant que verbes.
  • Utilisez clic, pas sur. Un clic dans (comme dans « cliquer dans la fenêtre ») est acceptable.

Quand vous faites référence à des pointeurs de souris :

  • Faites référence au pointeur de la souris comme pointeur. Utilisez le curseur uniquement dans la documentation technique.
  • Pour les pointeurs avec des indicateurs d’activité, utilisez le pointeur occupé pour le pointeur constitué uniquement d’un indicateur d’activité, et utilisez le pointeur d’arrière-plan pour la combinaison de pointeur et d’indicateur d’activité.
  • Pour les autres types de pointeurs, n’utilisez pas d’étiquettes descriptives pour faire référence au pointeur. Si nécessaire, utilisez un graphique pour décrire comment le pointeur de la souris peut apparaître à l’écran.

Exemples :

  • Pointez sur la bordure de la fenêtre.
  • À l’aide de la souris, cliquez sur le bouton Réduire .
  • Maintenez la touche Maj enfoncée et cliquez sur le bouton droit de la souris.
  • Lorsque le pointeur devient une capture d’écran de flèche avec deux barres croisées, faites glisser le pointeur pour déplacer la ligne de fractionnement.

Voir aussi