eMAG Conteudista Módulo 2 - Introdução Exercício Avaliativo 2

Prévia do material em texto

12/04/2021 Exercício Avaliativo 2
https://mooc.escolavirtual.gov.br/mod/quiz/review.php?attempt=8744166 1/17
Painel / Meus cursos / eMAG Conteudista / Módulo 2 - Web Acessível / Exercício Avaliativo 2
Iniciado em segunda, 12 abr 2021, 10:35
Estado Finalizada
Concluída em segunda, 12 abr 2021, 10:55
Tempo
empregado 19 minutos 47 segundos
Notas 12,00/13,00
Avaliar 46,15 de um máximo de 50,00(92%)
https://mooc.escolavirtual.gov.br/my/
https://mooc.escolavirtual.gov.br/course/view.php?id=6585
https://mooc.escolavirtual.gov.br/course/view.php?id=6585#section-2
https://mooc.escolavirtual.gov.br/mod/quiz/view.php?id=160161
12/04/2021 Exercício Avaliativo 2
https://mooc.escolavirtual.gov.br/mod/quiz/review.php?attempt=8744166 2/17
Questão 1
Correto
Atingiu 1,00 de 1,00
Como você forneceria uma alternativa textual para a
imagem a seguir? 
 
a. alt="organograma da empresa"
b. alt="organograma da empresa contendo: diretor
presidente, diretor administrativo, diretor industrial, diretor
de vendas, coordenadores e vendedores internos e
externos"
c. alt="organograma da empresa" e link logo após a
imagem para a descrição do organograma, que remeteria a
outra página contendo o organograma em texto na forma
de lista hierárquica. 
d. Não utilizaria esta imagem, pois não podemos torná-la
acessível.
A resposta é: 
alt="organograma da empresa" e link logo após a imagem
para a descrição do organograma, que remeteria a outra
página contendo o organograma em texto na forma de
lista hierárquica.
A descrição deve passar a informação que a imagem representa na
página. No caso do organograma, a página deveria descrever algo
como:
"A empresa está estruturada da seguinte maneira, o Diretor Geral tem
três diretores subordinados, são eles o Diretor Administrativo e o
Diretor Industrial, os quais possuem Coordenadores como
12/04/2021 Exercício Avaliativo 2
https://mooc.escolavirtual.gov.br/mod/quiz/review.php?attempt=8744166 3/17
subordinados, e o Diretor de Vendas, que possui Vendedores internos e
externos como subordinados.”
Ou então, ter o organograma na forma de lista hierárquica gerada
através do html:
      <ul>
<li>Diretor Presidente
      <ul>
<li>Diretor Administrativo
<ul>
<li>Coordenadores</li>
</ul>
</li>
<li>Diretor Industrial
<ul>
<li>Coordenadores</li>
</ul>
</li>
<li>Diretor de Vendas
<ul>
<li>Vendedores externos e internos</li>
</ul>
</li>
</ul>
</li>
      </ul>
12/04/2021 Exercício Avaliativo 2
https://mooc.escolavirtual.gov.br/mod/quiz/review.php?attempt=8744166 4/17
Questão 2
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. 
12/04/2021 Exercício Avaliativo 2
https://mooc.escolavirtual.gov.br/mod/quiz/review.php?attempt=8744166 5/17
Questão 3
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.
http://juicystudio.com/services/luminositycontrastratio.php#specify
12/04/2021 Exercício Avaliativo 2
https://mooc.escolavirtual.gov.br/mod/quiz/review.php?attempt=8744166 6/17
Questão 4
Incorreto
Atingiu 0,00 de 1,00
Quais dos formatos a seguir são os recomendados pelo
eMAG para documentos disponibilizados para download? 
 
a. PDF e ODT 
b. HTML e ODF
c. DOC, ODF e HTML
d. HTML e PDF
A resposta é: 
HTML e ODF
O eMAG recomenda que os arquivos sejam em formato
preferencialmente HTML pois é o formato de maior compatibilidade
com os recursos de tecnologia assitiva digital. Também é recomendado
que documentos que não possam ser disponibilizados em HTML sejam
disponibilizados em formato aberto ODF (Open Data File), pois assim as
pessoas que precisem ter acesso as informações não tenham que
adquirir um produto pago.
Contanto que as informações estejam em um desses dois formatos,
nada impede que outros formatos proprietários também sejam
disponibilizados para aqueles usuários que tenham o software para
abrir seu conteúdo, tal como DOC, XLS etc.
O PDF também é um formato muito utilizado para a disponibilização de
conteúdo, contudo é preciso ficar atento para gerar o arquivo com as
marcações de acessibilidade necessárias para seu pleno entendimento
pelas tecnologias assistivas, assim como a utilização do padrão PDF-A.
12/04/2021 Exercício Avaliativo 2
https://mooc.escolavirtual.gov.br/mod/quiz/review.php?attempt=8744166 7/17
Questão 5
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. 
12/04/2021 Exercício Avaliativo 2
https://mooc.escolavirtual.gov.br/mod/quiz/review.php?attempt=8744166 8/17
Questão 6
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. 
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. 
Verdadeiro - Informações visuais, como cor e forma, não devemser
utilizadas como único meio de transmitir uma informação ao usuário
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.
Falso - Não há necessidade de descrever imagens muito complexas,
como gráficos e mapas 
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 aos serviços ou conteúdos oferecidos.
Verdadeiro - 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
Falso
Verdadeiro
Verdadeiro
Falso
Falso
Verdadeiro
https://mooc.escolavirtual.gov.br/mod/glossary/view.php?id=160152
12/04/2021 Exercício Avaliativo 2
https://mooc.escolavirtual.gov.br/mod/quiz/review.php?attempt=8744166 9/17
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.
Falso - 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
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.
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
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=160152
12/04/2021 Exercício Avaliativo 2
https://mooc.escolavirtual.gov.br/mod/quiz/review.php?attempt=8744166 10/17
Questão 7
Correto
Atingiu 1,00 de 1,00
Na página do sítio abaixo, como você distribuiria os níveis
de título h1, h2 e h3, de modo a tornar o conteúdo mais
acessível? 
 
a. <h1>Menu</h1>; <h2> Pessoa com deficiência</h2>;
<h3>Pauta Inclusiva</h3>
b. <h1>Secretaria de Direitos Humanos</h1>; <h2>
Pessoa com deficiência</h2>; <h3>Pauta Inclusiva</h3>
c. <h1>Secretaria de Direitos Humanos</h1>; <h2>
Pessoa com deficiência</h2>; <h3>Programas</h3> 
d. <h1>Secretaria de Direitos Humanos</h1>;
<h2>Menu</h2>; <h3>Programas</h3>
A resposta é: 
<h1>Secretaria de Direitos Humanos</h1>; <h2> Pessoa
com deficiência</h2>; <h3>Programas</h3>
Os marcadores de cabeçalhos devem ser utilizados para marcar o
conteúdo de forma que seja possível entender a correlação entre as
áreas e conteúdos da página. Sendo assim, a opção que melhor
12/04/2021 Exercício Avaliativo 2
https://mooc.escolavirtual.gov.br/mod/quiz/review.php?attempt=8744166 11/17
descreve a hierarquia das informações da página em questão é a letra
"C”, pois ela permite que entendamos que estamos no sítio da
Secretaria de Direitos Humanos (h1), na página Pessoa com deficiência
(h2), onde temos Programas(h3). Os itens Pauta Inclusiva e Hanseníase
seriam (h4) que estariam subordinados ao (h3). 
Questão 8
Correto
Atingiu 1,00 de 1,00
O eMAG 3.0 (Modelo de Acessibilidade em Governo
Eletrônico) é o documento que apresenta recomendações
a serem consideradas para que o processo de
acessibilidade em sítios e portais do governo brasileiro
seja conduzido de forma padronizada e de fácil
implementação. Sendo assim, as recomendações estão
organizadas em seis seções, sendo elas, respectivamente: 
 
a. Marcação, Comportamento, Conteúdo,
Apresentação/Design, Multimídia e Formulários. 
b. Código, Comportamento, Conteúdo, Apresentação
Visual, Mídias e Formulários.
c. Conteúdo, Programação, Marcação, Apresentação
Visual, Multimídia e Formulários.
d. Formulários, Multimídia, Apresentação/Design,
Informação, Comportamento e Marcação.
A resposta é: 
Marcação, Comportamento, Conteúdo,
Apresentação/Design, Multimídia e Formulários. 
As recomendações nacionais de acessibilidade do eMAG estão de
acordo com as diretrizes internacionais do WCAG 2.0. A estruturação do
eMAG em seções serve para facilitar a implementação dos requisitos de
acessibilidade, pois permite a consulta direta a fases específicas da
criação de uma página web.
As recomendações de acessibilidade do eMAG podem ser consultadas
no endereço: http://emag.governoeletronico.gov.br/
http://emag.governoeletronico.gov.br/
12/04/2021 Exercício Avaliativo 2
https://mooc.escolavirtual.gov.br/mod/quiz/review.php?attempt=8744166 12/17
Questão 9
Correto
Atingiu 1,00 de 1,00
A imagem abaixo foi empregada como link para divulgar
informações. Como você forneceria uma alternativa
textual para a imagem? 
 
a. alt="Parada"
b. alt="Parada Pacto Nacional pela Redução de Acidentes,
um Pacto pela Vida" 
c. alt="Um Pacto pela Vida"
d. Não descreveria a imagem, pois se trata de uma figura
decorativa.
A resposta é: 
alt="Parada Pacto Nacional pela Redução de Acidentes,
um Pacto pela Vida"
Conforme já visto em questões anteriores, a descrição das imagens
deve ser condizente com seu conteúdo. Logo, a descrição mais
adequada para imagem apresentada é "Parada Pacto Nacional pela
Redução de Acidentes, um Pacto pela Vida". 
12/04/2021 Exercício Avaliativo 2
https://mooc.escolavirtual.gov.br/mod/quiz/review.php?attempt=8744166 13/17
Questão 10
Correto
Atingiu 1,00 de 1,00
Qual das opções abaixo apresenta uma prática recomendada pelo
eMAG:
 
a. Redirecionamento automático de páginas
b. Página com atualização automática
c. Alternativa para modificar limite de tempo  Muito bem!
Conforme recomendação 2.5 do eMAG - Fornecer alternativa para
modificar limite de tempo. Uma página onde há limite de tempo
para realizar uma tarefa deve haver a opção de desligar, ajustar ou
prolongar esse limite. As demais opções são recomendações de não
utilização de tais práticas por serem prejudiciais a acessibilidade: 
Recomendação 2.3 - Não criar páginas com atualização automática
periódica: A atualização automática periódica - muito utilizada por
canais de notícias. O problema dessa atualização é que ela tira do
usuário sua autonomia em relação à escolha e podem confundir e
desorientar os usuários, especialmente usuários que utilizam
leitores de tela. 
Recomendação 2.4 - Não utilizar redirecionamento automático de
páginas: Não devem ser utilizadas marcações para redirecionar a
uma nova página, ao invés disso, deve-se configurar o servidor para
que o redirecionamento seja transparente para o usuário 
Recomendação 2.6 - Não incluir situações com intermitência de
tela. Não devem ser utilizados efeitos visuais piscantes,
intermitentes ou cintilantes. Em pessoas com epilepsia
fotosensitiva, o cintilar ou piscar pode desencadear um ataque
epilético.
d. Situações com intermitência de tela
Sua resposta está correta.
A resposta é:
Alternativa para modificar limite de tempo 
12/04/2021 Exercício Avaliativo 2
https://mooc.escolavirtual.gov.br/mod/quiz/review.php?attempt=8744166 14/17
Questão 11
Correto
Atingiu 1,00 de 1,00
Você precisa abrir uma nova instância no navegador. Qual das opções a
seguir seria a mais indicada pensando-se em garantir a acessibilidade: 
 
a. <a href="governoeletronico.html" target="_blank"> Governo
Eletrônico (abre nova janela)</a> 
b. <a href="" onClick="javascript:window.open
('governoeletronico.html') ; return false">Governo Eletrônico</a>
c. <a href="governoeletronico.html"target="_self"> Governo
Eletrônico (abre nova janela)</a>
d. <a href="http://governoeletronico.gov.br"
target="_blank">Governo Eletrônico</a>
Sua resposta está correta.
A resposta é:
<a href="governoeletronico.html" target="_blank"> Governo
Eletrônico (abre nova janela)</a> 
A questão está afirmando que você precisa abrir uma nova instância no
navegador e  garantir a acessibilidade nesse caso, conforme
Recomendação 1.9 eMAG. Quando for realmente necessária a abertura
de um link em nova janela, é recomendado que tal ação seja informada
ao usuário no próprio texto do link. Isso permite ao usuário decidir se
quer ou não sair da janela ou aba em que se encontra e, caso decida
acessar o link, ele saberá que se trata de uma nova aba ou janela. 
A alternativa 'A' traz o atributo target='_blank' e o texto no link (abre
nova janela). 
As alternativas 'B' e 'D' não trazem o texto no link (abre nova janela). 
E a alternativa 'C' apesar de trazer o texto no link (abre nova janela), o
atributo target='_self', não abre uma nova janela, e como está descrito
no conteúdo do link, essa ação pode confundir usuários de leitores de
tela. 
12/04/2021 Exercício Avaliativo 2
https://mooc.escolavirtual.gov.br/mod/quiz/review.php?attempt=8744166 15/17
Questão 12
Correto
Atingiu 1,00 de 1,00
O WCAG 2.0 é o principal documento internacional de
recomendações de acessibilidade. O mesmo é dividido em
Princípios, que abrangem Recomendações e para essas são
designados Critérios de Sucesso e Técnicas para
implementação. Selecione os Princípios do WCAG 2.0 de
acordo com seus respectivos significados. 
O conteúdo tem de ser sólido o
suficiente para poder ser interpretado
de forma concisa por diversos agentes
do usuário, incluindo recursos de
tecnologia assistiva. 

Os componentes de interface de
usuário e a navegação têm de ser
operáveis. 
A informação e os componentes da
interface do usuário têm de ser
apresentados aos usuários em formas
que eles possam perceber. 

A informação e a operação da
interface de usuário devem ser
disponibilizadas de modo que seja
possível entendê-la.

Robusto - O conteúdo tem de ser sólido o suficiente para
poder ser interpretado de forma concisa por diversos agentes
do usuário, incluindo recursos de tecnologia assistiva 
Operável - Os componentes de interface de usuário e a
navegação têm de ser operáveis 
Perceptível - A informação e os componentes da interface do
usuário têm de ser apresentados aos usuários em formas que
eles possam perceber  
Compreensível - A informação e a operação da interface de
usuário devem ser disponibilizadas de modo que seja possível
entendê-la 
Robusto
Operável
Perceptível
Compreensível
12/04/2021 Exercício Avaliativo 2
https://mooc.escolavirtual.gov.br/mod/quiz/review.php?attempt=8744166 16/17
As diretrizes internacionais de acessibilidade e seus princípios já podem
ser consultadas no endereço: http://www.w3.org/Translations/WCAG20-
pt-PT/ 
Questão 13
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. As WCAG (Web Content Accessibility Guidelines) são as
recomendações de acessibilidade para conteúdo da Web, e
são o principal documento internacional de diretrizes de
acessibilidade Web.
c. O eMAG (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.
d. A observância das diretrizes de acessibilidade não
beneficia apenas pessoas com deficiência.
A resposta é: 
O eMAG (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.
http://www.w3.org/Translations/WCAG20-pt-PT/
12/04/2021 Exercício Avaliativo 2
https://mooc.escolavirtual.gov.br/mod/quiz/review.php?attempt=8744166 17/17