- Les modaux sont-ils bons pour le mobile?
- Les lecteurs d'écran peuvent lire les modaux?
- Comment positionnez-vous un pop up modal?
- Comment faire un écran pop-up modal?
Les modaux sont-ils bons pour le mobile?
Sur le bureau, les modaux s'affichent sans problème en raison de la taille grand écran. Mais sur mobile, les fenêtres modales sont coupées en raison de la petite taille d'écran. Les utilisateurs ne voient qu'une partie de la fenêtre modale et ne peuvent pas sortir ni la visualiser facilement. La visualisation est encore plus difficile si les utilisateurs doivent utiliser un clavier à l'écran.
Les lecteurs d'écran peuvent lire les modaux?
Donnez au modal un attribut aria aria-descripd par qui sera lié à l'ID d'un texte visuellement caché qui décrit la fonction du modal, et comment la sortir. Un lecteur d'écran lira ces informations en se concentrant sur le modal.
Comment positionnez-vous un pop up modal?
Les modaux utilisent la position: fixe, ce qui peut parfois être un peu particulier sur son rendu. Dans la mesure du possible, placez votre HTML modal dans une position de niveau supérieur pour éviter les interférences potentielles des autres éléments. Vous rencontrerez probablement des problèmes lorsque vous nichez un . Modal dans un autre élément fixe.
Comment faire un écran pop-up modal?
Utilisez le . Classe modal-dialog-scrollable pour permettre de faire défiler à l'intérieur du modal.