Lorsque vous utilisez la touche d'échappement pour quitter un navigateur Web, par exemple une boîte de dialogue modale, où va le focus?

Question

Dans la plupart des cas, il ne semble y avoir aucune indication visuelle qui doit être difficile pour les utilisateurs qui utilisent le clavier.

Cela semble une question très simple, mais j'ai parcouru Internet et ne trouve pas de réponse. Ma première idée était d'utiliser les outils de développement de Firefox pour créer une indication visuelle en utilisant *some element*:focus {outline: 2px solid red;} mais bien sûr vous devez déjà savoir quel élément recevait le focus pour que cela fonctionne, donc j'ai essayé le sélecteur universel *:focus {outline:2px solid red;} mais cela n'a pas fonctionné.

Donc, quelqu'un peut-il répondre à la question apparemment simple de l'élément qui gagne en focus ... et pour les félicitations de bonus quelqu'un peut-il fournir un extrait de code qui me permettrait de voir réellement ce qui se passe?

Answer 1

Dans le cas d'une boîte de dialogue modale, le focus doit revenir à l'endroit où il était avant l'apparition de la boîte. Par exemple, si la boîte de dialogue apparaît en cliquant sur un bouton, le focus doit revenir à ce bouton lorsque le dialogue est fermé, quelle que soit la manière dont il a été fermé (clic de souris ou entrée sur un bouton de fermeture ou une touche d'échappement) .

Les applications et les sites Web les plus accessibles au clavier sont ceux où vous savez toujours où se concentre l'attention. La fonction de flou doit être interdite. ça n'aurait jamais dû exister.