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 l’appareil d’entrée principal utilisé pour interagir avec des objets dans Windows. Les fonctionnalités de la souris peuvent également englober d’autres appareils pointants, tels que les trackballs, les pavés tactiles et les bâtons de pointage intégrés aux ordinateurs de bloc-notes, les stylets utilisés avec technologie Windows Tablet and Touch et, sur les ordinateurs avec écran tactile, même le doigt d’un utilisateur.

Notes

Les instructions 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 une variété de formes pour indiquer son comportement actuel.

screen shot of five typical mouse pointers

Pointeurs de souris classiques

Les appareils de 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 principaux et secondaires de la souris, les utilisateurs peuvent sélectionner des objets et effectuer des actions sur eux. Pour la plupart des interactions, appuyez sur un bouton de souris pendant que le curseur est sur une cible indique la cible sélectionnée et libère le bouton effectue toute action associée à la cible.

Tous les pointeurs, à l’exception du pointeur occupé, ont un point chaud de pixel unique qui définit l’emplacement exact de l’écran de la souris. Le point chaud détermine l’objet 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 sur 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 en flashing qui s’affiche lorsque l’utilisateur entre dans une zone de texte ou un autre éditeur de texte. Le pointeur est indépendant du pointeur (par défaut, Windows masque le pointeur pendant la saisie de l’utilisateur).

screen shot of text box with cursor

La caresse

Principes de conception

La souris est intuitive

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

Les objets d’interface utilisateur bien conçus sont dits avoir des affordances, qui sont des propriétés visuelles et comportementales d’un objet qui suggèrent son utilisation. 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 avons une compréhension innée de la façon dont la main humaine fonctionne, donc si quelque chose peut être poussé, nous essayons de le pousser; s’il semble qu’il peut être pris, nous essayons de le saisir. Par conséquent, les utilisateurs peuvent déterminer comment utiliser des objets avec des moyens forts juste en les examinant et en les essayant.

screen shot of a button and slider

Les boutons et les curseurs ont un niveau d’offre fort

En revanche, les objets avec des moyens médiocres sont plus difficiles à comprendre. Ces objets nécessitent souvent une étiquette ou une instruction pour les expliquer.

screen shot of link text and internet earth icon

le texte et les icônes de lien ont un niveau d’accessibilité médiocre

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

Le clic droit, le double-clic et le fait de 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 pas documentées n’importe où dans l’interface utilisateur. Cela suggère que le clic droit, le double-clic et les modificateurs 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 à utiliser efficacement.

Double-clic ou double-clic ?

Le double-clic est utilisé si largement sur le bureau Windows qu’il peut ne pas sembler comme une interaction avancée. Par exemple, l’ouverture de dossiers, de programmes ou de documents dans le volet de fichiers de l’Explorateur Windows est effectuée en double-cliquant. L’ouverture d’un raccourci sur le bureau Windows utilise également un double-clic. En revanche, l’ouverture de dossiers ou de programmes dans le menu Démarrer nécessite un clic unique.

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

Manipulation directe

L’interaction avec les objets directement 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.

Toutefois, lorsqu’il y a une manipulation directe, il peut y avoir une manipulation accidentelle et donc le besoin de pardon. Le pardon est la possibilité d’inverser ou de corriger facilement une action non souhaitée. Vous apportez des manipulations directes en fournissant un annulation, en donnant de bons commentaires visuels et en permettant aux utilisateurs de corriger facilement les erreurs. Associé au pardon, il empêche les actions non souhaitées de se produire au premier endroit, que vous pouvez faire à l’aide de contrôles limités et de confirmations pour les actions ou commandes risquées qui ont des conséquences inattendues.

Interactions de bouton de la souris standard

Les interactions de la souris standard dépendent de divers facteurs, y compris la touche de la souris cliquée, le nombre de fois qu’il est cliqué, sa position pendant les clics et si les modificateurs de clavier ont été enfoncé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 seul clic gauche et effectue 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 clic unique 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.
  • Le clic droit affiche le menu contextuel d’un objet.
  • Conserver la souris tout en pointant des résultats en pointant le pointage.
  • Conserver la souris tout en appuyant sur les boutons de la souris indique le clic et la sélection d’un objet unique. Le déplacement de la souris indique le déplacement, le redimensionnement, le fractionnement, le glisser et la sélection de plusieurs objets.
  • La touche Maj étend la sélection contiguë.
  • La touche Ctrl étend la sélection en bascule 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 effets courants de la souris.

Action simple Interaction Effet classique
Pointant
Positionnez le pointeur vers un objet spécifique sans cliquer sur des boutons de 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 des boutons de souris et sans déplacer au moins une seconde.
La cible affiche son info-bulle, info-bulle ou équivalent.
Cliquant
Positionnez le pointeur vers un objet spécifique non sélectionnable et appuyez sur et relâchez un bouton de la souris sans déplacer. Le clic prend effet sur la mise en production 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 touche de souris indique uniquement la cible sélectionnée.
Pour un clic unique avec le bouton principal, activez l’objet. Pour les double-clics avec le bouton principal, activez l’objet et effectuez 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 et appuyez sur le bouton de la souris.
Pour un clic unique avec le bouton principal, sélectionnez l’objet. Si les utilisateurs font glisser 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 bouton principal droit définit le point d’insertion, le deuxième sélectionne le mot au point d’insertion, puis 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 souris sans relâcher.
Pour les fonctions de répétition automatique (par exemple, en appuyant 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, de redimensionnement, de fractionnement ou de glisser, sauf si suivi d’une mise en production sans déplacement.
Wheeling
Déplacez la roulette de la souris.
La fenêtre fait défiler verticalement dans le sens du mouvement de la roulette de la souris.

Formes de pointeur

Le tableau suivant décrit les formes et les utilisations courantes des pointeurs.

Graphique à base de formes Nom Quand l’utiliser
screen shot of pointer with arrow shape
Sélection normale
Utilisé pour la plupart des objets.
screen shot of hand with index finger pointing
Sélectionner un lien
Utilisé pour les liens texte et graphiques en raison de leur faible affordance.
screen shot of pointer with i-beam shape
Sélection de texte
Utilisé pour le texte pour indiquer un emplacement entre les caractères.
screen shot of pointer with large plus-sign shape
Sélection de précision
Utilisé pour l’interaction graphique et d’autres interactions à deux dimensions.

Interactions de souris composées

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

Action composée Interaction Effet classique Pointeurs
Déplacement
Si le déplacement est un mode (entré en donnant une commande), entrez le 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 l’attrapeur 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 modifier la forme.
l’objet se déplace vers le mouvement du pointeur.
déplacer
screen shot of pointer with four arrows
utilisé pour déplacer une fenêtre dans n’importe quelle direction.
panoramique
screen shot of pointer with hand shape
Permet de déplacer un objet dans une fenêtre dans n’importe quelle direction.
Redimensionnement
Positionnez le pointeur sur une bordure resizable 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 déplacement du pointeur.
redimensionnement vertical et horizontal
Screenshot that shows up-down pointers.screen shot of up-down and right-left pointers
utilisé pour redimensionner une seule dimension.
redimensionnement diagonal
bb545459.mouse13(en-us,msdn.10).pngscreen shot of diagonal pointers with arrow tips
utilisé pour redimensionner deux dimensions simultanément.
redimensionnement de ligne et de colonne
bb545459.mouse15(en-us,msdn.10).pngscreen shot of arrow pointers with crossbar
Permet de redimensionner une ligne ou une colonne dans une grille.
Fractionnement
Positionnez le pointeur sur un séparateur, appuyez sur un bouton de souris et déplacez la souris, puis relâchez le bouton de la souris.
la bordure du volet fractionné se déplace dans le sens du déplacement du pointeur.
séparateurs de fenêtres
bb545459.mouse17(en-us,msdn.10).pngscreen shot of arrow pointers with double crossbar
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 faire glisser, appuyez sur un bouton de la souris et déplacez la souris vers une cible de déplacement, puis relâchez le bouton de la souris.
l’objet est déplacé ou copié vers la cible de suppression.
sélection normale
screen shot of photo, standard pointer, and infotip
utilisé sur des cibles de glisser valides. peut également avoir une info-bulle pour indiquer un effet spécifique.
non disponible
screen shot of small blocked/offline icon
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
Screenshot that shows a doughnut-shaped 'busy' pointer.
Pointeur occupé
Utilisé pour attendre qu’une fenêtre devienne réactive.
screen shot of doughnut-shaped pointer and arrow
Utilisation du pointeur en arrière-plan
Utilisé pour pointer, cliquer, appuyer ou sélectionner pendant qu’une tâche se termine en arrière-plan.

Pointeurs de main

Les liens textuels et graphiques utilisent un pointeur main ou « sélection de liens » (une main avec le doigt d’index pointant screen shot of hand with index finger pointing ) en raison de leur faible accessibilité. Bien que les liens aient 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 sur le pointage est l’indication définitive d’un lien.

Pour éviter toute confusion, il est impératif de ne pas utiliser le pointeur de main à d’autres fins. Par exemple, les boutons de commande disposent déjà d’un niveau d’offre fort, de sorte qu’ils n’ont pas besoin d’un pointeur de 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 La définition de l’image de curseur et del’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 de l’application.

screen shot of palette with spray-can pointer

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

Loi de Fitts

La loi de Fitts est un principe bien connu dans la conception graphique de l’interface utilisateur ergonomie qui indique essentiellement :

  • Plus loin une cible est, plus il faut pour l’acquérir avec la souris.
  • La plus petite cible est, plus il faut pour l’acquérir avec la souris.

Ainsi, les grandes cibles sont bonnes. Veillez à cliquer sur l’ensemble de la zone cible.

Incorrect Correct (la cible entière est clickable)
screen shot of icon with only label clickable screen shot of clickable icon and clickable label

Vous pouvez modifier dynamiquement la taille d’une cible lorsque vous pointez pour faciliter l’acquisition.

screen shot of character map with enlarged number

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

Et les cibles étroites sont également bonnes. Recherchez les éléments pouvant être cliqués à 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.

screen shot of color palette separated from tools

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

Tenez compte du fait que l’emplacement actuel de pointeur de l’utilisateur est aussi proche qu’une cible peut être, ce qui rend l’acquisition triviale. Ainsi, les menus contextuels tirent pleinement parti de la loi de Fitts, car les mini-barres d’outils utilisées par Microsoft Office.

screen shot of pointers near drop-down list

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

En outre, envisagez d’autres appareils d’entrée lors de la détermination des tailles d’objet. Par exemple, la taille cible minimale recommandée pour la touche est de 23 x 23 pixels (13x13 DTU).

Environnements sans souris

Tous les environnements Windows ne disposent pas d’une 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 faire 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 moteurs précises et, par conséquent, tous les utilisateurs ne peuvent pas utiliser une souris. Pour rendre votre logiciel accessible au plus grand public, assurez-vous que toutes les interactions pour lesquelles les compétences en moteur fine ne sont pas essentielles peuvent être effectuées à l’aide du clavier à la place.

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

Si vous ne faites que quatre choses...

  1. Donnez aux comportements des interactions de la souris cohérents avec leurs effets standard, à l’aide des pointeurs standard chaque fois qu’ils sont appropriés.
  2. Limitez les interactions avancées de la souris (celles nécessitant des clics droit, plusieurs clics ou touches de modificateur) aux tâches avancées destinées aux utilisateurs avancés.
  3. Affectez des interactions avancées avec la souris des comportements cohérents et prévisibles afin qu’elles puissent être utilisées efficacement.
  4. Assurez-vous que votre programme offre la possibilité d’inverser ou de corriger les actions non souhaitées, en particulier pour les commandes destructrices. Les actions accidentelles sont plus susceptibles d’utiliser une manipulation directe.

Consignes

Affordance de clic

  • Les utilisateurs n’ont jamais besoin de cliquer sur un objet pour déterminer s’il est cliquable. Les utilisateurs doivent être en mesure de déterminer la facilité de clic par inspection visuelle seule.
    • L’interface utilisateur principale (par exemple, 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 sur le pointage.
    • Les liens de 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) sur le pointage.
    • Les liens graphiques affichent uniquement un pointeur de main sur le pointage.
  • Utilisez le pointeur de la main (ou « sélection de lien ») uniquement pour les liens de texte et de graphique. Dans le cas contraire, les utilisateurs doivent cliquer sur des objets pour déterminer s’ils sont des liens.

Interactions standard avec les boutons de la souris

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

Interaction Résultat
Pointage
La cible affiche son info-bulle, son info-bulle ou son équivalent.
Clic gauche
Active ou sélectionne l’objet. Pour le texte, définit le point d’insertion.
Clic droit
Sélectionne l’objet et affiche son menu contextuel.
Double-cliquez avec le bouton 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 au simple clic droit.
Maj simple clic gauche
Pour les objets sélectionnables, étend de façon contiguë la sélection. Sinon, identique au simple clic gauche avec des modifications possibles. Par exemple, dans Paint, dessiner un ovale avec le modificateur de touche Maj entraîne le dessin d’un cercle.
Maj simple clic droit
Identique à Maj en un seul clic gauche.
Maj double clic gauche
Identique à Maj en un seul clic gauche et exécute la commande par défaut sur l’ensemble de la sélection.
Double-cliquez avec le bouton droit
Identique à Maj en un seul clic gauche.
Ctrl simple clic gauche
Pour les objets sélectionnables, étend la sélection en basculant l’état de sélection de l’élément cliqué sans affecter la sélection d’autres objets (autorisant donc la sélection qui n’est pas contiguë). Sinon, identique au 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.
Ctrl double-cliquez avec le bouton droit
Identique à Ctrl simple clic gauche.

Interaction avec la souris

  • Effectuez 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 l’interaction tactile, la taille de contrôle minimale recommandée est de 23 x 23 pixels (13 x 13 DTU). Envisagez de modifier dynamiquement la taille des petites cibles lorsque l’utilisateur pointe pour faciliter leur acquisition.

    Dans cet exemple, les boutons de contrôle spin sont trop petits pour être utilisés efficacement avec l’interaction tactile ou un stylet.

    screen shot of spin control with small arrows

  • 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 faciliter leur acquisition.

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

    screen shot of narrow, almost invisible splitter

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

  • Fournissez aux utilisateurs une marge d’erreur temporelle. Utilisez la vitesse de double-clic du système pour faire la distinction entre un simple clic et un double-clic.

  • Avoir des clics prendre effet sur le bouton de la souris vers le haut. Permettre aux utilisateurs d’abandonner les actions de souris en supprimant la souris des cibles valides avant de libérer le bouton de la souris. Pour la plupart des interactions avec la souris, l’appui sur un bouton de la souris indique uniquement la cible sélectionnée et la libération du bouton active l’action. Les fonctions de répétition automatique (telles que l’appui sur une flèche de défilement pour faire défiler en continu) constituent une exception.

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

  • 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 double-clics, mais que les utilisateurs sont susceptibles de le supposer, interprètez un « double-clic » comme un seul 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-clics, un « double-clic » doit être géré en un seul clic.

    screen shot of taskbar button and standard pointer

  • Ignorez les clics de souris redondants pendant que votre programme est inactif. Par exemple, si l’utilisateur clique sur un bouton 10 fois pendant qu’un programme est inactif, interprètez-le comme un seul clic.

  • N’utilisez pas de double glisser-déplacer ou d’accords. Une double glisser est une action de glisser commencée par un double-clic, et une corde est quand plusieurs boutons de la souris sont enfoncés simultanément. Ces interactions ne sont pas standard, ne sont pas détectables, sont difficiles à effectuer et sont probablement effectuées accidentellement.

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

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

  • Placez 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. Par conséquent, les utilisateurs dotés de tels écrans tactiles ne peuvent effectuer aucune tâche 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 est actuellement terminé. Cela évite les résultats inattendus.
  • Faire en sorte que la roulette de la souris prenne effet sans cliquer ou 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 sur un contrôle de zone de liste défilant dans un volet défilant dans une fenêtre défilante, la roulette de la souris affecte le contrôle 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, les volets et les contrôles défilants :
      • 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 un mappage naturel, la rotation de la roulette de la souris ne doit jamais faire défiler horizontalement, car cela est désorientant et inattendu.
        • Si la touche Ctrl est enfoncée, la rotation de la roulette de la souris effectue un zoom arrière sur l’objet, où la rotation vers le haut effectue des zooms vers le haut et effectue un zoom arrière vers le bas.
        • L’inclinaison de la roulette de la souris fait défiler l’objet horizontalement.
    • Pour les fenêtres et les volets zoomables (sans barres de défilement) :
      • La rotation de la roulette de la souris effectue un zoom arrière sur l’objet, où la rotation vers le haut effectue des zooms vers le haut et effectue un zoom arrière vers le bas.
      • 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 actif, 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 horizontale (pour l’inclinaison). Ces paramètres sont configurables via l’élément du panneau de configuration de la 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 plus efficacement les documents volumineux.
  • Pour les fenêtres défilantes, envisagez de cliquer sur le bouton roulette de la souris pour placer la fenêtre en « mode lecteur ». Le mode Lecteur plante 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 de défilement.

screen shot of page with scroll-origin icon

Internet Explorer prend en charge le mode lecteur, qui comprend 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 présentation plein écran peuvent masquer le pointeur. Toutefois, le pointeur doit être restauré immédiatement lorsque les utilisateurs déplacent la souris et peuvent être rehidés après deux secondes d’inactivité.
    • Les environnements sans souris (tels que 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 de la souris.

Pointeurs d’activité

Les pointeurs d’activité dans Windows sont le pointeur occupé (screen shot of doughnut-shaped pointer ) et le pointeur d’arrière-plan (screen shot of doughnut-shaped pointer and arrow ).

  • 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, de sorte que les utilisateurs ne peuvent rien cliquer pendant qu’il est affiché.
  • 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 que le programme est réactif et qu’il n’existe aucun autre retour visuel 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 d’entrée de texte ou le contrôle n’a pas le focus d’entrée. Le point d’insertion suggère le focus d’entrée aux utilisateurs, mais une fenêtre ou un contrôle peut afficher le point d’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 point d’insertion.

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

    screen shot of credential manager without focus

  • Placez le point d’insertion où les utilisateurs sont les plus susceptibles de taper d’abord. Il s’agit généralement de la dernière position que l’utilisateur a tapé ou à la fin du texte.

Accessibilité

  • Pour les utilisateurs qui ne peuvent pas utiliser la souris du tout, 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 les habiletés motrices fines sont essentielles, telles que 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 de l’entrée de texte efficace.
  • Pour les utilisateurs disposant d’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 des instructions, consultez Accessibilité.

Documentation

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

  • Évitez d’utiliser les souris plurielles; si vous devez faire référence à plusieurs souris, utilisez des appareils 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 l’exactitude, les utilisateurs comprennent ces termes et les utilisateurs qui réprogrammentent leurs boutons rendent le changement mental.
  • Utilisez la roue pour la partie pivotante de la roulette de la souris et le bouton de roulette pour faire référence à la partie cliquable.
  • Utilisez des verbes tels que le clic, le point et le glisser pour faire référence aux actions de la souris. Les utilisateurs font pivoter la roue verticalement, l’inclinent horizontalement, puis cliquent sur le bouton 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, comme dans « déplacer le dossier est une opération glisser-déplacer ».
  • Toujours un trait d’union double-cliquez et cliquez avec le bouton droit en tant que verbes.
  • Utilisez un clic, et ne cliquez pas dessus. Cliquez dans (comme dans « cliquer dans la fenêtre ») est acceptable.

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

  • Reportez-vous 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 travaillez en arrière-plan pour le pointeur combiné et l’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, puis cliquez sur le bouton droit de la souris.
  • Lorsque le pointeur devient un screen shot of arrow with two crossbars, faites glisser le pointeur pour déplacer la ligne fractionnée.

Voir aussi