Cas React interaction et accessibilite
Une collection sur le comportement des modals, le focus, les interactions clavier et les details pratiques qui rendent les composants React robustes.
L experience learn complete vit dans le workspace : signaux de cours, checkpoints, practice ciblee et renvoi en review.
Apercu de la collection
Tu peux inspecter ici la sequence et la couverture des sujets. La boucle guidee complete reste dans le workspace dashboard.
Associer un label a son input rend le champ plus clair pour les technologies d'assistance et offre aux utilisateurs une zone de clic plus large et plus pratique.
Au-dela d'un state open, une bonne reponse sur un modal mentionne la gestion du focus, la fermeture avec Escape, la prevention d'une interaction confuse avec l'arriere-plan, et souvent l'usage d'un portal pour sortir des contraintes de layout.
Apres avoir atteint la cible, l'evenement remonte normalement a travers les parents et les ancetres tant que rien n'interrompt la propagation.
preventDefault dit au navigateur de ne pas executer son action native par defaut, tandis que stopPropagation empeche l'evenement de continuer vers d'autres listeners plus haut dans le trajet de propagation.