O que vamos aprender?

Os atributos ARIA são usados para:

• Melhorar a estética de uma página web

• Aumentar a velocidade de carregamento de uma página web

• Melhorar a acessibilidade em páginas web

• Adicionar animações a uma página web

Para melhorar a usabilidade de leitores de tela em elementos interativos, quais atributos ARIA podem ser implementados?

• aria-label e aria-expanded

• aria-hidden e aria-live

• aria-checked e aria-pressed

• aria-required e aria-invalid

Como manipular atributos ARIA via JavaScript para refletir mudanças dinâmicas na interface do usuário?

• Usando a função setAttribute() para alterar os valores ARIA.

• Utilizando CSS para modificar diretamente os atributos ARIA.

• Através de bibliotecas externas que gerenciam ARIA automaticamente.

• Não é possível manipular atributos ARIA com JavaScript.

Os atributos ARIA podem melhorar a acessibilidade de um site ao:

• Fornecer informações adicionais para tecnologias assistivas.

• Aumentar a velocidade de carregamento do site.

• Melhorar o design visual do site.

• Reduzir o uso de JavaScript no site.

Para garantir que pessoas que utilizam um leitor de tela saibam a função de um botão de alto-contraste em um site, devemos:

• Adicionar uma descrição textual ao botão.

• Usar uma cor chamativa para o botão.

• Colocar o botão no topo da página.

• Fazer o botão piscar constantemente.

Os atributos ARIA no HTML servem para:

• melhorar a acessibilidade de aplicações web.

• estilizar elementos HTML.

• otimizar o SEO de páginas web.

• aumentar a velocidade de carregamento de páginas.

Complete a frase: Ao adicionarmos o atributo ______, estamos fazendo com que o leitor de tela ignore o conteúdo de texto do botão e leia a informação que está nesse atributo.

• aria-label

• alt-text

• title

• data-ignore

Quais são os valores dos atributos aria-label adicionados no arquivo index.html?

• Valor 1

• Valor 2

• Valor 3

• Valor 4

Qual é a função do código HTML apresentado na imagem e por que ele não produz um resultado visível ao ser salvo e aberto no navegador?

• O código HTML está correto, mas o navegador não suporta a tag utilizada.

• O código HTML está dentro de um comentário, por isso não é exibido.

• O código HTML está corrompido e não pode ser interpretado.

• O código HTML está correto, mas falta uma referência externa.

Qual atributo é adicionado ao botão do menu para melhorar a acessibilidade?

• atributo

• class

• id

• style