A primeira escola especializada em tecnologia do Alto Solimões, com corpo técnico formado na área.

A trilha
Projetos
Quem somos
Impacto
Para instituições
Blog

WhatsApp Avise quando abrir a turma

Início
Cursos livres
HTML do zero
Módulo 4: Semântica, acessibilidade e publicação

Fecho de módulo

Módulo 4: Semântica, acessibilidade e publicação

18 perguntas das 3 aulas deste módulo.

Revise o módulo

Errar aqui não custa nada - a explicação vem junto da correção, e dá para responder quantas vezes quiser.

Pergunta 1 de 18

Uma página tem dois `<main>`: um para o conteúdo e outro para a lateral. Qual é o problema?

O segundo é convertido em `<div>` pelo navegadorAO CSS deixa de aplicar estilo ao segundoBNenhum: `<main>` pode se repetir desde o HTML5.2CO atalho "ir para o conteúdo principal" fica sem destino definidoD

Qual destes é `<article>`, e não `<section>`?

A seção "Canais diretos" da página de contatoAO cartão de um projeto, com título, imagem e linkBA seção "Como trabalho", com seis áreasCO bloco final com a chamada para conversarD

Trocar `<footer>` por `<div class="footer">` muda o quê?

A `<div>` fica mais lenta para o navegador renderizarASome a região que o leitor de tela lista e permite saltarBO CSS precisa de um seletor diferente, e sóCNada, porque o nome da classe informa a funçãoD

Você quer um bloco encostado na direita da tela. `<aside>` é a tag certa?

Sim: o nome dela quer dizer conteúdo lateralASim, desde que o CSS confirme a posição à direitaBNão: `<aside>` só existe dentro de `<article>`CNão: ela significa conteúdo relacionado, e a posição é do CSSD

Uma página tem três `<nav>`: topo, rodapé e redes. Sem `aria-label`, como eles são anunciados?

Só o primeiro é anunciado como navegaçãoAPelo primeiro link de cada umB"Navegação" três vezes, sem distinçãoCPelo nome da classe CSS de cada umD

O link "pular para o conteúdo" resolve que problema, exatamente?

O leitor de tela ler o menu inteiro em voz altaAPercorrer os seis links do menu com Tab em **cada** páginaBO menu ocupar espaço demais na tela do celularCA página demorar a rolar até o conteúdoD

Como alguém que usa leitor de tela chega ao meio de uma página longa?

Ouvindo tudo desde o começo até chegar láAPedindo a lista de títulos, links ou regiões e saltandoBUsando a busca do navegador, com Ctrl + FCPelo menu, que é a única entrada disponívelD

Qual destes testes de acessibilidade não custa nada e pega mais defeito?

Soltar o mouse e percorrer a página inteira com TabALer o HTML procurando atributos ausentesBPedir a um colega para navegar e comentarCPassar a página por um validador automático de contrasteD

A primeira regra do ARIA diz o quê?

Não use ARIA quando existe uma tag HTML que já faz aquiloATodo `aria-label` precisa repetir o texto visívelBTodo elemento interativo precisa de um `role`CARIA só deve ser usado junto de JavaScriptD

Um link do rodapé tem só o ícone do GitHub dentro. Qual marcação está certa?

`<a href="..." title="GitHub"><img src="github.svg"></a>`A`<a href="..."><img src="github.svg" alt="GitHub"></a>`, e mais nadaB`<a href="..." aria-label="GitHub"><img src="github.svg" alt="GitHub"></a>`C`<a href="..." aria-label="GitHub"><img src="github.svg" alt=""></a>`D

Das oito boas práticas de acessibilidade desta aula, quantas foram ensinadas nas aulas anteriores?

Nenhuma: acessibilidade é um trabalho à parteAMetade: as outras quatro são novasBDuas: `alt` e `label`CAs oito: são o mesmo trabalho, bem feitoD

Um portfólio que não passa no teste do teclado é um problema profissional, e não só técnico.

VerdadeiroAFalsoB

Você publica a pasta e o endereço abre em branco. Qual é a causa mais provável?

As imagens ainda não foram enviadasAO `<title>` está vazio em alguma páginaBFalta o `<!DOCTYPE html>` nas páginasCFalta o arquivo `index.html` na raizD

Alguém compartilha o link direto do seu `portfolio.html` num grupo. Por que o menu completo precisa estar ali?

Porque o buscador exige menu em todas as páginasAPorque quem chegou por fora não tem outra saídaBPorque o CSS do menu só carrega na página inicialCPorque o navegador não guarda o histórico de site estáticoD

Qual destes itens da conferência final **não** é verificável antes de publicar?

Quantas pessoas vão abrir a página por diaASe todos os links funcionam nos dois sentidosBSe os títulos, lidos em sequência, fazem sentidoCSe toda imagem tem `alt` escritoD

A imagem aparece no seu computador e some depois de publicada. O que provavelmente aconteceu?

O formato `.webp` não é aceito pelo servidorAO arquivo passou do limite de tamanho da hospedagemBO `src` aponta para uma pasta do seu computadorCO `alt` está preenchido e substituiu a imagemD

O portfólio está pronto de estrutura e sem uma linha de CSS. Publicar agora é:

cedo demais: página feia prejudica mais do que ajudaAacertado: uma página legível e navegável no ar já é um marcoBindiferente: sem CSS ninguém consegue usar mesmoCrazoável, mas só se o link não for divulgadoD

Você precisa marcar um trecho e não sabe qual tag usar. Qual é o roteiro?

Copiar a marcação de um site parecido com o seuAUsar `<div>`, que serve para qualquer casoBEscolher a tag cujo estilo padrão mais se aproximaCPerguntar o que aquilo **é**, e procurar a tag que significa issoD

Maiyu Academy

A primeira escola especializada em tecnologia do Alto Solimões, com corpo técnico formado na área.

Aulas presenciais aos sábados em Benjamin Constant, no CETI Aristélio Sabino de Oliveira.

Benjamin Constant, AM, Brasil

Cursos

Robótica Desenvolvimento web A trilha inteira Cursos livres e gratuitos

A escola

Quem somos Impacto Projetos Para instituições Blog

Contato

(97) 98431-7149 maiyu.academy

Privacidade Termos de uso