eMAG Desenvolvedor - Exercicio 2

Prévia do material em texto

Questão 1
Correto
Atingiu 1,00 de 1,00
Marcar questão
Texto da questão
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.
Feedback
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.
Questão 2
Correto
Atingiu 1,00 de 1,00
Marcar questão
Texto da questão
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).
Feedback
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.
Questão 3
Correto
Atingiu 1,00 de 1,00
Marcar questão
Texto da questão
Selecione a opção que corresponde ao significado de cada uma das frases abaixo.
	Texto sincronizado equivalente ao conteúdo de áudio.
	Resposta 1 
	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.
	Resposta 2 
	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.
	Resposta 3 
Feedback
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.
Questão 4
Correto
Atingiu 1,00 de 1,00
Marcar questão
Texto da questão
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) 
Feedback
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.
Questão 5
Correto
Atingiu 1,00 de 1,00
Marcar questão
Texto da questão
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.
	Resposta 1 
	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.
	Resposta 2 
	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.
	Resposta 3 
	Não há necessidade de descrever imagens muito complexas, como gráficos e mapas.
	Resposta 4 
	Imagens decorativas, que não transmitem conteúdo, precisam de uma descrição.
	Resposta 5 
	Informações visuais, como cor e forma, não devem ser utilizadas como único meio de transmitir uma informação ao usuário.
	Resposta 6 
Feedback
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 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
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 outraforma -  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.
Questão 6
Correto
Atingiu 1,00 de 1,00
Marcar questão
Texto da questão
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.
	Resposta 1 
	Links que remetem a pontos estratégicos em um site, permitindo que o usuário navegue com maior agilidade.
	Resposta 2 
	São links para pontos da mesma página, geralmente utilizados para conteúdos muito extensos, formando uma espécie de sumário.
	Resposta 3 
	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.
	Resposta 4 
Feedback
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.
Questão 7
Correto
Atingiu 1,00 de 1,00
Marcar questão
Texto da questão
Selecione o elemento correspondente a cada um dos itens a seguir.
	título da tabela
	Resposta 1 
	associação de células de dado a células de cabeçalho
	Resposta 2 
	resumo da tabela
	Resposta 3 
	abreviação de cabeçalho longo
	Resposta 4 
Feedback
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.
Questão 8
Incorreto
Atingiu 0,00 de 1,00
Marcar questão
Texto da questão
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.
Feedback
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.
Legenda
Transcrição textual
Audiodescrição
Falso
Verdadeiro
Falso
Falso
Verdadeiro
Breadcrumbs
Atalhos
Âncoras
Links indicadores
caption
id/headers e scope/col
summary
abbr