Baixe o app para aproveitar ainda mais
Prévia do material em texto
05/02/2021 Exercício Avaliativo Final https://mooc.escolavirtual.gov.br/mod/quiz/attempt.php?attempt=8509917 1/6 Painel / Meus cursos / eMAG Desenvolvedor / Módulo de Encerramento / Exercício Avaliativo Final Questão 1 Ainda não respondida Vale 1,00 ponto(s). 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. https://mooc.escolavirtual.gov.br/my/ https://mooc.escolavirtual.gov.br/course/view.php?id=6101 https://mooc.escolavirtual.gov.br/course/view.php?id=6101#section-3 https://mooc.escolavirtual.gov.br/mod/quiz/view.php?id=150204 05/02/2021 Exercício Avaliativo Final https://mooc.escolavirtual.gov.br/mod/quiz/attempt.php?attempt=8509917 2/6 Questão 2 Ainda não respondida Vale 1,00 ponto(s). 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? 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> b. <form> <p> Proficiência - Língua Inglesa </p> <br /> <p>Nível</p> 05/02/2021 Exercício Avaliativo Final https://mooc.escolavirtual.gov.br/mod/quiz/attempt.php?attempt=8509917 3/6 <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> c. <form> <fieldset> <legend>Proficiência - Língua Inglesa</legend> <fieldset> <legend>Nível</legend> <input type="radio" name="nivel"id="basic" value="basico" /> <label for="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> 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"/> 05/02/2021 Exercício Avaliativo Final https://mooc.escolavirtual.gov.br/mod/quiz/attempt.php?attempt=8509917 4/6 <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> Questão 3 Ainda não respondida Vale 1,00 ponto(s). Selecione Verdadeiro ou Falso para as afirmações a seguir. O mapa do site deve estar presente em todo e qualquer site, independente do tamanho e complexidade do mesmo. Falso 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. Verdadeiro O CAPTCHA, de qualquer tipo, poderá ser utilizado sempre que o desenvolver desejar, já que ele não representa problema para acessibilidade. Falso 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. Verdadeiro 05/02/2021 Exercício Avaliativo Final https://mooc.escolavirtual.gov.br/mod/quiz/attempt.php?attempt=8509917 5/6 Questão 4 Ainda não respondida Vale 1,00 ponto(s). 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. 05/02/2021 Exercício Avaliativo Final https://mooc.escolavirtual.gov.br/mod/quiz/attempt.php?attempt=8509917 6/6 Questão 5 Ainda não respondida Vale 1,00 ponto(s). 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 anteriores.
Compartilhar