Para passar no quiz, você deve responder corretamente pelo menos 18 das 20 perguntas abaixo.
O que é acessibilidade?
Acessibilidade é um conjunto de práticas padronizadas para garantir que suas aplicações web possam ser usadas por todos, incluindo pessoas com deficiências. Acessibilidade é um conjunto de práticas padronizadas que garante que seu código esteja livre de todos os riscos de segurança. Acessibilidade é um conjunto de práticas padronizadas que melhora a velocidade e o desempenho das suas aplicações web. Acessibilidade é um conjunto de práticas padronizadas que garante que seu código atinja 100% de cobertura de teste.
Qual dos seguintes é um bom exemplo para a estrutura adequada de níveis de título?
<h6>Heading 6</h6>
<h1>Heading 1</h1>
<h1>Heading 1</h1>
<h5>Heading 5</h5>
<h2>Heading 2</h2>
<h2>Heading 2</h2><h3>Heading 3</h3>
<h3>Heading 3</h3>
<h3>Heading 3</h3>
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h4>Heading 4</h4><h6>Heading 6</h6>
<h5>Heading 5</h5>
<h4>Heading 4</h4>
<h3>Heading 3</h3>
<h2>Heading 2</h2>
<h1>Heading 1</h1><h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>
Quais são as seis principais categorias de funções ARIA?
Window, Alert Dialog, Article, Cell, Banner e Button. Estrutura do Documento, Marco, Janela, Explícito, Fidget e Rodapé. Landmark, House, Live Region, Application, Window e Extension. Estrutura do Documento, Marco, Janela, Abstrato, Widget e Região ao Vivo.
Qual é a maneira correta de adicionar um atributo alt a um elemento img?
alt=""<img src="cat.jpg"><img src="cat.jpg" alt="cat running">alt="cat running"<img src="cat.jpg"><img src="cat.jpg"> alt="cat running"
O que significa WAI-ARIA?
Iniciativa Web Anchor - Anchor Rich Internet Applications. Iniciativa de Acessibilidade para Websites - Aplicações de Internet Rust Acessíveis. Acessibilidade Web Inicial - Aplicações de Internet Acessíveis e Preparadas. Iniciativa de Acessibilidade Web - Aplicações Ricas de Internet Acessíveis.
Qual é o papel do atributo aria-hidden?
Este atributo é usado para ocultar elementos apenas para usuários com deficiências visuais. Este atributo é usado para ocultar e adicionar texto de rótulo para um elemento. Este atributo é usado para ocultar um elemento das tecnologias assistivas. Este atributo é usado para esconder um elemento apenas dos usuários de teclado.
Qual atributo torna os elementos focáveis e define a ordem relativa na qual eles são navegados usando o teclado?
tabbingindexkeyboardindexindextabtabindex
Por que é uma boa prática incluir o elemento caption dentro de uma tabela HTML?
Ele melhora a aparência da tabela adicionando um cabeçalho decorativo. Ele permite que os usuários classifiquem e filtrem facilmente os dados da tabela. É útil para os usuários entenderem rapidamente o propósito e o conteúdo da tabela. Isso ajuda a melhorar a responsividade da tabela em dispositivos móveis.
Qual é a diferença entre os atributos aria-label e aria-labelledby?
Os atributos aria-label e aria-labelledby mantêm os rótulos indefinidos. Os atributos aria-label e aria-labelledby servem ao mesmo propósito. O atributo aria-label é usado para dar uma cor ao seu rótulo enquanto o atributo aria-labelledby é usado para dar altura ao seu rótulo. O atributo aria-labelledby permite que você dê a um elemento um nome acessível referenciando um elemento existente na página enquanto o atributo aria-label permite que você defina o nome no próprio atributo.
Qual dos seguintes atributos fornece informações adicionais sobre um elemento para usuários de leitores de tela referenciando conteúdo existente na página?
aria-setaria-describedbyaria-describedaria-sets
Qual dos seguintes atributos é usado para definir um atalho de teclado para um elemento?
accesskeyaccessingkeytabindexkeyprovideaccesskey
Qual dos exemplos a seguir é a maneira correta de associar um label a um elemento input?
<form>
<label for="name">Your Name</label>
<input type="text" id="first-name" />
</form><form>
<label accessible="name">Your Name</label>
<input type="text" id="name" />
</form><form>
<label for="name">Your Name</label>
<input type="text" id="name" />
</form><form>
<label associate="name">Your Name</label>
<input type="text" id="name" />
</form>
Como um ampliador de tela ajuda usuários com deficiência visual a navegar em páginas da web?
Um ampliador de tela ajusta automaticamente o contraste de cores das páginas da web. Um ampliador de tela aumentará apenas as imagens para o dobro do tamanho para que possam ser melhor visualizadas por usuários com deficiência visual. Um ampliador de tela ajuda usuários com deficiência visual a navegar em páginas da web permitindo que eles deem zoom in e zoom out. Um ampliador de tela converte texto em Braille para leitura tátil.
Qual das seguintes opções é o uso correto de aria-describedby para fornecer mais contexto sobre a ação de um botão?
<button id="delete-btn" aria-describedby="delete-btn">Delete</button>
<p aria-describedby="delete-message" id="delete-message">Warning! All deletions are permanent.</p><button id="delete-message" aria-describedby="delete-message">Delete</button>
<p aria-describedby="delete-message" id="delete-message">Warning! All deletions are permanent.</p><button id="delete-message">Delete</button>
<p aria-describedby="delete-message">Warning! All deletions are permanent.</p><button aria-describedby="delete-message">Delete</button>
<p id="delete-message">Warning! All deletions are permanent.</p>
Qual é a diferença entre WCAG e WAI-ARIA?
WCAG fornece diretrizes gerais para acessibilidade apenas em dispositivos móveis, enquanto WAI-ARIA oferece regras específicas para tornar conteúdo dinâmico e interativo acessível para usuários de tecnologias assistivas. WAI-ARIA fornece diretrizes gerais para acessibilidade na web, enquanto WCAG oferece regras específicas para tornar conteúdo dinâmico e interativo acessível para usuários de tecnologias assistivas. WCAG fornece diretrizes gerais para acessibilidade na web, enquanto WAI-ARIA oferece regras específicas para tornar conteúdo dinâmico e interativo acessível para usuários de tecnologias assistivas. WAI-ARIA fornece diretrizes gerais para acessibilidade apenas em dispositivos móveis, enquanto WCAG oferece regras específicas para tornar conteúdo dinâmico e interativo acessível para usuários de tecnologias assistivas.
Qual dos seguintes é um caso de uso comum para o atributo aria-hidden?
Formulários e tabelas que não contêm informações importantes. Ícones e imagens que têm apenas um propósito decorativo. Links e imagens que têm apenas um propósito decorativo. Parágrafos e títulos que não contêm informações importantes.
Qual é o propósito do atributo role?
Para especificar o tipo e o propósito de um elemento, permitindo que tecnologias assistivas compreendam melhor como o elemento deve ser interpretado e com ele deve-se interagir. Para adicionar rótulos aos elementos do formulário permitindo que tecnologias assistivas entendam melhor como o elemento deve ser interpretado e interagido. Para definir a aparência visual dos elementos HTML permitindo que tecnologias assistivas compreendam melhor como o elemento deve ser interpretado e interagido. Para estilizar elementos com animações CSS permitindo que tecnologias assistivas entendam melhor como o elemento deve ser interpretado e interagido.
Por que é importante usar texto de link descritivo para links?
Para fazer o texto do link se destacar visualmente do restante do conteúdo da página. Para garantir que o link carregue mais rápido quando clicado. Para garantir que os motores de busca sempre listem seu site como o primeiro resultado na lista. Para garantir que todos, incluindo usuários de tecnologia assistiva, entendam o propósito do link.
Qual das seguintes é uma boa prática para tornar o conteúdo de áudio e vídeo acessível?
Fornecer gráficos de alta qualidade para acompanhar o conteúdo de áudio e vídeo para torná-lo acessível a pessoas com deficiência visual. Usar cores vibrantes e texto grande para tornar o conteúdo mais envolvente e acessível para pessoas com deficiências visuais. Limitando o comprimento do conteúdo de áudio e vídeo para torná-lo acessível a pessoas com deficiência auditiva. Fornecer legendas e transcrições para conteúdo de áudio e vídeo para torná-lo acessível a pessoas com deficiência auditiva.
Quais são os quatro princípios por trás das Web Content Accessibility Guidelines?
Perceptível, Operações, Compreensível e Robusto. Perceptível, Operável, Unidades e Robusto. Perceptível, Operável, Compreensível e Robusto. Persistente, Operável, Compreensível e Robusto.
