Skip to content

Latest commit

 

History

History
64 lines (47 loc) · 1.65 KB

ACESSIBILIDADE.md

File metadata and controls

64 lines (47 loc) · 1.65 KB

Links

Dicas

  • Ter um link ser o ir para o conteudo principal
<body>
  <a href="#main-content" class="skip-link">Ir para conteúdo principal</a>
  <style>
    * {
      padding: 0;
      margin: 0;
      box-sizing: border-box;
    }

    .skip-link {
      position: absolute;
      top: -100px;
      left: 0;
      background-color: #ffffff;
      color: #000000;
      padding: 10px;
      z-index: 100;
    }

    .skip-link:focus {
      top: 0;
    }
  </style>
</body
  1. Navegação baseada em marcos
  • Conheça mais link
  • Serviços link
  1. Atalhos de navegação
  • shift + tab volta
  • tab proximo
  • Baixo e cima move o cursor virtual de leitura de textos

  1. ctrl + alt + n Abre opções do nvda

  2. tecla do leitor + q Encerra nvda

  3. [nvda] insert + f7 - Abre painel com marcos, links, etc.

  4. No painel, veja links inuteis que podem ser removidas

  5. Em links de empresas, dizer Gráfico sbt por exemplo

  6. Imagem com role="presentation" e alt="" para dizer que é só apresentação visual

  7. Marcos delimitadores (footer, navbar, sections, etc) eles podem navegador pela paǵina sabendo onde estão

  8. Sections podem ter aria-labels é até recomendado