Exercício Avaliativo 2 EMAG DESENVOLVEDOR

Prévia do material em texto

16/02/2019 Exercício Avaliativo 2
https://mooc.escolavirtual.gov.br/mod/quiz/review.php?attempt=2911012 1/9
Painel / Meus cursos / eMAG Desenvolvedor / Módulo 2 - Web Acessível
/ Exercício Avaliativo 2
Iniciado em sábado, 16 fev 2019, 19:27
Estado Finalizada
Concluída em sábado, 16 fev 2019, 19:54
Tempo
empregado 27 minutos 4 segundos
Notas 5,33/8,00
Avaliar 20,00 de um máximo de 30,00(67%)
Questão 1
Incorreto
Atingiu 0,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. 
16/02/2019 Exercício Avaliativo 2
https://mooc.escolavirtual.gov.br/mod/quiz/review.php?attempt=2911012 2/9
Questão 2
Correto
Atingiu 1,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.
16/02/2019 Exercício Avaliativo 2
https://mooc.escolavirtual.gov.br/mod/quiz/review.php?attempt=2911012 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.
Legenda

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.
Audiodescrição

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.
Transcrição textual

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.
16/02/2019 Exercício Avaliativo 2
https://mooc.escolavirtual.gov.br/mod/quiz/review.php?attempt=2911012 4/9
Questão 4
Incorreto
Atingiu 0,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. 
16/02/2019 Exercício Avaliativo 2
https://mooc.escolavirtual.gov.br/mod/quiz/review.php?attempt=2911012 5/9
Questão 5
Correto
Atingiu 1,00 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. 
Falso

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

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

Não há necessidade de descrever imagens
muito complexas, como gráficos e mapas.
Falso

Imagens decorativas, que não transmitem
conteúdo, precisam de uma descrição.
Falso

Informações visuais, como cor e forma, não
devem ser utilizadas como único meio de
transmitir uma informação ao usuário.
Verdadeiro

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 tenhampleno acesso aos serviç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
16/02/2019 Exercício Avaliativo 2
https://mooc.escolavirtual.gov.br/mod/quiz/review.php?attempt=2911012 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.
16/02/2019 Exercício Avaliativo 2
https://mooc.escolavirtual.gov.br/mod/quiz/review.php?attempt=2911012 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.
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

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. 
16/02/2019 Exercício Avaliativo 2
https://mooc.escolavirtual.gov.br/mod/quiz/review.php?attempt=2911012 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 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

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. 
16/02/2019 Exercício Avaliativo 2
https://mooc.escolavirtual.gov.br/mod/quiz/review.php?attempt=2911012 9/9
Questão 8
Correto
Atingiu 1,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.