Criação de um website (Portfólio)
2022-2023
A criação deste website exigiu um planeamento para garantir a sua acessibilidade. Nesta página serão apresentadas algumas medidas tomadas para garantir isso.
Pode ainda ler a Declaração de Acessibilidade para saber mais.
Planeamento desde o início
A melhor forma de implementar medidas de acessibilidade é pensar nisso desde o primeiro momento.
Escolhi o Wix como plataforma para este site porque, de todas as plataformas que já tinha usado, sabia que permitiria a customização de cabeçalhos e texto alternativo para imagens.
Depois de escolher um modelo com um bom contraste de cores entre fundo e texto, foi necessário diagnosticar e corrigir alguns outros problemas.
A implementação de medidas de acessibilidade aumentou a pontuação de SEO do site de 62/100 para 73/100.
Cabeçalhos
Os cabeçalhos do template original eram visualmente evidentes e esteticamente agradáveis, mas não estavam estruturados de forma hierarquizada. Diagnósticos frequentes aos mesmos permitiram-me corrigir esses factores rapidamente.
Antes: À direita, vemos a estrutura da página inicial antes de lhe terem sido aplicadas algumas alterações. Um dos cabeçalhos (Formulário de inscrição) saltava 2 níveis e outro não deveria ser um cabeçalho, conceptualmente.
Depois: Codifiquei e estilizei todos os cabeçalhos para que ficassem num nível adequado.
Texto alternativo em todas as imagens
Utilizadores cegos ou com baixa visão podem ver as imagens se estas forem codificadas com uma descrição adequada no elemento alt. O leitor de ecrã lê-a em voz alta e nenhuma informação relevante é perdida.
Assim, escrevi um texto alternativo relevante em todas as imagens deste site. À esquerda, vemos um exemplo, encontrado no caso de portfólio para o jogo Foolish Mortals.
Contraste de cor
Para decidir as paletes de cores do website, testei as combinações de cores num Color Contrast Checker para garantir que a imagem final tivesse contraste suficiente de acordo com a Diretriz WCAG 2.1 1.4.3 Contraste (Mínimo) e 1.4.4. Contraste (Avançado). Isto foi aplicado para todos os elementos do website.
À direita, podemos ver um exemplo na página inicial. O verificador de contraste de cores mostra que ele atende a todos os critérios observados.
Legendas ocultas
A existência de legendas fechadas nos vídeos são um requisito de nível A (mínimo) para as Diretrizes de Acessibilidade de Conteúdo Web (WCAG). Todos os conteúdos multimédia com vídeo e áudio devem ter legendas sincronizadas, precisas, que identifiquem o locutor e includam sons relevantes.
Escrever as legendas: a primeira etapa foi a transcrição do áudio, em português, incluindo a identificação do locutor e sons como risos e palmas.
Padrões de leiturabilidade: Depois, separei cada legenda a em partes, concedendo a cada legenda o número de caracteres e linhas recomendado pela 3Play Media,W3C-WAI e outras fontes, porque legendas muito longas ou que ficassem pouco tempo no ecrã poderiam ser difíceis de acompanhar.
Tradução para Inglês: O website tem uma versão em inglês, pelo que falantes desta língua seriam uma demografia-alvo. Assim, traduzi as legendas do vídeo de 17 minutos para Inglês. Por vezes, foi necessário dividir uma legenda em duas, ou em mais linhas, para melhorar a leiturabilidade.
Garanti ainda que ambos os idiomas teriam legendas:
-
Sincronizadas com o áudio.
-
Precisas;
-
Optimizadas para a leiturabilidade, seguindo o número recomendado de linhas, caracteres por linha e intervalo de tempo.
Aumentei a pontuação da SEO (11 pontos), de 62 para 73.
A optimização para motores de busca foi uma opção consciente implementada a partir de:
Medidas de acessibilidade: Títulos de página significativos; estruturas de cabeçalhos adequadas; texto alternativo em todas as imagens.
Outras medidas: Redacção de meta descrições para cada página; fazer os URLs compatíveis com SEO; garantir um tamanho optimizado para o título das páginas; diagnóstico das páginas por meio de uma ferramenta de avaliação para SEO.
Algumas escolhas de prioridades e algumas limitações com a plataforma ainda não me permitiram optimizar o SEO em todo o seu potencial. Actualmente, a pontuação de SEO da página inicial é 73, de acordo com o website SEO Checker.
