Quiz sobre Acessibilidade e Direitos Autorais

A ​​ (a)   é fundamental em qualquer projeto, seja ele um site, um aplicativo

ou um software. Criar algo único e inovador é essencial para se destacar no

mercado e oferecer uma experiência diferenciada aos usuários.

Para aprimorar a visualização do seu projeto, você pode inserir atributos de

acessibilidade às imagens, como o ​ (b)   para descrição e o​ (c)   ​ para

informar a licença de uso.

• originalidade
• alt
• title
• color
• back
• neon

Answer explanation

Muito bem! Você compreendeu bem a importância da originalidade em projetos e a aplicação dos atributos alt e title nas imagens. Esses detalhes são fundamentais para criar uma experiência mais acessível e informativa para os usuários, além de garantir boas práticas em qualquer projeto digital.

Observe a figura a seguir e indique a alternativa que demonstra o exemplo mais adequado da descrição dessa imagem:

• Ilustração do site com instrumento musical na horizontal.

• Um violão grande na cor laranja, posicionado verticalmente sobre um fundo claro.

• Violão marrom colocado na vertical, dentro de um cenário com formas geométricas.

• Um violão laranja com detalhes em roxo, inclinado na diagonal sobre um fundo azul claro.

Answer explanation

Muito bem! Esse texto descreve exatamente a imagem mostrada, de forma clara e de fácil compreensão.

Analise a imagem a seguir e indique qual das opções a seguir deveria ser corrigida para melhorar a acessibilidade deste site.

• Descrição da imagem

• Contraste de cores

• Tamanho da imagem

• Tamanho da fonte (textos)

Answer explanation

Muito bem! O contraste de cores está baixo, isso dificulta a leitura dos textos, por exemplo. A solução neste caso é aumentar o contraste, ou seja, adicionar cores mais fortes e/ou vibrantes para contrastar a cor do texto com o fundo da tela.

Indique a opção que descreve corretamente a diferença entre direitos autorais e domínio público.

• Direitos autorais protegem obras criativas por tempo indeterminado, enquanto domínio público se refere a obras que já perderam seus direitos autorais.

• Direitos autorais protegem obras criativas por um período limitado, enquanto o domínio público se refere a obras que já perderam seus direitos autorais, permitindo que qualquer pessoa utilize a obra sem restrições.

• O domínio público protege uma obra da mesma forma que os direitos autorais, mas apenas em seu país de origem.

• Direitos autorais garantem que qualquer pessoa possa usar uma obra livremente, enquanto o domínio público restringe o uso da obra. Por esse motivo, uma obra que é protegida por direitos autorais nunca entra em domínio público.

Answer explanation

Muito bem! Os direitos autorais protegem a obra por um tempo limitado, e depois a obra entra no domínio público.

Sobre licenças de uso, considere as afirmações a seguir: Agora, identifique quais afirmações são verdadeiras (V) e quais são falsas (F). Escreva a sequência correta de letras nas linhas a seguir:

• FALSO

• Existem licenças de uso com diferentes características, você pode escolher aquela que melhor atende às necessidades do seu projeto.

• VERDADEIRO

• As licenças de uso são responsáveis por mostrar o conteúdo de uma página, ou seja, todos os textos e imagens que aparecem na tela;

• VERDADEIRO

• Ao escolher uma licença, determinamos algumas regras de uso para o nosso projeto, por exemplo, se ele será liberado para fins comerciais

Answer explanation

Parabéns! Você demonstrou um bom entendimento sobre as licenças e como elas regulam o uso de projetos compartilhados.

Amanda criou um site pessoal para mostrar seus projetos e, para deixá-lo mais bonito, usou várias imagens que encontrou na internet. Algumas semanas depois, ela recebeu uma notificação pedindo para remover uma das imagens do site e pagar uma multa. O que pode ter acontecido para Amanda receber essa notificação? Selecione a alternativa correta.

• Amanda usou uma imagem que não era compatível com o tema do seu site.

• Amanda não inseriu descrições na sua imagem, impossibilitando o acesso de pessoas com baixa visão.

• Amanda usou uma imagem que estava em baixa resolução e prejudicava a qualidade do site.

• Amanda usou uma imagem com direitos autorais sem autorização do autor.

Answer explanation

Muito bem! É muito importante lembrar que a maioria das imagens na internet são protegidas por direitos autorais, ou seja, pertencem a alguém que as criou. Usar essas imagens sem a permissão do autor é como roubar o trabalho dele!

Analise as afirmações a seguir e determine V para afirmações verdadeiras e F para afirmações falsas:

• Falso

• O recurso de aumentar/diminuir a fonte ajuda pessoas com dificuldade de leitura a visualizar o conteúdo de uma página de forma mais fácil e clara.

• Verdadeiro

• O recurso de aumentar/diminuir a fonte é útil apenas para pessoas com baixa visão.

• Falso

• O recurso de aumentar/diminuir a fonte é fundamental para garantir que as imagens possam ser descritas corretamente através de leitores de tela.

Answer explanation

Josh criou um botão que reduz o texto do site cada vez que é clicado. No entanto, seu algoritmo não está funcionando. Analise-o a seguir:

Agora, selecione a alternativa que resolveria o problema do algoritmo de Josh.

• A linha de declaração da let letraTamanhoAtual deveria vir abaixo da alteração de estilo, desta forma a fonte seria reduzida a cada clique.

• É necessário informar dentro do escutador de clique (EventListener) que a variável letraTamanhoAtual reduzirá cada vez que for clicada. Podemos utilizar o código letraTamanhoAtual = 0.1; para isso.

• A linha de declaração da const botaoReduzirTamanho deveria estar abaixo do escutador de clique (EventListener), porque essa variável não está sendo chamada no código atual.

• É necessário adicionar o operador - na linha let letraTamanhoAtual. Fica o código corrigido assim: let letraTamanhoAtual -= 1;.

Answer explanation

Muito bem! Desta forma, será possível iniciar a variável com o valor 1 e substrair sempre que o botão é clicado, diminuindo assim o texto.

Felipe deseja criar um novo botão em seu site.

Ordene todos os blocos a seguir e ajude-o a elaborar uma sequência de passos para a criação deste algoritmo:

• Buscar o botão do HTML no JavaScript

• Inserir o comando do botão

• Adicionar um escutador de clique

Answer explanation

Muito bem! Você organizou corretamente as etapas para adicionar a funcionalidade do botão.

Analise a imagem e a sua descrição (alt-text):

Descrição: foto de praia

Agora, selecione a alternativa correta sobre a descrição da imagem.

• A descrição é confusa e traz uma informação falsa em relação à imagem.

• A descrição pode ser mais detalhada, incluindo elementos como areia, água,

  céu nublado, pôr do sol e a ausência de pessoas.

• A descrição da imagem neste caso não seria necessária, porque não há

  pessoas nem textos na imagem.

• A descrição está transmitindo todas as informações importantes da

  imagem, como a presença de areia, água, céu nublado e pôr do sol.

Answer explanation

Muito bem! Lembre-se que podemos narrar com detalhes os elementos principais da imagem, para torná-los acessíveis às pessoas que não conseguem ou possuem alguma dificuldade para enxergar.