1
resposta

Descrição para o modal

Me incomodou um pouco o modal/dialog não conter descrição. Lendo o link deixado para o site da W3 vi que era possível associar um dos elementos da página à descrição do dialog.

Ficou assim:

  <div class="dialogNewsletter" id="dialogNewsletter" role="dialog" aria-labelledby="tituloDialog" aria-describedby="descricaoDialog">
    <div class="dialogNewsletter-body">

      <h2 class="dialogNewsletter-titulo" id="tituloDialog">News sem spam</h2>
      <h3 class="dialogNewsletter-texto" id="descricaoDialog">
        Assine nossa newsletter para receber notícias técnicas sem spam!
      </h3>
      <form class="dialogNewsletter-form">
        <label class="dialogNewsletter-label" for="emailNewsletter">
          Email:
        </label>
        <input type="email" class="dialogNewsletter-campo" placeholder="Digite seu e-mail..."
          id="emailNewsletter">
        <button class="dialogNewsletter-btn" type="submit">
          Assinar newsletter
        </button>
        <button class="dialogNewsletter-fechar" type="button" aria-label="Fechar janela de diálogo">
        </button>
      </form>
    </div>
    <div class="dialogNewsletter-overlay"></div>
  </div>
  <!--fim .dialogNewsletter-->
1 resposta

Olá Régis, tudo bem?

Primeiramente, desculpa a demora em responder.

Boa percepção! De fato, faz mais sentido adicionando a descrição, obrigada por compartilhar conosco!

E qualquer dúvida ou dificuldade, estamos por aqui!

Abraços e bons estudos!!