Exercícios - eMAG - Desenvolvedor

Prévia do material em texto

Verifique abaixo as respostas corretas:
Parte superior do formulário
1. 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.2. 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).3. Selecione a opção que corresponde ao significado de cada uma das frases abaixo.a) Texto sincronizado equivalente ao conteúdo de áudio.        b) 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.        c) 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.        4. 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? a) Clique aqui para acessar o Manual do Candidato do Vestibular 2012 (.ODT, 560Kb). b) Acesse aqui o manual do candidato do vestibular 2012. c) Manual do Candidato do Vestibular 2012 (formato .ODT, tamanho 560Kb) d) Manual do Candidato do Vestibular 2012 (formato .ODT, tamanho 560Kb)5. Selecione Verdadeiro ou Falso para as afirmações a seguir.a) 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.      b) 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.      c) 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.      d) Não há necessidade de descrever imagens muito complexas, como gráficos e mapas.      e) Imagens decorativas, que não transmitem conteúdo, precisam de uma descrição.      f) Informações visuais, como cor e forma, não devem ser utilizadas como único meio de transmitir uma informação ao usuário.      6. Selecione o elemento correspondente a cada um dos itens a seguir.a) 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.          b) Links que remetem a pontos estratégicos em um site, permitindo que o usuário navegue com maior agilidade.          c) São links para pontos da mesma página, geralmente utilizados para conteúdos muito extensos, formando uma espécie de sumário.          d) 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.          7. Selecione o elemento correspondente a cada um dos itens a seguir.a) título da tabela          b) associação de células de dado a células de cabeçalho          c) resumo da tabela          d) abreviação de cabeçalho longo          8. O elemento “label” em formulários deve ser utilizado com a seguinte finalidade: a) Melhorar a organização visual do formulário. b) Agrupar campos de formulário. c) “Ligar” de forma programática o campo de entrada de dados ao respectivo controle (informação em texto). d) Permitir que não sejam iniciadas alterações automáticas quando o campo de formulário receber o foco.9. Você deseja incluir um formulário em seu site onde o usuário possa fornecer informações sobre seus conhecimentos de língua inglesa. Você deseja obter através deste formulário as informações descritas na imagem abaixo, pensando em garantir a acessibilidade, como seria o código HTML de tal formulário? Alternativa A Acessar conteúdo da alternativa A
							
								<form> 
								 <p> Proficiência - Língua Inglesa </p> <br /> 
								 <p>Nível</p> 
								 <input type="radio" name="nivel" value="basico" /> 
								 <label>Básico</label><br/> 
								 <input type="radio" name="nivel" id="intermed" value="intermediario"/> 
								 <label for="intermed">Intermediário</label><br/> 
								 <input type="radio" name="nivel" id="advanced" value="avancado"/> 
								 <label for="advanced">Avançado</label><br/> 
								 <p>Habilidades mais destacadas</p> 
								 <input type=checkbox id="escrita"/> 
								 <label for="escrita">Escrita</label> <br /> 
								 <input type=checkbox id="leitura" /> 
								 <label for="leitura">Leitura</label> <br /> 
								 <input type=checkbox id="conversa" /> 
								 <label for="conversa">Conversação</label> <br /> 
								</form> 
							
						
 Alternativa B Conteúdo alternativa B
							
								<form> 
								 <p> Proficiência - Língua Inglesa </p> 
								 <br /> 
								 <p>Nível</p> 
								 <input type="radio" name="nivel" value="basico" /> 
								 <label>Básico</label><br/> 
								 <input type="radio" name="nivel" id="intermed" value="intermediario"/> 
								 <label for="intermed">Intermediário</label><br/> 
								 <input type="radio" name="nivel" id="advanced" value="avancado"/> 
								 <label for="advanced">Avançado</label><br/> 
								 <fieldset> 
								 <legend>Habilidades mais destacadas</legend> 
								 <input type=checkbox id="escrita"/> 
								 <label for="escrita">Escrita</label> <br /> 
								 <input type=checkbox id="leitura" /> 
								 <label for="leitura">Leitura</label> <br /> 
								 <input type=checkbox id="conversa" /> 
								 <label for="conversa">Conversação</label> <br /> 
								 </fieldset> 
								 </fieldset> 
								</form> 
							
						
 Alternativa C Conteúdo alternativa C
							
								<form> 
								 <fieldset> 
								 <legend>Proficiência - Língua Inglesa</legend> 
								 <fieldset> 
								 <legend>Nível</legend> 
								 <input type="radio" name="nivel"id="basic" value="basico" /> 
								 <labelfor="basic">Básico</label><br/> 
								 <input type="radio" name="nivel" id="intermed" value="intermediario"/> 
								 <label for="intermed">Intermediário</label><br/> 
								 <input type="radio" name="nivel" id="advanced" value="avancado"/> 
								 <label for="advanced">Avançado</label><br/> 
								 </fieldset> 
								 <fieldset> 
								 <legend>Habilidades mais destacadas</legend> 
								 <input type=checkbox id="escrita"/> 
								 <label for="escrita">Escrita</label> <br /> 
								 <input type=checkbox id="leitura" /> 
								 <label for="leitura">Leitura</label> <br /> 
								 <input type=checkbox id="conversa" /> 
								 <label for="conversa">Conversação</label> <br /> 
								 </fieldset> 
								 </fieldset> 
								</form> 
							
						
 Alternativa D Conteúdo alternativa D
							
								<form> 
								 <fieldset> 
								 <legend>Proficiência - Língua Inglesa</legend> 
								 <fieldset> 
								 <legend>Nível</legend><input type="radio" name="nivel" value="basico" /> 
								 <label>Básico</label><br/> 
								 <input type="radio" name="nivel" id="intermed" value="intermediario"/> 
								 <label for="intermed">Intermediário</label><br/> 
								 <input type="radio" name="nivel" id="advanced" value="avancado"/> 
								 <label for="advanced">Avançado</label><br/> 
								 </fieldset> 
								 <fieldset> 
								 <legend>Habilidades mais destacadas</legend> 
								 <input type=checkbox /> Escrita 
								 <br /> 
								 <input type=checkbox/> Leitura 
								 <br /> 
								 <input type=checkbox /> Conversação 
								 <br /> 
								 </fieldset> 
								 </fieldset> 
								</form> 
							
						
10. Selecione Verdadeiro ou Falso para as afirmações a seguir.a) O mapa do site deve estar presente em todo e qualquer site, independente do tamanho e complexidade do mesmo.      b) A opção de alto contraste, presente na barra de acessibilidade, deve garantir uma combinação de cores que apresente um contraste otimizado de, no mínimo, 7:1.      c) O CAPTCHA, de qualquer tipo, poderá ser utilizado sempre que o desenvolver desejar, já que ele não representa problema para acessibilidade.      d) As tabelas deverão ser utilizadas apenas para dados tabulares e não para fins de organização e posicionamento dos elementos na página.      11. Os recursos de Tecnologia Assistiva possibilitam e facilitam a realização de tarefas por pessoas com deficiência. Como exemplo de Tecnologia Assistiva para pessoas cegas e para pessoas com deficiência física ou mobilidade reduzida, temos, respectivamente: a) Leitor de tela e linha Braille b) Leitor de tela e teclado de lâminas c) Ampliador de tela e acionador d) Mouse ocular e mouse de rolos12. 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.13. 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.14. Para melhorar a acessibilidade de seu site, você inseriu links indicadores de início e fim de conteúdo e de menu. Você deseja que esses links estejam ocultos na página, mas sejam acessados pelos leitores de tela. Esse efeito pode ser conseguido através das folhas de estilo, utilizando-se qual dos mecanismos a seguir? a) visibility:hidden; b) position: absolute; left: -999em; c) display:none; d) qualquer um dos mecanismos anteriores15. 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>16. Como exemplos de algumas barreiras enfrentadas por pessoas com deficiência visual e auditiva quando acessam a Web temos, respectivamente: a) Imagens sem descrição e parágrafos muito extensos. b) Links mal descritos e abertura de várias janelas simultaneamente. c) Imagens sem descrição e vídeos sem legenda ou Libras. d) Áudio sem transcrição em texto e existência de imagens ou animações decorativas.17. Sobre os Recursos de Tecnologia Assistiva é INCORRETO afirmar que: a) Os recursos de Tecnologia Assistiva abrangem apenas recursos de acesso ao computador como hardwares e softwares sofisticados e específicos. b) São recursos que contribuem para que as pessoas com deficiência possam ter uma vida mais independente e autônoma. c) São exemplos de recursos de Tecnologia Assistiva: bengalas, brinquedos adaptados, equipamentos de comunicação alternativa, chaves e acionadores especiais, adaptações para mobilidade, dentre muitos outros. d) Essas tecnologias objetivam ampliar a comunicação, a mobilidade e o controle do ambiente, as possibilidades de aprendizagem, trabalho e inclusão social de seus usuários.18. Selecione o recurso de Tecnologia Assistiva correspondente.a) Equipamento eletrônico que transforma o conteúdo em informação tátil, exibida dinamicamente em Braille. É ligado ao computador por cabo, que possui uma linha régua de células Braille, cujos pinos se movem para cima e para baixo, representando uma linha de texto da tela do computador.
          b) Software utilizado principalmente por pessoas cegas, que fornece informações através de síntese de voz sobre os elementos exibidos na tela do computador.
          c) São softwares utilizados por pessoas com baixa visão que ampliam toda ou uma parte da tela para que seu conteúdo seja mais facilmente visualizado.
          d) Representam recursos de hardware ou software utilizados por pessoas com deficiência física ou mobilidade reduzida, que proporcionam uma maneira alternativa de utilizar as teclas ou o mouse.          19. 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.a) 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. 
          b) Os componentes de interface de usuário e a navegação têm de ser operáveis.
          c) 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. 
          d) A informação e a operação da interface de usuário devem ser disponibilizadas de modo que seja possível entendê-la.          20. O eMAG (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.
Parte inferior do formulário
Linha Braille
Leitores de Tela
Ampliadores de Tela
Teclados Alternativos e Acionadores
Robusto
Operável
Perceptível
Compreensível
Legenda
Transcrição textual
Audiodescrição
Falso
Verdadeiro
Verdadeiro
Falso
Falso
Verdadeiro
Breadcrumbs
Atalhos
Âncoras
Links indicadorescaption
id / headers e scope/col
summary
abbr
Falso
Verdadeiro
Falso
Verdadeiro