Atividade sobre Acessibilidade Web HTML5 CSS e JavaScript

ATIVIDADE 01 INDIVIDUAL Valor 100 pontos Site Acessível Acessibilidade na Internet ou acessibilidade na web significa permitir o acesso à web por todos independente de tipo de usuário situação ou ferramenta É criar ou tornar as ferramentas e páginas web acessíveis a um maior número de usuários inclusive pessoas com deficiências A acessibilidade na web beneficia também pessoas idosas usuários de navegadores alternativos usuários de tecnologia assistiva e de acesso móvel Isso ajuda a garantir igualdade de direitos e cidadania Promove independência melhoria na qualidade de vida inclusão social e digital de pessoas com deficiências visuais ao permitir acesso igualitário a informações Como as pessoas com baixa visão possuem um resíduo visual recomendase aproveitar a visão substituindo o recurso auditivo pelo visual Por isso além da utilização de um leitor de tela o ideal é aumentar os ícones e a letra sendo que o melhor contraste para ser trabalhado na área de trabalho é o preto no branco Por exemplo no editor de texto se pode trabalhar com o contraste branco no preto e com a fonte ampliada geralmente o tamanho 24 O auxilio a leitura para pessoas com baixa visão pode ser feito através do alto contraste essa opção deve gerar uma página em que a relação de contraste entre o plano de fundo e os elementos do primeiro plano seja de no mínimo 71 contraste otimizado Os usuários com deficiência visual parcial não conseguem ou tem dificuldade em ler determinados textos em sites na internet muitas vezes por não conseguirem ler o texto no tamanho da fonte em que foi aplicado no site Para corrigir este problema e deixar a sua plataforma acessível para todas as pessoas é importante aplicar o botão que possibilite alternar o tamanho das fontes tanto para maior quanto para menor Fonte httpscaleidoculturacombracessibilidade QUESTÃO 01 Desenvolva duas páginas web tema e conteúdo livre usando as tecnologias HTML5 CSS w3CSS e JavaScript As páginas devem ser iguais em conteúdo porém com mudanças no seu estilo visual para se adequar a pessoas com problemas visuais ou daltonismo A primeira página terá tema e estilo de apresentação visual livre ou seja o estudante pode por exemplo falar sobre seu time de futebol ou sobre o processo de polarização das abelhas A segunda página deve possuir o mesmo conteúdo da primeira mas com alto contrates e letras maiores Abaixo segue a lista de itens que deve conter na primeira página ITENS DE HTML 30 pontos 1 05 ponto Tags de cabeçalho ou Elementos de formatação Ex h1h1 ou ii 2 05 ponto Tabela 3 05 ponto Quatro tipos de elementos de entrada 4 05 ponto Áudiovídeo por arquivo local ou Vídeo do youtube 5 05 ponto Imagens pelo menos duas 6 05 ponto Botões e Links ITENS DE CSS 25 pontos 7 05 ponto Cores diferentes primeira página ou Cards 8 05 ponto Formatação variada de tabelas com linhas mudando de cor quando passa o mouse 9 05 ponto Formatação variada de botões Ex bordas arredondadas 10 05 ponto Formatação variada de elementos de entrada 11 05 ponto Formatação variada das imagens ITEM DE JAVASCRIPT 20 pontos 12 Um pequeno script usando a linguagem JavaScript modificando algo no texto ou em imagem escolha livre do estudante A montagem da segunda página com alto contrates e letras maiores valerá 25 pontos Para facilitar a correção por parte do tutor o estudante deve montar um pequeno relatório apresentando de forma clara como cumpriu as 12 exigências listadas acima Nesse relatório pode ter prints do código ou prints de partes das páginas criadas O estudante deve enviar um arquivo compactado com as páginas HMTL os demais arquivos necessários para sua execução e o relatório explicativo ATIVIDADE 01 INDIVIDUAL Valor 100 pontos Site Acessível Acessibilidade na Internet ou acessibilidade na web significa permitir o acesso à web por todos independente de tipo de usuário situação ou ferramenta É criar ou tornar as ferramentas e páginas web acessíveis a um maior número de usuários inclusive pessoas com deficiências A acessibilidade na web beneficia também pessoas idosas usuários de navegadores alternativos usuários de tecnologia assistiva e de acesso móvel Isso ajuda a garantir igualdade de direitos e cidadania Promove independência melhoria na qualidade de vida inclusão social e digital de pessoas com deficiências visuais ao permitir acesso igualitário a informações Como as pessoas com baixa visão possuem um resíduo visual recomendase aproveitar a visão substituindo o recurso auditivo pelo visual Por isso além da utilização de um leitor de tela o ideal é aumentar os ícones e a letra sendo que o melhor contraste para ser trabalhado na área de trabalho é o preto no branco Por exemplo no editor de texto se pode trabalhar com o contraste branco no preto e com a fonte ampliada geralmente o tamanho 24 O auxilio a leitura para pessoas com baixa visão pode ser feito através do alto contraste essa opção deve gerar uma página em que a relação de contraste entre o plano de fundo e os elementos do primeiro plano seja de no mínimo 71 contraste otimizado Os usuários com deficiência visual parcial não conseguem ou tem dificuldade em ler determinados textos em sites na internet muitas vezes por não conseguirem ler o texto no tamanho da fonte em que foi aplicado no site Para corrigir este problema e deixar a sua plataforma acessível para todas as pessoas é importante aplicar o botão que possibilite alternar o tamanho das fontes tanto para maior quanto para menor Fonte httpscaleidoculturacombracessibilidade QUESTÃO 01 Desenvolva duas páginas web tema e conteúdo livre usando as tecnologias HTML5 CSS w3CSS e JavaScript As páginas devem ser iguais em conteúdo porém com mudanças no seu estilo visual para se adequar a pessoas com problemas visuais ou daltonismo A primeira página terá tema e estilo de apresentação visual livre ou seja o estudante pode por exemplo falar sobre seu time de futebol ou sobre o processo de polarização das abelhas A segunda página deve possuir o mesmo conteúdo da primeira mas com alto contrates e letras maiores Abaixo segue a lista de itens que deve conter na primeira página ITENS DE HTML 30 pontos 1 05 ponto Tags de cabeçalho ou Elementos de formatação Ex h1h1 ou ii 2 05 ponto Tabela 3 05 ponto Quatro tipos de elementos de entrada 4 05 ponto Áudiovídeo por arquivo local ou Vídeo do youtube 5 05 ponto Imagens pelo menos duas 6 05 ponto Botões e Links ITENS DE CSS 25 pontos 7 05 ponto Cores diferentes primeira página ou Cards 8 05 ponto Formatação variada de tabelas com linhas mudando de cor quando passa o mouse 9 05 ponto Formatação variada de botões Ex bordas arredondadas 10 05 ponto Formatação variada de elementos de entrada 11 05 ponto Formatação variada das imagens ITEM DE JAVASCRIPT 20 pontos 12 Um pequeno script usando a linguagem JavaScript modificando algo no texto ou em imagem escolha livre do estudante A montagem da segunda página com alto contrates e letras maiores valerá 25 pontos Para facilitar a correção por parte do tutor o estudante deve montar um pequeno relatório apresentando de forma clara como cumpriu as 12 exigências listadas acima Nesse relatório pode ter prints do código ou prints de partes das páginas criadas O estudante deve enviar um arquivo compactado com as páginas HMTL os demais arquivos necessários para sua execução e o relatório explicativo