Prévia do material em texto

Painel / Meus cursos / eMAG Conteudista / Módulo 2: Web Acessível / Exercício Avaliativo - Módulo 2
Iniciado em sexta, 13 jun 2025, 11:43
Estado Finalizada
Concluída em sexta, 13 jun 2025, 16:09
Tempo
empregado 4 horas 25 minutos
Notas 12,17/13,00
Avaliar 46,79 de um máximo de 50,00(94%)
Exercício Avaliativo - Módulo 2: Revisão da tentativa https://mooc38.escolavirtual.gov.br/mod/quiz/review.php?attempt=14027674&cmid=298526
1 of 10 13/06/2025, 16:10
https://mooc38.escolavirtual.gov.br/my/
https://mooc38.escolavirtual.gov.br/my/
https://mooc38.escolavirtual.gov.br/course/view.php?id=15898
https://mooc38.escolavirtual.gov.br/course/view.php?id=15898
https://mooc38.escolavirtual.gov.br/course/view.php?id=15898#section-2
https://mooc38.escolavirtual.gov.br/course/view.php?id=15898#section-2
https://mooc38.escolavirtual.gov.br/mod/quiz/view.php?id=298526
https://mooc38.escolavirtual.gov.br/mod/quiz/view.php?id=298526
Questão 1
Correto
Atingiu 1,00 de 1,00
Como você forneceria uma alternativa textual para a imagem a seguir?
Escolha uma opção:
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 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:
      
Diretor Presidente
      
Diretor Administrativo
Coordenadores
Diretor Industrial
Coordenadores
Diretor de Vendas
Vendedores externos e internos
      
Exercício Avaliativo - Módulo 2: Revisão da tentativa https://mooc38.escolavirtual.gov.br/mod/quiz/review.php?attempt=14027674&cmid=298526
2 of 10 13/06/2025, 16:10
Questão 2
Correto
Atingiu 1,00 de 1,00
Questão 3
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?
Escolha uma opção:
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.
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).
Escolha uma opção:
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.
Exercício Avaliativo - Módulo 2: Revisão da tentativa https://mooc38.escolavirtual.gov.br/mod/quiz/review.php?attempt=14027674&cmid=298526
3 of 10 13/06/2025, 16:10
http://juicystudio.com/services/luminositycontrastratio.php#specify
http://juicystudio.com/services/luminositycontrastratio.php#specify
http://juicystudio.com/services/luminositycontrastratio.php#specify
http://juicystudio.com/services/luminositycontrastratio.php#specify
Questão 4
Correto
Atingiu 1,00 de 1,00
Questão 5
Correto
Atingiu 1,00 de 1,00
Quais dos formatos a seguir são os recomendados pelo eMAG para documentos
disponibilizados para download?
Escolha uma opção:
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.
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?
Escolha uma opção:
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.
Exercício Avaliativo - Módulo 2: Revisão da tentativa https://mooc38.escolavirtual.gov.br/mod/quiz/review.php?attempt=14027674&cmid=298526
4 of 10 13/06/2025, 16:10
https://mooc38.escolavirtual.gov.br/mod/quiz/review.php?attempt=14027674&cmid=298526#
https://mooc38.escolavirtual.gov.br/mod/quiz/review.php?attempt=14027674&cmid=298526#
https://mooc38.escolavirtual.gov.br/mod/quiz/review.php?attempt=14027674&cmid=298526#
https://mooc38.escolavirtual.gov.br/mod/quiz/review.php?attempt=14027674&cmid=298526#
https://mooc38.escolavirtual.gov.br/mod/quiz/review.php?attempt=14027674&cmid=298526#
https://mooc38.escolavirtual.gov.br/mod/quiz/review.php?attempt=14027674&cmid=298526#
https://mooc38.escolavirtual.gov.br/mod/quiz/review.php?attempt=14027674&cmid=298526#
https://mooc38.escolavirtual.gov.br/mod/quiz/review.php?attempt=14027674&cmid=298526#Questão 6
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.
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.
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.
Falso

Verdadeiro - Informações visuais, como cor e forma, não devem ser 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
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.
Exercício Avaliativo - Módulo 2: Revisão da tentativa https://mooc38.escolavirtual.gov.br/mod/quiz/review.php?attempt=14027674&cmid=298526
5 of 10 13/06/2025, 16:10
https://mooc38.escolavirtual.gov.br/mod/glossary/view.php?id=298519
https://mooc38.escolavirtual.gov.br/mod/glossary/view.php?id=298519
https://mooc38.escolavirtual.gov.br/mod/glossary/view.php?id=298519
https://mooc38.escolavirtual.gov.br/mod/glossary/view.php?id=298519
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?
Escolha uma opção:
a. Menu; Pessoa com deficiência; Pauta Inclusiva
b. Secretaria de Direitos Humanos; Pessoa com deficiência;
Pauta Inclusiva
c. Secretaria de Direitos Humanos; Pessoa com deficiência;
Programas 
d. Secretaria de Direitos Humanos; Menu; Programas
A resposta é: 
Secretaria de Direitos Humanos; Pessoa com deficiência;
Programas
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 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).
Exercício Avaliativo - Módulo 2: Revisão da tentativa https://mooc38.escolavirtual.gov.br/mod/quiz/review.php?attempt=14027674&cmid=298526
6 of 10 13/06/2025, 16:10
Questão 8
Correto
Atingiu 1,00 de 1,00
Questão 9
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:
Escolha uma opção:
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/
A imagem abaixo foi empregada como link para divulgar informações. Como você
forneceria uma alternativa textual para a imagem?
Escolha uma opção:
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".
Exercício Avaliativo - Módulo 2: Revisão da tentativa https://mooc38.escolavirtual.gov.br/mod/quiz/review.php?attempt=14027674&cmid=298526
7 of 10 13/06/2025, 16:10
http://emag.governoeletronico.gov.br/
http://emag.governoeletronico.gov.br/
http://emag.governoeletronico.gov.br/
http://emag.governoeletronico.gov.br/
Questão 10
Correto
Atingiu 1,00 de 1,00
Questão 11
Correto
Atingiu 1,00 de 1,00
Qual das opções abaixo apresenta uma prática recomendada pelo eMAG:
Escolha uma opção:
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 à escolhae 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
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:
Escolha uma opção:
a. Governo Eletrônico (abre nova janela) 
b. Governo
Eletrônico
c. Governo Eletrônico (abre nova janela)
d. Governo Eletrônico
Sua resposta está correta.
A resposta é:
 Governo Eletrônico (abre nova janela)
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.
Exercício Avaliativo - Módulo 2: Revisão da tentativa https://mooc38.escolavirtual.gov.br/mod/quiz/review.php?attempt=14027674&cmid=298526
8 of 10 13/06/2025, 16:10
Questão 12
Parcialmente correto
Atingiu 0,50 de 1,00
Questão 13
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. 
Robusto

Os componentes de interface de usuário e a navegação têm de
ser operáveis.
Operá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.
Perceptível

Você selecionou corretamente 2.
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
As diretrizes internacionais de acessibilidade e seus princípios já podem ser consultadas no endereço: http://
www.w3.org/Translations/WCAG20-pt-PT/
Sobre as recomendações de acessibilidade, é INCORRETO afirmar que:
Escolha uma opção:
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.
◄ Conteúdo - Módulo 2 Seguir para... Avaliação de Satisfação com o Curso ►
Exercício Avaliativo - Módulo 2: Revisão da tentativa https://mooc38.escolavirtual.gov.br/mod/quiz/review.php?attempt=14027674&cmid=298526
9 of 10 13/06/2025, 16:10
http://www.w3.org/Translations/WCAG20-pt-PT/
http://www.w3.org/Translations/WCAG20-pt-PT/
http://www.w3.org/Translations/WCAG20-pt-PT/
http://www.w3.org/Translations/WCAG20-pt-PT/
https://mooc38.escolavirtual.gov.br/mod/book/view.php?id=298525&forceview=1
https://mooc38.escolavirtual.gov.br/mod/book/view.php?id=298525&forceview=1
https://mooc38.escolavirtual.gov.br/mod/questionnaire/view.php?id=298527&forceview=1
https://mooc38.escolavirtual.gov.br/mod/questionnaire/view.php?id=298527&forceview=1
Exercício Avaliativo - Módulo 2: Revisão da tentativa https://mooc38.escolavirtual.gov.br/mod/quiz/review.php?attempt=14027674&cmid=298526
10 of 10 13/06/2025, 16:10