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