


Création de diaporamas accessibles: un guide complet
Les diaporamas sont répandus sur les sites Web organisationnels, mais souvent inaccessibles en raison des exigences d'accessibilité négligées. Les cadres de développement Web populaires comme Bootstrap et Foundation ne prennent pas en charge intrinsèquement les diaporamas accessibles, nécessitant des modifications substantielles. Cet article décrit les principaux principes d'accessibilité pour la création de diaporamas inclusifs. Un article ultérieur fournira des exemples de code pratiques.
Types de diaporamas communs (figures 1 et 2) manquent souvent de caractéristiques cruciales: capacités de pause et accessibilité du clavier. De nombreux conceptions ne parviennent pas à maintenir la mise au point du clavier lors de la navigation des diapositives.
Cinq principes principaux garantissent des diaporamas accessibles:
-
Contrôle de l'utilisateur sur le mouvement: WCAG 2.2.2 Mandate un mécanisme pour faire une pause, arrêter ou masquer automatiquement le contenu en déménagement de plus de cinq secondes. Un simple lien de pause / arrêt est efficace. Évitez les transitions animées distrayantes dans la mesure du possible.
-
Contrôles visibles et accessibles: Les contrôles (arrêt, démarrage, navigation) doivent être:
- clairement visible: assez grand, avec un contraste de couleur suffisant.
- ACCESSIBLE via le clavier, la souris et le toucher: Les boutons ou les liens sont idéaux; Évitez de compter uniquement sur
tabindex
. - Indication claire de mise au point / de survol: Changements visuels distincts sur la concentration, répondant aux exigences de contraste. Les changements de forme sont préférables aux changements de couleur seuls.
Des exemples de commandes bien conçues peuvent être trouvées sur des sites tels que AccessibilityOz (Figure 3 et 4) et Griffith University (figure 6), démontrant des boutons de pause clairs et des commandes de navigation pour le bureau et le mobile. L'Université Monash fournit un exemple de diaporama adapté aux mobiles sans mouvement automatique (figure 5).
-
Ordre de mise au point logique: L'ordre des onglets doit refléter la disposition visuelle et la structure HTML. Les contrôles (en particulier la pause) devraient précéder le contenu. Les changements de contenu ne doivent pas se produire avant l'élément de mise au point actuel.
-
Code et styles valides: Les diaporamas doivent fonctionner avec des feuilles de style désactivées, bien que la présentation puisse différer. Évitez les décalages ou les chevauchements de contenu inattendus lorsque les feuilles de styles sont désactivées. Le texte doit évoluer avec les ajustements de taille de texte du navigateur; Les versions mobiles doivent prendre en charge le pincement-zoom.
-
Alternatives significatives: Fournir une alternative textuelle aux utilisateurs qui ne peuvent pas accéder au diaporama. Cela pourrait inclure une section "lecteur d'écran uniquement", répétant le contenu et les liens de diapositive, idéalement placés où le diaporama apparaît. Assurez-vous que cette alternative est équivalente au diaporama en termes d'informations fournies. Les images nécessitent des attributs
alt
appropriés.
Conclusion: Créer des diaporamas vraiment accessibles nécessite une attention particulière à ces principes. Le prochain article offrira des implémentations de code pratiques pour atteindre ces objectifs.
Questions fréquemment posées (FAQ) sur les diaporamas accessibles (Cette section reste largement inchangée à partir de l'entrée d'origine, car elle fournit des informations supplémentaires précieuses.)
Qu'est-ce qu'un diaporama accessible? Comment rendre mon diaporama accessible? Qu'est-ce que le texte alt et pourquoi est-il important? Comment ajouter des légendes à mon diaporama? Pourquoi la navigation au clavier est-elle importante? Comment puis-je rendre le langage de mon diaporama clair et simple? Qu'est-ce qu'une transcription et pourquoi est-ce important? Comment créer une transcription pour mon diaporama? Puis-je utiliser des outils automatisés pour rendre mon diaporama accessible? Quels sont les avantages de rendre mon diaporama accessible?
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Ce programme pilote, une collaboration entre le CNCF (Cloud Native Computing Foundation), Ampere Computing, Equinix Metal et ACTUTIE, rationalise ARM64 CI / CD pour les projets GitHub CNCF. L'initiative répond aux problèmes de sécurité et aux performances LIM

Ce scanner de vulnérabilité de réseau basé sur GO identifie efficacement les faiblesses de sécurité potentielles. Il exploite les fonctionnalités de concurrence de GO pour la vitesse et comprend la détection de services et la correspondance de vulnérabilité. Explorons ses capacités et ses éthiques

La construction du site Web n'est que la première étape: l'importance du référencement et des backlinks La construction d'un site Web n'est que la première étape pour la convertir en un actif marketing précieux. Vous devez faire l'optimisation du référencement pour améliorer la visibilité de votre site Web dans les moteurs de recherche et attirer des clients potentiels. Les backlinks sont la clé pour améliorer le classement de votre site Web, et il montre à Google et à d'autres moteurs de recherche l'autorité et la crédibilité de votre site Web. Tous les backlinks ne sont pas bénéfiques: identifier et éviter les liens nocifs Tous les backlinks ne sont pas bénéfiques. Les liens nocifs peuvent nuire à votre classement. Excellent outil de vérification de la liaison backlink gratuite surveille la source des liens vers votre site Web et vous rappelle les liens nuisibles. De plus, vous pouvez également analyser les stratégies de liaison de vos concurrents et en apprendre. Outil de vérification gratuite de backlink: votre agent de renseignement SEO


Outils d'IA chauds

Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool
Images de déshabillage gratuites

Clothoff.io
Dissolvant de vêtements AI

AI Hentai Generator
Générez AI Hentai gratuitement.

Article chaud

Outils chauds

Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit

Télécharger la version Mac de l'éditeur Atom
L'éditeur open source le plus populaire

Adaptateur de serveur SAP NetWeaver pour Eclipse
Intégrez Eclipse au serveur d'applications SAP NetWeaver.

Listes Sec
SecLists est le compagnon ultime du testeur de sécurité. Il s'agit d'une collection de différents types de listes fréquemment utilisées lors des évaluations de sécurité, le tout en un seul endroit. SecLists contribue à rendre les tests de sécurité plus efficaces et productifs en fournissant facilement toutes les listes dont un testeur de sécurité pourrait avoir besoin. Les types de listes incluent les noms d'utilisateur, les mots de passe, les URL, les charges utiles floues, les modèles de données sensibles, les shells Web, etc. Le testeur peut simplement extraire ce référentiel sur une nouvelle machine de test et il aura accès à tous les types de listes dont il a besoin.

VSCode Windows 64 bits Télécharger
Un éditeur IDE gratuit et puissant lancé par Microsoft