emag desenvolvedor mod 1 Exercício Avaliativo 2

Prévia do material em texto

04/01/2021 Exercício Avaliativo 2
https://mooc.escolavirtual.gov.br/mod/quiz/review.php?attempt=8362753 1/9
Painel / Meus cursos / eMAG Desenvolvedor / Módulo 2 - Web Acessível / Exercício Avaliativo 2
Iniciado em segunda, 4 jan 2021, 18:29
Estado Finalizada
Concluída em segunda, 4 jan 2021, 19:25
Tempo
empregado 56 minutos 34 segundos
Notas 5,00/8,00
Avaliar 18,75 de um máximo de 30,00(63%)
Questão 1
Correto
Atingiu 1,00 de 1,00
Você está realizando a postagem das notícias da semana. O título de uma
das notícias é "Abertas as inscrições para concurso público para professor".
Qual das opções abaixo você escolheria para marcar como um link esta
notícia? 
 
a. Marcaria todo o título como link. 
b. Incluiria um link com o texto "Clique aqui" após o título.
c. Incluiria um link com o texto "Leia mais..." após o título.
d. Marcaria apenas as palavras "Abertas as inscrições" no título
como link.
A resposta é : Marcaria todo o título como link.
Os links devem fazer sentido quando escutados de maneira isolada, assim
"Clique aqui” e "Leia mais...” não podem ser usados. "Abertas às inscrições”
é um pouco mais informativo, porém como se trata de um título da notícia,
o ideal é que  todo ele seja marcado.
https://mooc.escolavirtual.gov.br/my/
https://mooc.escolavirtual.gov.br/course/view.php?id=5976
https://mooc.escolavirtual.gov.br/course/view.php?id=5976#section-2
https://mooc.escolavirtual.gov.br/mod/quiz/view.php?id=147562
04/01/2021 Exercício Avaliativo 2
https://mooc.escolavirtual.gov.br/mod/quiz/review.php?attempt=8362753 2/9
Questão 2
Incorreto
Atingiu 0,00 de 1,00
Qual das opções a seguir apresenta uma relação de contraste superior a
4,5:1? (Utilize uma das ferramentas online para avaliação de contraste).
 
a. (fundo: #09f; fonte: #fff). 
b. (fundo: #000; fonte: #fc0).
c.  (fundo: #99c ; fonte: #900).
d.   (fundo: #9ff; fonte: #f00).
A resposta é:    (fundo: #000; fonte:
#fc0).
De acordo com a ferramenta de análise de contraste do endereço
http://juicystudio.com/services/luminositycontrastratio.php#specify ,
temos:
 O contraste da  letra "a” é de 3.00:1
 O contraste da letra "b” é de 13,89:1.
 O contraste da letra "c” é de 3.31:1.
 O contraste da letra "d” é de 3.4531:1.
Logo, a combinação de contraste que atende as recomendações do eMAG
(4,5:1) é a letra "b” (fundo: #000 ; fonte: #fc0).
Um bom contraste beneficia não somente pessoas com baixa visão, mas
também aqueles usuários que necessitem de um maior contraste em um
determinado momento, como por exemplo, ao ler uma página em um
celular em um lugar ensolarado, ou em um monitor em que a luz do sol
incida sobre a tela.
http://juicystudio.com/services/luminositycontrastratio.php#specify
04/01/2021 Exercício Avaliativo 2
https://mooc.escolavirtual.gov.br/mod/quiz/review.php?attempt=8362753 3/9
Questão 3
Parcialmente correto
Atingiu 0,33 de 1,00
Selecione a opção que corresponde ao significado de cada uma das frases
abaixo. 
Texto sincronizado equivalente ao
conteúdo de áudio.

Alternativa em texto (fornecida em um link
ou arquivo para download) que contém
todo o conteúdo de um vídeo, incluindo
tanto as informações contidas na faixa de
áudio (se esta existir), quanto informações
visuais transmitidas durante o vídeo.

Faixa de áudio que contempla informações
que aparecem visualmente, mas não estão
presentes nos diálogos ou no áudio do
próprio vídeo. Aparece no espaço entre as
falas, sem sobrepor o conteúdo em áudio
original do vídeo.

Você selecionou corretamente 1.
Texto sincronizado equivalente ao conteúdo de áudio - Legenda
 As legendas ajudam as pessoas com deficiência auditiva, assim como
pessoas que se encontrem em ambientes barulhentos (como na academia,
fila de banco, etc) a entenderem o que está sendo dito no vídeo.
Faixa de áudio que contempla informações que aparecem visualmente,
mas não estão presentes nos diálogos ou no áudio do próprio vídeo.
Aparece no espaço entre as falas, sem sobrepor o conteúdo em áudio
original do vídeo - Audiodescrição
Uma audiodescrição ajuda pessoas com deficiência visual a entenderem
aquilo está em cena, o ambiente, as expressões, enfim, tudo aquilo que
não expresso em palavras pelos personagens. Isto permite uma melhor
imersão no conteúdo, tal como lemos um livro em que o autor descreve a
cena e podemos imaginar de nossa maneira o local em que os
personagens estão vivendo. 
Alternativa em texto (fornecida em um link ou arquivo para download) que
contém todo o conteúdo de um vídeo, incluindo tanto as informações
contidas na faixa de áudio (se esta existir), quanto informações visuais
transmitidas durante o vídeo - Transcrição textual 
Uma transcrição textual é uma forma de permitir que um deficiente visual
possa ter acesso a todas as informações contidas em um vídeo através de
seu leitor de telas. Ela também pode servir para pessoas que prefiram ler a
história apresentada, que podem imprimir ou baixar um arquivo de texto
que é bem menor que um de vídeo ou áudio.
Transcrição textual
Legenda
Audiodescrição
04/01/2021 Exercício Avaliativo 2
https://mooc.escolavirtual.gov.br/mod/quiz/review.php?attempt=8362753 4/9
Questão 4
Correto
Atingiu 1,00 de 1,00
Você precisa disponibilizar o manual do candidato do vestibular de sua
instituição para download. Qual das opções a seguir seria a mais indicada,
pensando-se em garantir a acessibilidade?
 
Clique aqui para acessar o Manual do Candidato do Vestibular 2012
(.ODT, 560Kb).
Acesse aqui o manual do candidato do vestibular 2012.
Manual do Candidato do Vestibular 2012 (formato .ODT, tamanho
560Kb) 
A resposta é Manual do Candidato do Vestibular 2012 (formato .ODT,
tamanho 560Kb).  
Essa alternativa é o formato ideal para disponibilização, uma vez que o link
fará sentido quando lido isoladamente, e permitirá o usuário decidir se
baixa ou não o arquivo, pois ele saberá o formato e com isso verificará se
tem ou não o software necessário para abri-lo, assim como o tamanho, que
o permitirá decidir se é muito grande por exemplo para baixá-lo no celular
e decida só fazer o download em casa ou em uma rede Wi-fi. 
04/01/2021 Exercício Avaliativo 2
https://mooc.escolavirtual.gov.br/mod/quiz/review.php?attempt=8362753 5/9
Questão 5
Parcialmente correto
Atingiu 0,67 de 1,00
Selecione Verdadeiro ou Falso para as afirmações a seguir. 
Os níveis de cabeçalho podem ser utilizados de
forma aleatória em um site, sem necessariamente
seguir uma hierarquia, já que eles não influenciam
na acessibilidade. 
Conteúdos extensos em uma página da Web
podem ter sua navegação facilitada através de
âncoras para as seções do conteúdo. 
Quando utilizamos palavras incomuns, siglas ou
termos em outros idiomas, é essencial fornecer
uma explicação para tais elementos, seja no
próprio contexto, em um glossário de termos ou de
outra forma. 

Não há necessidade de descrever imagens muito
complexas, como gráficos e mapas.

Imagens decorativas, que não transmitem
conteúdo, precisam de uma descrição.

Informações visuais, como cor e forma, não devem
ser utilizadas como único meio de transmitir uma
informação ao usuário. 
Informações visuais, como cor e forma, não devem ser utilizadas como
único meio de transmitir uma informação ao usuário - Verdadeiro
Descrever imagens decorativas, tal como "linha de separação azul” ou
"Canto superior do menu”, prejudica quem está procurando informações
na página através de um leitor de telas, pois o leitor de telas lerá o
conteúdo que nada tem de informacional ao usuário. Nesses casos a
descrição deve ser vazia "”, assim o leitor de telas ignorará tais imagens.
Não há necessidade de descrever imagens muito complexas, como
gráficos e mapas - Falso
Gráficos ou imagens complexas devem sim ter uma descrição. Isso pode
ser feito através de uma página com a descrição completa do conteúdo
apresentado, podendo ter tabelas ou listas para facilitar o entendimento.
Cores e formas se utilizadas como meio único para passar uma informação
não permite que pessoas com deficiência visual tenham pleno acesso aosserviços ou conteúdos oferecidos.
Conteúdos extensos em uma página da Web podem ter sua navegação
facilitada através de âncoras para as seções do conteúdo - Verdadeiro
Falso
Verdadeiro
Verdadeiro
Verdadeiro
Verdadeiro
Verdadeiro
https://mooc.escolavirtual.gov.br/mod/glossary/view.php?id=147552
04/01/2021 Exercício Avaliativo 2
https://mooc.escolavirtual.gov.br/mod/quiz/review.php?attempt=8362753 6/9
Ancoras como "inicio da página”, "fim da página”, "menu”, ou outros locais
chaves da página agilizam a navegação dos usuários, principalmente
daqueles que utilizam leitores de telas.
Os níveis de cabeçalho podem ser utilizados de forma aleatória em um
site, sem necessariamente seguir uma hierarquia, já que eles não
influenciam na acessibilidade - Falso
Os níveis de cabeçalhos são um dos itens mais importantes e com menor
custo de implementação, quando se fala em acessibilidade digital. Com
eles os deficientes visuais podem ter uma noção da relação de todo o
conteúdo da página, o que facilita seu entendimento e navegação.
Quando utilizamos palavras incomuns, siglas ou termos em outros
idiomas, é essencial fornecer uma explicação para tais elementos, seja
no próprio contexto, em um glossário de termos ou de outra forma -
 Verdadeiro
Descrever siglas e palavras incomuns, assim como termos estrangeiros é
algo que precisa ser feito se quisermos que os usuários entendam o que
lhe é apresentado de forma plena.
https://mooc.escolavirtual.gov.br/mod/glossary/view.php?id=147552
04/01/2021 Exercício Avaliativo 2
https://mooc.escolavirtual.gov.br/mod/quiz/review.php?attempt=8362753 7/9
Questão 6
Correto
Atingiu 1,00 de 1,00
Selecione o elemento correspondente a cada um dos itens a seguir. 
Representam o caminho percorrido pelo
usuário dentro de um conjunto de páginas.
Nesse caminho, todos os elementos, com
exceção da página atual em que o usuário se
encontra, deverão ser links.

Links que remetem a pontos estratégicos em
um site, permitindo que o usuário navegue
com maior agilidade. 
São links para pontos da mesma página,
geralmente utilizados para conteúdos muito
extensos, formando uma espécie de
sumário. 
Links geralmente associados aos atalhos,
que avisam o usuário quando ele encontra-
se no início ou fim de determinado bloco de
conteúdo. 
Representam o caminho percorrido pelo usuário dentro de um conjunto de
páginas. Nesse caminho, todos os elementos, com exceção da página atual
em que o usuário se encontra, deverão ser links - Breadcrumbs 
Links que remetem a pontos estratégicos em um site, permitindo que o
usuário navegue com maior agilidade - Atalhos 
São links para pontos da mesma página, geralmente utilizados para
conteúdos muito extensos, formando uma espécie de sumário - Âncoras 
Links geralmente associados aos atalhos, que avisam o usuário quando ele
encontra-se no início ou fim de determinado bloco de conteúdo - Links
indicadores 
Todos os recursos de acessibilidade apresentados nesta questão fazem
uso da tag de links <href>. Podemos ver que as simples utilizações
adequadas dos recursos do próprio HTML contribuem para facilitar o
acesso aos serviços e informações prestados ao cidadão. 
Breadcrumbs
Atalhos
Âncoras
Links indicadores
04/01/2021 Exercício Avaliativo 2
https://mooc.escolavirtual.gov.br/mod/quiz/review.php?attempt=8362753 8/9
Questão 7
Correto
Atingiu 1,00 de 1,00
Selecione o elemento correspondente a cada um dos itens a seguir.
título da tabela

associação de células de dado a células
de cabeçalho 
resumo da tabela

abreviação de cabeçalho longo

Título da tabela - caption 
Associação de células de dado a células de cabeçalho - id/headers e
scope/col 
Resumo da tabela - summary 
Abreviação de cabeçalho longo - abbr 
Ao se utilizar os atributos HTML de tabela como "abbr”, "summary”,
"caption” e "id/headers e scope/col” permitimos que usuários de leitores de
tela possam compreender de maneira mais rápida os dados apresentados. 
caption
id/headers e scope/col
summary
abbr
04/01/2021 Exercício Avaliativo 2
https://mooc.escolavirtual.gov.br/mod/quiz/review.php?attempt=8362753 9/9
Questão 8
Incorreto
Atingiu 0,00 de 1,00
Sobre as recomendações de acessibilidade, é INCORRETO afirmar que:
 
a. São documentos que visam tornar o conteúdo Web acessível a
todas as pessoas, inclusive às pessoas com deficiência, destinando-se
aos autores de páginas, projetistas de sites e aos desenvolvedores de
ferramentas para criação de conteúdo.
b. O WCAG (Web Content Accessibility Guidelines) contém as
recomendações de acessibilidade para conteúdo da Web, sendo o
principal documento internacional de diretrizes de acessibilidade Web. 

c. O e-MAG (Modelo de Acessibilidade em Governo Eletrônico) é o
documento nacional de recomendações de acessibilidade e apresenta
30 diretrizes de acessibilidade para serem seguidas durante o
desenvolvimento de um site ou portal.
d. A observância das diretrizes de acessibilidade não beneficia
apenas pessoas com deficiência.
A resposta é : O e-MAG (Modelo de Acessibilidade em Governo Eletrônico) é
o documento nacional de recomendações de acessibilidade e apresenta 30
diretrizes de acessibilidade para serem seguidas durante o
desenvolvimento de um site ou portal. 
São 45 diretrizes que devem ser seguidas não somente durante o
desenvolvimento do portal, mas também durante as manutenções e
na alimentação do conteúdo.