top of page

#GamesUR Summit 2023

Set 2022 - Maio 2023

Assistente do Website - Membro do Comité Organizador

Como assistente do website da conferência "#GamesUR Summit NA 2023", diagnostiquei a acessibilidade e usabilidade do site 2022 e recomendei medidas para aplicar no seu redesign.

White Structure
Logótipo da conferência. #games UR Summit North America 2023

Objectivos

Os objectivos do comité de melhorar a acessibilidade do website alinhavam-se com a minha especialização em acessibilidade web. Assim, estes foram os objetivos:

  • Compreender a acessibilidade da versão de 2022, diagnosticando o website de acordo com as WCAG 2.1 nível A e AA;

  • Fornecer recomendações para melhorá-lo, inclusivé investigando as práticas do sector;

  • Contribuir para o processo de redesign, escrevendo ou recomendando códigos HTML e CSS para que o novo website se conformasse às WCAG 2.1. nível A e AA.

Diagnóstico de Acessibilidade Web

Para diagnosticar a acessibilidade do site, me orientei pelas Diretrizes de Acessibilidade de Conteúdo da Web 2.1 nível A e AA, por meio de verificações manuais e automáticas:

  • Inspeção de HTML e CSS;

  • Leitor de tela NVDA;

  • Verificador de contraste de cores;​

  • WebDev (extensão do Chrome)

Excel table depicting which WCAG criteria are followed in a list of pages (Homepage, Sponsors, etc)
Concrete Wall
Concrete Wall
Under the heading "Branding Sponsors", we see Activision User Research's logo. Under it, there's a screenshot of its alt text in the HTML, which says "Activision User Research Logo".

Melhoria da acessibilidade

Após um diagnóstico completo, foram providenciadas recomendações ao resto da equipa, como:

  • Texto alternativo adequado para todas as imagens;

  • Estruturas de cabeçalhos (headings) adequadas;

  • Paletes de cores com contraste de cores suficiente;

​

Implementei pessoalmente algumas dessas medidas, como:

  • Marcação dos cabeçalhos no HTML;

  • Escrever texto alternativo adequado para todas as imagens (logótipos, fotografias das bios, etc) e adicioná-lo ao HTML.

​

A maior parte das medidas foram implementadas, mas devido às limitações do template usado no Wordpress, algumas só serão implementadas no futuro.

Melhorar a usabilidade

Durante o diagnóstico, identifiquei algumas possíveis melhorias para a estrutura de navegação do site e propus:

  • Uma estrutura diferente para o menu de navegação;

  • Uma página de FAQ e uma de Declaração de Acessibilidade, que elaborei e desenvolvi em coordenação com outras equipas;

  • Não implementado: uma proposta de rodapé - melhorando o anterior, que contava apenas com aviso de direitos autorais e ícones de redes sociais, para outro com hiperlinks para páginas relevantes.

 

Estas propostas basearam-se numa investigação das práticas de outros websites de conferências.

O rodapé de uma página web, a preto, tem dois cabeçalhos a branco: Summit e Join Us. Por baixo de cada um estão listas de páginas a branco. Por baixo de Summit: Sponsors, Speakers, Talks, Program. Por baixo de Join Us, Discord, Twitter, Facebook, Instagram, Youtube.
Concrete Wall
Concrete Wall
7 headings in which the h2 levels are correctly coded under a respective h1. For instance, h1 How to submit, and under it, h2 Types of Submissions.

Melhorar o SEO

A Search Engine Optimization foi, em grande parte, uma consequência positiva das correcções relativamente à acessibilidade. A optimização do SEO foi melhorada por:

  • Títulos descritivos, breves e consistentes;

  • Cabeçalhos e estrutura de páginas adequadas;

  • Texto alternativo adequado em todas as imagens.

​

Exemplo: Nenhuma página tinha um cabeçalho h1 ou qualquer estrutura de cabeçalhos organizada. O novo redesign estrutura-os numa hierarquia organizada, essencial para Search Engine Optimization.

bottom of page