#GamesUR Summit - Website Diagnosis
2022-2023
Website Assistant - Member of the Committee
Como assistante do website para a conferência "Games UR Summit NA 2023", diagnostiquei a acessibilidade e a usabilidade do sítio Web de 2022 e recomendei medidas para as melhorar no seu redesign.
Resumo
A #GamesUR Summit é uma conferência anual sobre Investigação e Experiência do Utilizador em jogos. Com o objetivo de melhorar a sua acessibilidade, em 2023, a organização recrutou voluntários especializados nesta área para cada equipa do comité.
Como Website Assistant, fui responsável por diagnosticar a acessibilidade do sítio Web de acordo com as Directrizes de Acessibilidade para Conteúdo Web (WCAG) 2.1. de Nível AA, recomendando medidas a tomar para o cumprimento das mesmas no redesign do website e ajudando e assistindo a líder da equipa na criação e manutenção das suas páginas.
Funções
Como Website Assistant, fui responsável por:
-
Realizar um diagnóstico do website relativamente ao cumprimento das normas das WCAG 2.1. de nível AA.
-
Reportar os resultados desta análise e providenciar indicações guia para a criação de um redesign mais conforme com as normas.
-
Assistir à aplicação de mudanças no website e da sua manutenção.
Para além disto, apoiei outras equipas na realização de:
-
Auditorias a documentos (PDFs) do Summit, como o programa, para garantir a sua compatibilidade com leitores de ecrã;
-
Redacção de um guia sobre Legendas em Vídeos para os voluntários da legendagem, com boas práticas e intruções sobre como usar o software HappyScribe.
Tomei, ainda, a iniciativa de:
-
Criar uma página de FAQs;
-
Realizar uma auditoria à usabilidade do website, para futuros redesigns;
-
Redigir uma Declaração de Acessibilidade.
Equipa "Web Team"
Relatório que mostra a conformidade de três páginas
com 16 critérios de acessibilidade.
01
Diagnóstico da Acessibilidade
Antes do redesign, verifiquei se as páginas do sítio Web estavam em conformidade com os critérios WCAG 2.1. Nível A e AA, efectuando verificações manuais e automáticas.
Para as verificações automáticas, utilizei o validador automático WAVE. Para as verificações manuais, realizei e utilizei:
-
Inspecção manual do código HTML and CSS;
-
Leitor de ecrã NVDA;
-
Color contrast checker;
-
WebDev (Extensão do Chrome)
Relatório
Usei um documento do Google Sheets para elaborar um relatório sobre a conformidade do sítio Web, assinalando todas as páginas não conformes para cada critério.
%20mostra%20um%20n%C3%BAmero.png)
Um excerto do documento simplificado.
02
Relatório Simplificado
De acordo com as instruções da minha líder, criei um documento simplificado que descrevia em pormenor as expectativas necessárias para um sítio Web conforme, explicando:
-
O objectivo final desejado.
-
O tema a que o mesmo se ligava (p.ex. leiturabilidade, navegabilidade);
-
O maior problema ou as demografias mais afectadas pelos problemas ou objectivos em questão;
-
As tarefas a realizar para garantir o cumprimento do objectivo.
O relatório simplificado incluía 30 tarefas relacionadas com a resolução dos problemas identificados no diagnóstico prévio.
O logótipo de um patrocinador tem um texto alternativo adequado.
Proposta de textos alternativos para as fotografias dos membros da comissão.
Estrutura de cabeçalhos inadequada
na página original do Comité.
03
Melhorar a Acessibilidade
Algumas das tarefas que assumi para corrigir a acessibilidade do sítio Web foram
-
Redigir e codificar, em HTML, o texto alternativo adequado para todas as imagens do sítio Web, incluindo as fotografias dos membros da comissão;
-
Arquitecturas de cabeçalhos, adequadamente codificados e hierarquizados;
-
Recomendações de paletes de cores adequadas para um contraste de cores adequado, quando aplicável.
Limitations
Devido ao tipo de subscrição Wordpress utilizado para o sítio Web, não foi possível alterar o estilo e as cores dos elementos da página em CSS.
Este facto deu origem a alguns elementos não conformes ou que não seguiam as melhores práticas de legibilidade:
-
Contraste de cor insuficiente com as hiperligações, opções da barra de navegação e ícones ou texto no cabeçalho e rodapé;
-
Demasiado espaçamento entre cabeçalhos
-
Foco do teclado não visível;
-
Outros.
Estrutura de cabeçalhos adequada
na página reformulada do Comité.
O rodapé original não tinha quaisquer hiperligações para além dos ícones das redes sociais.
Proposta de novo rodapé.
04
Usability Audit
Em teoria, a acessibilidade e a usabilidade são diferentes áreas de estudo; no entanto, ambas se interligam e complementam numa parceria essencial para uma boa experiência do utilizador.
Para melhorar a usabilidade do website, identifiquei algumas medidas de mudança para melhorar a sua estrutura de navegação. Sugeri:
-
Uma arquitectura mais intuitiva para o menu de navegação;
-
Uma página de FAQ e uma Declaração de Acessibilidade que respondem a todas as questões relevantes que um utilizador pudesse ter;
-
Um rodapé melhorado. Quando o original tinha apenas um aviso de direitos de autor e ícones de redes sociais, propus uma nova conceção com hiperligações para páginas relevantes (não implementado).
-
Melhores práticas de legibilidade - garantir que cada bloco de texto tivesse apenas 80 caracteres por linha, em vez dos 171 originais (não implementado).
Estas propostas foram baseadas numa investigação de boas práticas de usabilidade e de outros websites de conferências.
Excerto da página de Perguntas Frequentes.
Excerto da página de Declaração de Acessibilidade.
05
Perguntas Frequentes e Declaração de Acessibilidade
Como surgiram algumas perguntas frequentes no grupo Discord da conferência, tomei a iniciativa de criar uma página de perguntas frequentes que detalhava todos os aspectos importantes.
-
Data e local da conferência, e opções de estacionamento;
-
Como assistir à conferência e participar nela online;
-
Acomodações de acessibilidade fornecidas no local e online;
-
Ligações rápidas para as páginas dos oradores, do programa e das palestras, bem como hiperligações para apresentações de edições anteriores;
-
Informações sobre o comité de 2023 e como tornar-se voluntário;
-
Informações gerais de contacto.
Excerto da Declaração de Acessibilidade.
07
Declaração de Acessibilidade
Após a reformulação do website, redigi uma declaração de acessibilidade em coordenação com os responsáveis das comissões e a equipa de Inclusão.
Esta página inclui:
-
O compromisso do Summit com a acessibilidade;
-
Condições e Medidas de acessibilidade providenciadas presencialmente;
-
Uma explicação detalhada sobre as considerações integradas no website e documentos digitais relativamente a acessibilidade;
-
Limitações à acessibilidade do website;
-
Dados de contacto para utilizadores que desejem reportar problemas ou sugestões.
Conclusão
O website de uma organização só pode ser totalmente acessível se houver um esforço para atingir este objectivo por parte dos líderes, bem como um trabalho de equipa entre as equipas e os seus membros.
O template Wordpress utilizado não permitiu tornar o sítio Web totalmente acessível. No entanto, o meu diagnóstico e as minhas recomendações permitiram que se tornasse próximo de alcançar essa conformidade, através da identificação dos problemas a resolver no imediato e no futuro, conduzindo a melhorias significativas na acessibilidade do sítio Web e dos documentos digitais da conferência.
Logótipo do GamesUR Summit.