Skip to content

Esta tradução ainda não foi revista editorialmente. A versão alemã é vinculativa. Deutsche Fassung →

Barrierefreiheit

O que é uma ligação de salto e para que serve?

Uma ligação de salto — em inglês «Skip-Link» — é geralmente o primeiro link de uma página e vai directamente para o conteúdo principal. Poupa aos utilizadores de teclado o incómodo de navegar através de um menu completo em cada chamada de página: com uma navegação com muitas entradas, são dezenas de pressões de tecla, antes do conteúdo real começar — em cada página secundária individual, novamente e novamente. O critério WCAG 2.4.1 exige tal atalho.

Como funciona uma ligação de salto

A ligação de salto está como o primeiro elemento focável no código fonte e tem um texto como «Ir para o conteúdo». Para utilizadores de rato permanece invisível; apenas quando a tecla Tab a alcança é revelada. Uma pressão da tecla Enter coloca o foco directamente atrás da área de cabeçalho e menu no início do conteúdo principal. Os programas de leitura beneficiam de duas formas: não têm de ler a navegação sempre igual novamente em cada página. Um método alternativo reconhecido é usar marcas de zona no código fonte, particularmente uma marca principal bem marcada — muitos programas de leitura saltam directamente as zonas. A ligação de salto clássica também ajuda utilizadores de teclado com visão sem programa de leitura.

Assim o serviço de verificação verifica a ligação de salto

O serviço de verificação examina os primeiros três elementos focáveis da página: se um deles tiver um texto de ligação de salto como «para o conteúdo», o critério é considerado cumprido — uma prova real. Se faltar a ligação de salto, mas o conteúdo principal está marcado como zona principal no código fonte, a técnica alternativa é plausível; o relatório a marca como caso de verificação manual, pois se a estrutura de zona realmente funciona decide uma pessoa. Se ambos faltarem, o critério é violado. Assim o relatório distingue claramente entre encurtamento provado, alternativa plausível e lacuna real.

Beispiele

Kein Weg am Menü vorbei

Verstoß
<body>
  <nav>… 40 Menüpunkte …</nav>
  <div class="inhalt">…</div>
</body>
Erfüllt
<body>
  <a href="#inhalt" class="sprunglink">Zum Inhalt springen</a>
  <nav aria-label="Hauptmenü">… 40 Menüpunkte …</nav>
  <main id="inhalt">…</main>
</body>

Der Sprunglink ist das erste fokussierbare Element und wird sichtbar, sobald er den Fokus hat. Die Landmarke main hilft zusätzlich.

  • Pressione a tecla de tabulação uma vez na sua página inicial — se aparecer uma ligação «Ir para o conteúdo», o atalho está funcionando.
  • Peça à sua agência para integrar a ligação de salto como o primeiro elemento focável e mostrar-se apenas quando recebe o foco.
  • Deixe o conteúdo principal também ser marcado como região principal no código-fonte — os programas de leitura saltam diretamente para regiões.
  • Verifique se o destino do salto está correto: Após o salto, a próxima tecla de tabulação deve aterrar no conteúdo principal, não novamente no menu.

Deutsche Fassung dieser Seite