-
Évaluez votre app pour les étiquettes d’accessibilité
Utilisez les étiquettes d'accessibilité sur la page produit de votre app dans l'App Store pour mettre en évidence les fonctionnalités d'accessibilité qu'elle prend en charge. Vous apprendrez à évaluer les fonctionnalités d'accessibilité de votre app — telles que VoiceOver, l'agrandissement de texte, les sous-titres, et bien plus encore — et à choisir des étiquettes d'accessibilité précises et informatives. Vous découvrirez également comment aborder l'accessibilité tout au long de la phase de conception.
Chapitres
- 0:00 - Bienvenue
- 0:58 - Découvrir les étiquettes d’accessibilité
- 3:06 - Évaluer votre app
- 21:44 - Indiquer la prise en charge des fonctionnalités
Ressources
Vidéos connexes
WWDC24
-
Rechercher dans cette vidéo…
-
-
13:07 - Add an accessibility label
// Add an accessibility label import SwiftUI struct LandmarkDetailView: View { @Environment(ModelData.self) var modelData let landmark: Landmark var body: some View { @Bindable var modelData = modelData DetailContentView() .toolbar { ToolbarItemGroup { Button { } label: { Image(systemName: "square.arrow.up") } .accessibilityLabel("Share") } } } }
-
-
- 0:00 - Bienvenue
Découvrez comment évaluer votre app afin d'y ajouter des étiquettes d'accessibilité. Les principes fondamentaux de l'accessibilité, les meilleures pratiques de conception, les tests d'applications, l'implémentation des API d'accessibilité et l'accessibilité des contenus audio et vidéo sont abordés.
- 0:58 - Découvrir les étiquettes d’accessibilité
L'accessibilité des apps est essentielle et permet de toucher un public plus large. Les étiquettes d'accessibilité sur l'App Store informent les utilisateurs sur les fonctionnalités d'accessibilité que prend en charge votre app. Identifiez les tâches courantes de votre app, telles que la connexion, les achats ou les réglages, puis évaluez-les par rapport à toutes les fonctionnalités disponibles dans les étiquettes d'accessibilité. Testez votre app sur tous les appareils qu'elle prend en charge. Il est essentiel de représenter fidèlement les fonctionnalités prises en charge. Consultez la documentation des étiquettes d'accessibilité pour connaître les critères d'évaluation. Lorsque vous ajoutez les étiquettes d'accessibilité dans App Store Connect, toutes les fonctionnalités d'accessibilité de votre app apparaissent sur la page produit.
- 3:06 - Évaluer votre app
L'accessibilité commence dès la conception de l'app. En concevant avec l'inclusivité en tête et en suivant les directives d'accessibilité, vous pouvez créer des apps utilisables et agréables pour tous. Tester avec des technologies d'assistance et interagir avec la communauté en situation de handicap est fortement recommandé pour garantir l'accessibilité. Les domaines d'accessibilité à prendre en compte incluent le texte, la couleur, le mouvement, l'interaction (comme Voice Control et VoiceOver) ainsi que les médias (tels que les sous-titres et les descriptions audio). Les étiquettes d'accessibilité visuelles spécifiques comprennent les éléments suivants : Contraste suffisant : Utilisez un contraste de couleurs élevé pour garantir la lisibilité du texte. Vérifiez que le contraste reste suffisant lorsque le paramètre « Augmenter le contraste » est activé. Interface sombre : Les interfaces sombres sont essentielles pour les personnes sensibles à la lumière. Prenez en charge le mode sombre et testez la compatibilité avec d'autres options d'accessibilité offrant une interface sombre, comme Smart Invert. Texte agrandi : Les utilisateurs doivent pouvoir augmenter la taille du texte jusqu'à 200 %. Assurez-vous que votre app prend en charge le texte agrandi sans chevauchement ni troncature. Utilisez Dynamic Type pour gérer efficacement l'agrandissement du texte. Différencier sans se baser uniquement sur la couleur : Les utilisateurs perçoivent les couleurs de manière différente. Ajoutez des formes, des icônes ou du texte en plus de la couleur pour transmettre les informations importantes. Réduction des animations : Passez en revue les tâches courantes de votre app et évitez les zooms, défilements, clignotements, animations non déclenchées par l'utilisateur, et effets de parallaxe quand le réglage Reduced Motion (Réduction des animations) est activé. Dans l'exemple de l'app Landmarks, James et Lisa montrent comment évaluer chaque fonctionnalité. Pour les besoins en texte agrandi, testez et corrigez les éventuels problèmes comme les désalignements, les textes tronqués ou les champs de texte non défilables. Pour la couleur, utilisez également des formes, des icônes ou du texte pour transmettre les informations essentielles. Pour les animations, veillez à réduire ou supprimer les éléments susceptibles d'être déclencheurs. Utilisez Voice Control pour tester si les utilisateurs peuvent effectuer les tâches courantes uniquement par commande vocale, et utilisez VoiceOver pour vérifier que tous les éléments ont des étiquettes descriptives. Familiarisez-vous avec l'utilisation de VoiceOver, notamment les gestes comme le balayage, la double pression et le balayage à trois doigts, pour naviguer dans le contenu de l'app. Lors des tests, tenez compte des fonctionnalités d'accessibilité des médias, telles que les sous-titres et les descriptions audio.
- 21:44 - Indiquer la prise en charge des fonctionnalités
Une fois évaluée pour l'accessibilité, l'app Landmarks prend en charge plusieurs fonctionnalités clés, dont le Contraste suffisant, l'Interface sombre, la Réduction des animations, Voice Control et VoiceOver. Les fonctionnalités prises en charge sont sélectionnées dans App Store Connect pour figurer dans les étiquettes d'accessibilité, prêtes à être publiées. Pensez à la conception accessible, évaluez les tâches courantes de votre app selon les critères d'accessibilité, et mettez en avant ces fonctionnalités via les étiquettes d'accessibilité.