Qualité des applis sur les grands écrans

Les appareils Android sont disponibles dans un large �ventail de facteurs de forme aux tailles d'�cran vari�es�: t�l�phones, tablettes, Chromebooks et appareils pliables. Android est compatible avec plusieurs modes d'affichage�: multifen�tre, multi-�cran, multi-instance, Picture-in-picture, etc. Les appareils pliables ont diff�rents �tats possibles, selon qu'ils sont pos�s � plat ou utilis�s en mode Livre, par exemple.

Pour que votre appli offre une exp�rience utilisateur optimale quels que soient le facteur de forme, la taille de l'�cran, le mode d'affichage ou la position de l'appareil, faites les tests et v�rifications ci-dessous concernant la compatibilit� avec les grands �crans.

Ces checklists et ces tests d�finissent un ensemble complet de crit�res de qualit� applicables � la plupart des types d'applis Android. Il n'est probablement pas indispensable que votre appli respecte l'int�gralit� de ces crit�res. Respectez les crit�res qui vous semblent judicieux au regard des sc�narios d'utilisation de votre appli.

� mesure que vous am�liorez votre appli en ajoutant des fonctionnalit�s propres aux grands �crans, mettez � jour sa fiche sur Google�Play pour permettre aux utilisateurs de mieux comprendre son fonctionnement sur les grands �crans. Importez des captures d'�cran montrant l'appli sur grand �cran. Dans la description de votre appli, mettez l'accent sur les fonctionnalit�s disponibles sur les grands �crans. Pour en savoir plus et d�couvrir les bonnes pratiques, consultez le Centre d'aide Google�Play.

Pour voir des exemples de mises en page optimis�es et propres aux grands �crans, consultez la Galerie sur grand �cran.

Checklists de compatibilité avec les grands écrans

Les checklists de compatibilité définissent des critères pour vous aider à évaluer le niveau de compatibilité de votre appli avec les grands écrans.

Voici les différents niveaux de compatibilité :

  • Niveau 3 (compatibilité basique) – Adapté aux grands écrans : les utilisateurs peuvent accomplir les procédures essentielles, mais l'expérience utilisateur est loin d'être optimale. Votre appli s'exécute en plein écran (ou dans toute la fenêtre en mode multifenêtre), mais sa mise en page n'est pas forcément idéale. Elle n'est pas au format letterbox et ne s'exécute pas en mode de compatibilité. L'appli offre une compatibilité basique avec les périphériques d'entrée externes, dont les claviers, souris et pavés tactiles.

  • Niveau 2 (meilleure compatibilité) – Optimisé pour les grands écrans : votre appli implémente des optimisations de mise en page pour toutes les tailles d'écran et configurations d'appareil, et offre une compatibilité améliorée avec les périphériques d'entrée externes.

  • Niveau 1 (compatibilité maximale) – Différencié pour les grands écrans : votre appli offre une expérience utilisateur conçue pour les tablettes, les appareils pliables et ChromeOS. Le cas échéant, l'appli est compatible avec le multitâche, les différentes positions des appareils pliables, le glisser-déposer et la saisie au stylet.

Pour que votre appli offre une excellente expérience utilisateur sur tous les appareils Android, respectez les critères du niveau 2. Pour la rendre exceptionnelle sur les grands écrans, respectez les critères du niveau 1.

Niveau 3 – Adapté aux grands écrans

Les applis adaptées aux grands écrans doivent d'abord respecter les critères de qualité essentiels des applis, en particulier les exigences concernant l'UI et les graphismes.

Les applis doivent �galement respecter les exigences suivantes relatives aux grands �crans�:

Cat�gorie ID Test Description
Configuration et continuit� LS-C1 T3-1, T3-2

L'appli remplit la zone d'affichage disponible, c'est-�-dire l'int�gralit� de l'�cran ou, en mode multifen�tre, toute la fen�tre de l'appli. L'appli n'est pas au format letterbox et ne s'ex�cute pas en mode de compatibilit�.

L'appli g�re les changements de configuration et conserve ou restaure son �tat quand la configuration de l'appareil change (rotation, pliage et d�pliage, redimensionnement de la fen�tre, etc.). Exemples�:

  • La position de d�filement des champs � faire d�filer est conserv�e.
  • Le texte saisi dans les champs est conserv�, et l'�tat du clavier est restaur�.
  • La lecture des contenus multim�dias reprend l� o� elle s'�tait arr�t�e au moment du changement de configuration.
LS-C2 T3-3 L'appli g�re les combinaisons de plusieurs changements de configuration, par exemple un redimensionnement de la fen�tre suivi d'une rotation de l'appareil, ou une rotation suivie du pliage ou du d�pliage de l'appareil.
Modes multifen�tre et multireprise LS-M1 T3-4

L'appli est enti�rement fonctionnelle en mode multifen�tre. Consultez la page Compatibilit� avec le mode multifen�tre.

Remarque�: Les applis Unity doivent utiliser la version LTS (support � long terme) 2019 ou ult�rieure d'Unity. Consultez Validation du mode multifen�tre.

LS-M2 T3-5, T3-6 L'appli est enti�rement compatible avec le mode multireprise. Elle met � jour son UI (elle poursuit la lecture des contenus multim�dias, r�cup�re de nouveaux messages, met � jour la progression des t�l�chargements, etc.) lorsqu'elle n'est pas au tout premier plan. De plus, elle g�re correctement la perte de ressources exclusives comme les cam�ras ou les micros en mode multifen�tre. Consultez Cycle de vie en mode multifen�tre dans Compatibilit� avec le mode multifen�tre.
Aper�u de l'appareil photo et projection multim�dia LS-CM1 T3-7 L'appli affiche l'aper�u de l'appareil photo en modes paysage et portrait, que l'appareil soit pli� ou d�pli� ainsi qu'en mode multifen�tre. L'aper�u est dans le bon sens et ses proportions sont respect�es.
LS-CM2 T3-8 L'appli est compatible avec la projection multim�dia en modes paysage et portrait, que l'appareil soit pli� ou d�pli� ainsi qu'en mode multifen�tre. La projection est dans le bon sens et ses proportions sont respect�es.
Clavier, souris et pav� tactile LS-I1 T3-9 L'appli accepte la saisie de texte avec un clavier externe et bascule automatiquement du clavier physique au clavier virtuel lorsqu'un clavier externe est connect� ou d�connect�, sans qu'il soit n�cessaire de la relancer.
LS-I2 T3-10 L'appli accepte les interactions de base avec les souris et pav�s tactiles�:
  • Clic�: tous les �l�ments cliquables, dont les boutons, menus déroulants, champs de saisie de texte et icônes de navigation
  • Sélection : tous les éléments sélectionnables, dont les cases d'option, les cases à cocher et le texte (par balayage ou double-clic)
  • Défilement : verticalement et horizontalement dans les éléments à faire défiler (listes et sélecteurs, par exemple)
Stylet LS-S1 T3-11 L'appli offre une compatibilité basique avec les Chromebooks, tablettes et appareils pliables équipés d'un stylet. Il est possible d'utiliser le stylet pour sélectionner et manipuler des éléments de l'interface utilisateur, y compris pour faire défiler des listes, des sélecteurs et d'autres contenus à faire défiler. Consultez Stylet dans Entrées compatibles sur les grands écrans.

Remarque : La saisie basique au stylet est identique à la saisie tactile, qui est entièrement prise en charge par Android. Toutes les applis sont compatibles avec la saisie basique au stylet, sans développement spécifique.

Niveau 2 – Optimisé pour les grands écrans

Les applis optimisées gèrent entièrement tous les types d'écrans et états d'appareil, y compris les transitions d'état.

Catégorie ID Test Description
Expérience utilisateur LS-U1 T2-1 L'appli dispose de mises en page responsives et adaptatives conçues pour les grands écrans. Toutes les mises en page sont responsives (consultez Migrer votre UI vers les mises en page responsives). L'implémentation des mises en page adaptatives est déterminée par les classes de taille de fenêtre.

L'UI de l'appli peut inclure les éléments suivants :

  • Rails de navigation sur le bord gauche, qui s'agrandissent sous forme de panneaux de navigation complets quand la fenêtre est plus grande
  • Mises en page en grille qui adaptent le nombre de colonnes en réponse aux changements de taille de fenêtre
  • Colonnes de texte sur les grands écrans
  • Panneaux latéraux droits qui s'ouvrent par défaut sur les tailles d'écran correspondant aux ordinateurs, mais restent fermés sur les écrans plus petits
Quand cela est judicieux, nous vous recommandons d'utiliser des mises en page à deux volets pour exploiter pleinement l'espace disponible à l'écran. Consultez SlidingPaneLayout pour les interfaces utilisateur détaillées en liste.

L'intégration d'activités permet aux applis basées sur des activités de créer facilement des mises en page à plusieurs volets en affichant les activités côte à côte.

LS-U2 T2-1 Les fen�tres modales, les menus d'options et les autres �l�ments secondaires sont correctement mis en forme, quel que soit le type d'�cran ou l'�tat de l'appareil. Exemples�:
  • Les bottom sheets n'occupent pas toute la largeur sur les grands �crans (appliquez une largeur maximale pour �viter l'�tirement). Consultez Comportement dans Sheets�: bottom.
  • Les boutons n'occupent pas toute la largeur sur les grands �crans. Consultez Comportement dans Boutons.
  • Les champs et zones de texte ne s'�tirent pas sur toute la largeur sur les grands �crans. Consultez Comportement dans Champs de texte.
  • Les menus d'�dition ou fen�tres de petite taille ne couvrent pas l'int�gralit� de l'�cran et restent le plus possible en contexte pour l'utilisateur. Consultez Menus.
  • Les menus d'options s'affichent � c�t� de l'�l�ment s�lectionn� par l'utilisateur. Consultez la rubrique "Menu contextuel" dans Menus.
  • Les rails de navigation remplacent les barres de navigation, pour une meilleure ergonomie. Les rails peuvent aussi compl�ter d'autres composants de navigation comme les barres de navigation. Consultez Rail de navigation.
  • Les panneaux de navigation utilisent la derni�re version en date du composant Material. Consultez Panneau de navigation.
  • Les bo�tes de dialogue utilisent la derni�re version en date du composant Material. Consultez Bo�tes de dialogue.
  • Les images sont affich�es dans une r�solution ad�quate, et ne sont pas �tir�es ni recadr�es.
LS-U3 T2-2 Les zones cibles tactiles font au moins 48�dp. Consultez les consignes de mise en page et typographie pour le Material�Design.
LS-U4 T2-3 Un �tat de s�lection est cr�� pour les drawables personnalis�s interactifs. Un drawable personnalis� est un �l�ment d'interface utilisateur visuel qui n'est pas fourni par le framework Android. Si les utilisateurs peuvent interagir avec un drawable personnalis�, celui-ci doit �tre s�lectionnable quand l'appareil n'est pas en mode tactile, et un indicateur visuel de l'�tat de s�lection doit �tre visible.
Clavier, souris et pav� tactile LS-I3 T2-4 Les principales proc�dures de l'appli acceptent la navigation au clavier, y compris avec la touche Tabulation et les touches fl�ch�es. D�couvrez comment cr�er des applis plus accessibles.
LS-I4 T2-5 L'appli accepte les raccourcis clavier pour les actions courantes (s�lectionner, couper, copier, coller, annuler et répéter, par exemple). Consultez Entrées compatibles.
LS-I5 T2-6 Le clavier permet de contrôler la lecture des contenus multimédias. Par exemple, la barre d'espace lance et met en pause la lecture.
LS-I6 T2-7 La touche Entrée du clavier déclenche une fonction d'envoi dans les applis de communication.
LS-I7 T2-8 L'appli accepte l'utilisation de la souris et du pavé tactile pour les fonctionnalités de zoom et de clic droit (bouton de souris secondaire ou appui secondaire). Les menus d'options sont accessibles via les commandes habituelles, à savoir un clic droit sur la souris ou le pavé tactile.
LS-I8 T2-9 Vous pouvez zoomer sur le contenu de l'appli avec la molette de la souris (en appuyant sur une touche du clavier) et des gestes de pincement sur le pavé tactile.
LS-I9 T2-10 Les éléments d'interface utilisateur actionnables ont un état de survol (le cas échéant) pour indiquer aux utilisateurs de souris et de pavés tactiles qu'ils sont interactifs.

Niveau 1 – Différencié pour les grands écrans

Les applis différenciées pour les grands écrans exploitent entièrement l'espace disponible sur les grands écrans. Elles offrent une expérience utilisateur de haute qualité, aussi efficace qu'agréable.

Catégorie ID Test Description
Modes multitâche et multi-instance LS-M3 T1-1, T1-2, T1-3 L'appli gère différents scénarios multitâches. Exemples :
  • Mode Picture-in-picture : l'appli peut basculer en mode Picture-in-picture ou quitter ce mode aussi bien en mode portrait qu'en mode paysage, que l'appareil soit plié ou déplié, y compris en mode multifenêtre. Consultez Compatibilité avec la fonctionnalité Picture-in-picture (PIP).
  • Mode multifen�tre�: l'appli peut ouvrir une autre appli dans une fen�tre distincte � partir d'un lien profond. Par exemple, quand l'utilisateur clique sur un lien vers un e-mail dans une appli de gestion des contacts, celle-ci ouvre le lien dans une nouvelle fen�tre au sein d'une appli de messagerie. Consultez FLAG_ACTIVITY_LAUNCH_ADJACENT.
  • Pi�ces jointes�: les applis de chat peuvent ouvrir des pi�ces jointes (vid�os, par exemple) dans une fen�tre distincte.
LS-M4 T1-4 L'appli peut lancer plusieurs instances d'elle-m�me dans des fen�tres distinctes. Sc�narios d'utilisation�: modification de documents, navigation sur le Web, applis de gestion de fichiers, comparaison de produits dans des applis de shopping, etc. Consultez Multi-instance sous Compatibilit� avec le mode multifen�tre.
Positions et �tats des appareils pliables LS-F1 T1-5 L'appli g�re toutes les positions des appareils pliables et les sc�narios d'utilisation correspondants�:
  • Mode sur table�: appels vid�o, et lecture de contenus audio et vid�o.
  • Mode Livre�: lecture de textes longs.
  • Double �cran�: aper�u des applis d'appareil photo sur les �crans avant et arri�re. Compatibilit� avec les appareils � double �cran.
Consultez D�couvrir les appareils pliables.
LS-F2 T1-6 Les applis d'appareil�photo ajustent leur aper�u selon que l'appareil est pli� ou d�pli�, et affichent cet aper�u aussi bien sur l'�cran avant que sur l'�cran arri�re.
Glisser-d�poser LS-D1 T1-7 L'appli g�re le glisser-d�poser entre ses diff�rentes vues et, en mode multifen�tre, vers et depuis d'autres applis. Consultez Glisser-d�poser. Consultez �galement LS-S3.
Clavier, souris et pav� tactile LS-I10 T1-8 L'appli offre un ensemble complet de raccourcis clavier et reconna�t les raccourcis conventionnels comme Ctrl+C pour copier et Ctrl+Z pour annuler. Dans la mesure du possible, l'appli a les m�mes raccourcis clavier que dans sa version Web et sa version pour ordinateur.
LS-I11 T1-9 Les combinaisons utilisant le clavier et la souris ou le pav� tactile (Ctrl+clic ou Ctrl+appui, et Maj+clic ou Maj+appui, par exemple) permettant d'acc�der � des fonctionnalit�s avanc�es, par exemple pour s�lectionner des plages d'�l�ments adjacents ou plusieurs �l�ments s�par�s.
LS-I12 T1-10 L'appli affiche une barre de d�filement lorsque l'utilisateur fait d�filer le contenu avec la souris ou le pav� tactile.
LS-I13 T1-11 Le cas �ch�ant, les �l�ments d'interface utilisateur affichent des contenus suppl�mentaires tels que des menus d�roulants ou des info-bulles quand l'utilisateur les pointe avec la souris ou le pav� tactile. Dans la mesure du possible, l'appli a les m�mes �tats de survol que dans sa version Web et sa version pour ordinateur.
LS-I14 T1-12 L'appli utilise des menus semblables � ceux d'un ordinateur et des menus contextuels lorsque c'est judicieux.
LS-I15 T1-13 Dans les mises en page � plusieurs panneaux, les panneaux de l'UI sont reconfigurables avec la souris ou le pav� tactile. Un panneau reconfigurable est un panneau qui permet aux utilisateurs de modifier la mise en page de l'appli pour gagner en efficacit�, par exemple en modifiant la taille du panneau d�taill� d'une mise en page d�taill�e en liste ou en r�organisant les panneaux � l'�cran. Remarque�: Ce crit�re ne s'applique pas aux barres, rails et panneaux de navigation.
LS-I16 T1-14 Un triple clic � la souris ou un triple appui avec le pav� tactile permettent de s�lectionner des lignes enti�res ou des paragraphes de texte.
Stylet LS-S2 T1-15 L'appli offre la possibilit� de dessiner et d'�crire avec un stylet. Vous pouvez effacer les dessins et le texte avec le stylet.
LS-S3 T1-16 L'appli accepte l'utilisation du stylet pour glisser-d�poser des contenus entre les vues de l'appli et, en mode multifen�tre, vers et depuis d'autres applis. Consultez Glisser-d�poser.
LS-S4 T1-17 L'appli offre une prise en charge am�lior�e des stylets, avec�:
  • Sensibilit� � la pression pour dessiner des traits de largeur variable
  • D�tection de l'inclinaison pour tracer des ombres
  • Rejet de la paume et des doigts pour �viter les marques parasites
Curseurs personnalis�s LS-P1 T1-18

L'appli affiche des curseurs personnalis�s pour indiquer comment et quand les utilisateurs peuvent interagir avec les �l�ments de l'interface utilisateur et les contenus. Exemples�:

  • Curseurs syst�me fournis par le framework Android
    • Curseur en forme de�I pour le texte
    • Poign�es de redimensionnement sur les bords des calques redimensionnables
    • Ic�nes de chargement signalant qu'un traitement est en cours
  • Curseurs sp�cifiques que vous fournissez
    • Mires lorsque l'utilisateur pointe sur des cibles dans les jeux
    • Loupe lorsque l'utilisateur pointe sur des contenus pouvant faire l'objet d'un zoom
    • Outils dans les applis de dessin ou d'illustration
Consultez PointerIcon et Ic�nes du pointeur de la souris.

Tests de compatibilit� avec les grands �crans

Les tests suivants vous aident � d�tecter d'�ventuels probl�mes de qualit� dans votre appli. Vous pouvez combiner les tests ou int�grer des groupes de tests dans vos propres programmes de test.

Pour v�rifier la mise en page et l'exp�rience utilisateur, testez votre appli au moins sur chaque type d'appareil suivant�:

  • Appareil pliable (841�x�701�dp)
  • Tablette 8�pouces (1 024 x 640 dp)
  • Tablette 10,5 pouces (1 280 x 800 dp)
  • Chromebook 13 pouces (1 600 x 900 dp)

Utilisez les émulateurs Android suivants pour tester la compatibilité de votre appli avec les appareils dotés d'un grand écran :

  • Téléphone pliable : écran pliable de 7,6 pouces avec écran extérieur
  • Tablette : Pixel C 9,94 pouces
  • Appareil pliable à deux écrans : Microsoft Surface Duo

Niveau 3 – Adapté aux grands écrans

Catégorie ID Fonctionnalité Description
Configuration et continuité T3-1 LS-C1 Vérifiez que l'appli n'est pas au format letterbox et ne s'exécute pas en mode de compatibilité en orientation portrait ou paysage, ni en mode multifenêtre ou lorsqu'un appareil pliable à grand écran est déplié en mode portrait ou paysage.

Remarque : Réalisez les tests avec un appareil à grand écran (largeur d'écran=> 600 dp) exécutant Android 12 (niveau d'API 31) ou version ultérieure afin de vérifier que l'appareil est compatible avec :

  • toutes les orientations de l'appareil, quelles que soient les restrictions d'orientation définies avec l'élément android:screenOrientation du fichier manifeste d'appli ;
  • le mode multifenêtre, même pour les applis pour lesquelles android:resizeableActivity="false" est spécifié dans le fichier manifeste de l'appli.

T3-2 LS-C1 Effectuez les opérations suivantes sur chaque écran de l'appli comportant des contenus à faire défiler, des contenus en lecture continue ou des champs de saisie de texte :
  • Contenu à faire défiler : faites défiler le contenu
  • Contenu à lire : lancez la lecture
  • Champs de saisie de texte : saisissez du texte dans plusieurs champs
Faites pivoter l'appareil entre les modes paysage et portrait, pliez et dépliez-le (le cas échéant), affichez l'appli sur un seul écran puis sur les deux écrans (si vous avez un appareil à double écran) et redimensionnez la fenêtre de l'appli en mode multifenêtre. Effectuez les vérifications suivantes :
  • Contenu à faire défiler : la position de défilement ne change pas
  • Contenu à lire : la lecture reprend là où elle s'était arrêtée au moment du changement de configuration
  • Champs de saisie de texte : le texte précédemment saisi est conservé dans les champs de saisie
T3-3 LS-C2 À partir de chaque écran de l'appli, effectuez simultanément plusieurs des manipulations suivantes : faites pivoter l'appareil entre les modes paysage et portrait, pliez et dépliez-le (le cas échéant), et redimensionnez la fenêtre de l'appli en mode multifenêtre.
Modes multifenêtre et multireprise T3-4 LS-M1

Ouvrez l'appli en mode multifen�tre. V�rifiez que l'appli fonctionne correctement avec toutes les tailles de fen�tres, quelle que soit l'orientation, que l'appareil soit pli� ou d�pli�. Redimensionnez la fen�tre de l'appli dans chaque orientation. Pour les appareils pliables, pliez et d�pliez-les dans chaque orientation.

Applis Unity

Ouvrez une appli autre que votre appli Unity. Acc�dez � l'�cran des applis r�centes. S�lectionnez l'ic�ne de l'appli et mettez l'appli en mode �cran partag�. Ouvrez votre appli Unity. Elle devrait se lancer en mode �cran partag� � c�t� ou en dessous de la premi�re appli. Acc�dez � l'�cran d'accueil pour masquer les deux applis. Acc�dez � l'�cran des applis r�centes. S�lectionnez la paire d'applis affich�es en mode �cran partag�, dont votre appli Unity. V�rifiez que celle-ci reprend son activit�. Contr�lez aussi que la mise en page de l'appli est correcte dans la fen�tre de l'�cran partag�, et que tous les �l�ments de l'interface utilisateur sont accessibles.

T3-5 LS-M2 Ouvrez l'appli et lancez un processus entra�nant une mise � jour continue de l'appli, par exemple la lecture d'une vid�o. Ouvrez une autre appli et placez-la au tout premier plan. V�rifiez que l'appli qui n'est plus au premier plan continue � mettre � jour son contenu (dans notre exemple, la lecture de la vid�o doit se poursuivre).
T3-6 LS-M2 Dans l'appli, ouvrez l'appareil photo ou utilisez le micro. Ouvrez une autre appli et mettez-la au tout premier plan. V�rifiez que l'appli qui n'est pas au premier plan a lib�r� l'appareil photo ou le micro. Mettez l'appli d'origine au tout premier plan. V�rifiez qu'elle a r�cup�r� l'acc�s � l'appareil photo ou au micro.
Aper�u de l'appareil photo et projection multim�dia T3-7 LS-CM1 Ouvrez l'appli en plein �cran et en mode multifen�tre. Ouvrez l'appareil photo depuis l'appli. Faites pivoter l'appareil entre les modes paysage et portrait. Pour les appareils pliables, pliez et d�pliez-les dans chaque orientation. En mode multifen�tre, redimensionnez la fen�tre de l'appli. V�rifiez que l'aper�u de l'appareil photo est dans le bon sens et que ses proportions restent correctes que l'appareil soit pli� ou d�pli�, et quelle que soit la taille de la fen�tre.
T3-8 LS-CM2 Ouvrez l'appli en plein �cran et en mode multifen�tre. D�marrez une projection multim�dia. Faites pivoter l'appareil entre les modes paysage et portrait. Pour les appareils pliables, pliez et d�pliez-les dans chaque orientation. En mode multifen�tre, redimensionnez la fen�tre de l'appli. V�rifiez que la projection multim�dia est dans le bon sens et que ses proportions restent correctes que l'appareil soit pli� ou d�pli�, et quelle que soit la taille de la fen�tre.
Clavier, souris et pav� tactile T3-9 LS-I1 Pour chaque �cran d'appli comportant des champs de saisie de texte, connectez un clavier externe � l'appareil et saisissez du texte avec le clavier externe et le clavier virtuel. D�connectez le clavier externe et saisissez du texte avec le clavier virtuel.
T3-10 LS-I2 Pour chaque �cran de l'appli, connectez une souris et un pav� tactile � l'appareil. Faites des manipulations basiques avec la souris et le pav� tactile�:
  • Cliquez sur tous les �l�ments cliquables tels que les boutons, les menus d�roulants et les champs de saisie de texte.
  • Cochez les cases d'option et les cases � cocher. S�lectionnez du texte par balayage et par double clic.
  • Faites d�filer l'�cran verticalement et horizontalement (si possible) pour parcourir les listes, les s�lecteurs, etc.
Stylet T3-11 LS-S1 Avec un stylet, naviguez dans l'appli, sélectionnez des éléments d'interface utilisateur, faites défiler les listes et les sélecteurs, et interagissez de façon générale avec l'appli.

Niveau 2 – Optimisé pour les grands écrans

Catégorie ID Fonctionnalité Description
Expérience utilisateur T2-1 LS-U1, LS-U2

Exécutez l'appli sur des appareils avec de nombreuses tailles d'écran différentes : téléphones, téléphones pliables, tablettes petit format, tablettes grand format, appareils ChromeOS, etc. Exécutez l'appli en mode multifenêtre sur ces différents appareils.

Vérifiez que la mise en page de l'appli s'adapte à différentes tailles d'écran et de fenêtre. Contrôlez que l'appli agrandit et réduit les rails de navigation, adapte le nombre de colonnes si la mise en page est en grille, gère correctement les retours à la ligne dans les colonnes, etc. Vérifiez que la mise en forme des éléments d'interface utilisateur est à la fois esthétique et fonctionnelle.

Pour les applis utilisant l'intégration d'activités, vérifiez que les activités s'affichent côte à côte sur les grands écrans et les unes au-dessus des autres sur les écrans plus petits.

T2-2 LS-U3 Vérifiez que la taille et la position des zones cibles tactiles restent cohérentes et accessibles dans toutes les tailles d'écran et quelles que soient les configurations. Pour en savoir plus sur l'accessibilité, consultez Accessibility Scanner.
T2-3 LS-U4 Sur chaque écran d'appli contenant un drawable personnalisé interactif, vérifiez que le drawable est sélectionnable avec un clavier externe, un pavé directionnel ou un autre appareil permettant de sélectionner des vues. Vérifiez qu'un indicateur visuel de l'état de sélection est bien visible. Pour en savoir plus, consultez Mode tactile.
Clavier, souris et pavé tactile T2-4 LS-I3 Naviguez dans les composants sélectionnables de l'appli avec la touche Tabulation et les touches fléchées du clavier externe.
T2-5 LS-I4 Utilisez des raccourcis clavier sur un clavier externe pour effectuer les actions suivantes : sélectionner, couper, copier, coller, annuler et rétablir.
T2-6 LS-I5 Utilisez un clavier externe pour lancer et arrêter la lecture d'un contenu multimédia, le mettre en pause, et faire un retour arrière et une avance rapide.
T2-7 LS-I6 Utilisez la touche Entrée d'un clavier externe pour envoyer ou valider des données.
T2-8 LS-I7 Utilisez le bouton secondaire d'une souris ou l'appui secondaire d'un pavé tactile pour accéder au menu d'options des éléments interactifs.
T2-9 LS-I8 Utilisez la molette de la souris (en conjonction avec la touche Contrôle ou Ctrl) et faites des gestes de pincement sur le pavé tactile pour zoomer vers l'avant ou l'arrière sur un contenu.
T2-10 LS-I9 Pointez le curseur de la souris ou du pavé tactile sur des éléments d'interface utilisateur actionnables afin d'activer leur état de survol.

Niveau 1 – Différencié pour les grands écrans

Catégorie ID Fonctionnalité Description
Modes multitâche et multi-instance T1-1 LS-M3 Basculez l'appli en mode Picture-in-picture et quittez ce mode, aussi bien en mode portrait qu'en mode paysage, avec l'appareil plié et déplié ainsi qu'en mode multifenêtre. En mode multifenêtre, modifiez la taille de la fenêtre quand le mode Picture-in-picture est actif.
T1-2 LS-M3 En mode multifenêtre, ouvrez une autre appli depuis l'appli et affichez les deux applis côte à côte.
T1-3 LS-M3 Ouvrez et fermez des pièces jointes et des notifications en mode portrait et paysage, avec l'appareil plié et déplié ainsi qu'en mode multifenêtre.
T1-4 LS-M4 Lancez plusieurs instances de l'appli dans des fenêtres distinctes en mode portrait et paysage, avec l'appareil plié et déplié ainsi qu'en mode multifenêtre.
Positions et états des appareils pliables T1-5 LS-F1 Affichez l'appli dans toutes les positions de pliage, y compris en mode sur table, en mode Livre et en mode double écran (sur la Microsoft Surface Duo, par exemple). Vérifiez que les éléments de l'interface utilisateur se déplacent à l'endroit optimal (les contrôleurs multimédias doivent par exemple se placer dans la zone horizontale de l'écran en mode sur table).
T1-6 LS-F2 Activez l'appareil photo depuis l'appli. Vérifiez que l'aperçu de la caméra est correct quand l'appareil est plié et déplié, et qu'il pivote correctement en mode portrait ou paysage. Appareil déplié, vérifiez que l'aperçu est correct aussi bien sur l'écran avant que sur l'écran arrière.
Glisser-déposer T1-7 LS-D1 Glissez-déposez des images et du texte sur les cibles de dépôt de l'appli. En mode multifenêtre, glissez-déposez des images et du texte entre l'appli et une autre appli (dans tous les sens possibles). Vérifiez que le glisser-déposer fonctionne en mode portrait et en mode paysage, que l'appareil soit plié ou déplié.
Clavier, souris et pavé tactile T1-8 LS-I10 Modifiez les raccourcis clavier de l'appli. Testez les nouveaux raccourcis avec un clavier externe.
T1-9 LS-I11 Avec un clavier externe, une souris et un pavé tactile, sélectionnez des éléments dans l'UI de l'appli. Sélectionnez plusieurs éléments séparés ainsi que des plages d'éléments adjacents à l'aide des actions de clavier/souris/pavé tactile comme Ctrl+clic, Ctrl+appui, Maj+clic et Maj+appui.
T1-10 LS-I12 Faire défiler le contenu de l'appli avec une souris et un pavé tactile. Vérifiez qu'une barre de défilement apparaît pendant que le contenu défile.
T1-11 LS-I13 Avec une souris et un pavé tactile, passez le pointeur sur les éléments de l'interface utilisateur comportant des contenus qui s'affichent en cascade ou dans un pop-up. Vérifiez que les contenus supplémentaires s'affichent.
T1-12 LS-I14 Sur des écrans d'ordinateur portable et d'ordinateur de bureau, vérifiez que l'appli utilise des menus semblables à ceux d'un ordinateur et des menus contextuels.
T1-13 LS-I15 Sur chaque écran de l'appli, redimensionnez et r�organisez les panneaux de l'UI avec une souris et un pav� tactile.
T1-14 LS-I16 Avec une souris et un pav� tactile, cliquez ou appuyez trois fois pour s�lectionner des �l�ments dans l'appli, par exemple pour s�lectionner des lignes de texte enti�res.
Stylet T1-15 LS-S2 Dessinez et �crivez dans l'appli avec un stylet. Effacez les dessins et le texte avec le stylet.
T1-16 LS-S3 Avec un stylet, glissez-d�posez des contenus sur les cibles de d�p�t de l'appli. En mode multifen�tre, glissez-d�posez des contenus entre l'appli et une autre appli (dans tous les sens possibles).
T1-17 LS-S4 Interagissez avec l'appli avec un stylet en suivant ces instructions�:
  • Dessinez en appliquant diff�rents niveaux de pression sur le stylet. V�rifiez que la largeur des traits varie selon la pression. Plus vous appliquez de pression, plus les traits doivent �tre �pais.
  • Inclinez le stylet tout en dessinant. Des ombres doivent appara�tre sous vos traits. Plus le stylet est inclin�, plus les ombres doivent s'�largir et s'�claircir.
  • Tout en dessinant, touchez l'�cran avec vos doigts et votre paume. Les doigts et la paume de votre main ne doivent pas faire de traces.
Curseurs personnalis�s T1-18 LS-P1 Interagissez avec l'appli avec une souris et un pav� tactile. V�rifiez que les curseurs personnalis�s s'affichent aux endroits ad�quats. Exemples�:
  • Curseur en forme de�I pour les champs de saisie de texte
  • Poign�es de redimensionnement sur les bords des calques redimensionnables
  • Ic�nes de chargement lorsque l'appli traite des t�ches longues