Interação adicionada ao elemento não interativo

1. O que é um elemento não interativo?
2. Como você torna um elemento não interativo?
3. Como corrigir elementos não interativos não devem ser atribuídos por ouvintes de eventos de mouse ou teclado?
4. O que são elementos interativos em HTML?

O que é um elemento não interativo?

Os elementos não interativos incluem <a Principal> , <área> , <H1> (, <H2> , etc), <img> , <li> , <ul> e <ol> . Os elementos HTML interativos indicam controles na interface do usuário. Os elementos interativos incluem <um href> , <botão> , <entrada> , <Selecione> , <Textarea> .

Como você torna um elemento não interativo?

Atualmente, é possível fazer isso definindo Aria-Hidden = "True" na seção relevante. É por isso que o atributo inerte foi adicionado ao HTML, é uma maneira eficiente de desativar todas as interações acima e ocultar elementos da tecnologia assistiva.

Como corrigir elementos não interativos não devem ser atribuídos por ouvintes de eventos de mouse ou teclado?

É aconselhável usar eventos de mouse e teclado apenas em elementos interativos, mas, em alguns casos. Apenas hack simples que usamos para corrigir esse problema, como uso de função e tabindex nesse elemento.

O que são elementos interativos em HTML?

No entanto, os últimos componentes essenciais são elementos interativos. Sempre que você coloca um nome de usuário e senha em um campo de login ou pressione um botão para abrir um menu ou clicar em uma caixa de seleção em uma página de configurações, você está lidando com elementos interativos, como botões e entradas.