1) Keyboard Accessibility
Chaque bouton, lien et champ doit fonctionner via Tab, Enter et les flèches. Vérifiez l’ordre logique du focus sur l’ensemble du module.
Prompt : Enable keyboard navigation for all blocks and check logical tab order.
← Retour aux profils
Learner profile
Designing for Learners with Motor Impairments
Créez des parcours que chacun peut parcourir. Mexty AI vous aide à rendre vos cours totalement utilisables par les apprenants ayant une mobilité limitée, des difficultés motrices fines ou des contraintes avec la souris et les gestes tactiles.
Prompt clé : “Make all interactions keyboard-accessible; replace drag-and-drop with click-based alternatives; enlarge buttons and add focus outlines.”
Quick Wins (Start Here)
Déployez ces ajustements immédiats avant d’aller plus loin :
- Rendre toutes les interactions accessibles au clavier.
- Remplacer les drag-and-drop par des alternatives au clic.
- Agrandir les cibles cliquables et les espacer.
- Ajouter des indicateurs de focus visibles.
- Activer la navigation vocale ou textuelle quand c’est possible.
Core Strategies & Prompts
2) Avoid Complex Gestures
Remplacez les gestes complexes (drag, swipe, double tap) par des clics simples ou des raccourcis clavier. Offrez des champs texte comme alternative.
Prompt : Convert drag-and-drop activities into keypress or multiple-choice interactions.
3) Large, Easy Targets
Prévoyez de gros boutons clairement étiquetés, espacés et activables en un clic ou une touche. Évitez les interactions de précision fine.
Prompt : Increase button size and spacing for accessibility; ensure all actions can be triggered with one click or key.
4) Clear Visual Focus
Affichez un contour contrasté lorsque les éléments sont sélectionnés via clavier. Ne cachez jamais ces indicateurs.
Prompt : Add high-contrast focus indicators for keyboard users and keep them visible at all times.
5) Auto Navigation & Skip Features
Ajoutez des liens de contournement et des boutons Suivant/Passer partout pour éviter la répétition. Pensez aux raccourcis clavier.
Prompt : Add skip navigation links and keyboard shortcuts for next/previous navigation.
6) Reduced Motion & Timing Flexibility
Supprimez les timers automatiques et animations chronométrées. Laissez du temps illimité pour accomplir chaque tâche.
Prompt : Disable time limits and remove animations that depend on quick movement.
7) Voice & Assistive Tool Compatibility
Assurez la compatibilité avec la reconnaissance vocale, les contacteurs et autres dispositifs. Définissez des labels ARIA cohérents.
Prompt : Add ARIA labels for all buttons and ensure compatibility with voice navigation tools.
Recommended Mexty Blocks
- Keyboard Navigation Block — interface accessible
- Large Button Block — cibles cliquables agrandies
- Accessible Quiz Block — réponses via touches ou clics simples
- Skip Navigation Block — liens d’accès rapide
- ARIA Label Block — métadonnées sémantiques
- Voice Navigation Block — commandes vocales prêtes
Prompt : Insert Keyboard Navigation and Large Button Blocks; add Skip Navigation links and ARIA Label metadata.
Accessibility & Compliance
- WCAG 2.1 AA & EN 301 549 pour l’accessibilité motrice
- Conformité FERPA / COPPA pour la confidentialité des apprenants
- ISO 27001 / GDPR pour la sécurité des données
- Compatibilité ARIA complète pour les aides techniques
Prompt : Audit this course for motor accessibility — check all interactive blocks for keyboard and ARIA compliance.
Measure What Matters
Activez les tableaux de bord Mexty pour suivre :
- Taux d’usage de la navigation clavier
- Taux de complétion sans souris
- Rapports de validation de l’ordre de focus
- Engagement sur les liens de saut/skip
- Fréquence des commandes vocales
Prompt : Create a motor accessibility report showing keyboard usage, focus path, and skip-link engagement.
Brand Notes — Mexty Palette
Utilisez des contrastes nets, des marges généreuses et maintenez les focus outlines visibles en permanence.
Blue — éléments de navigation
#2D7BFFPurple — contours de focus
#6A4CFFPink — surlignages
#FF4FB3Orange — appels à l’action
#FF8A2DOff-white — arrière-plan
#F7F9FCPrompt : Apply Mexty colors with strong focus outlines and increased spacing for accessibility.
One-Click Template
“Adapt this course for learners with motor impairments: make all interactions keyboard-accessible; replace drag or swipe actions with single-key or click inputs; add skip links and focus outlines; enlarge buttons and spacing; remove timing constraints; add ARIA labels; and ensure WCAG 2.1/EN 301 549 compliance.”
Prêt·e à construire dans Mexty ?
Ouvrez votre workspace Mexty et collez l’un des prompts ci-dessus pour générer instantanément un parcours accessible, navigable au clavier et adapté aux apprenants ayant des limitations motrices.
Ouvrir le workspace Mexty
