Mobile-first e acessível

Criado para todos os ecrãs e todos os utilizadores — porque a exclusão é um risco de negócio, não apenas uma questão ética

A maioria do tráfego web chega agora através de dispositivos móveis, mas um número surpreendente de sites empresariais continua a ser desenhado em formato desktop e depois comprimido. A CWA Europe inverte deliberadamente esse processo. Desenhamos e construímos mobile-first: o contexto mais pequeno e mais limitado é abordado primeiro, e a experiência é melhorada à medida que o tamanho do ecrã e a capacidade aumentam. O resultado é uma interface que parece nativa e pensada no telemóvel, e não uma reflexão tardia, o que é importante porque uma experiência móvel frustrante termina a conversa antes de esta começar.

A acessibilidade está integrada no nosso processo de construção, em vez de ser acrescentada no fim. Trabalhamos com as diretrizes WCAG 2.2 AA como base, que abrangem os requisitos práticos de contraste de cor, navegabilidade por teclado, gestão de foco e utilização correta de elementos HTML semânticos. O design acessível não é uma limitação à criatividade — na nossa experiência, produz consistentemente interfaces mais limpas e melhor estruturadas que beneficiam todos os utilizadores, incluindo os que navegam com pouca luz, numa ligação lenta ou distraídos. Tem também, cada vez mais, peso legal, sobretudo para organizações que operam ou vendem no mercado da UE, onde as expectativas de acessibilidade estão a apertar.

Testamos com tecnologia de apoio real — leitores de ecrã, navegação apenas por teclado e zoom do navegador — em vez de depender apenas de ferramentas de auditoria automática, que detetam apenas uma fração das falhas de acessibilidade genuínas. Alvos táteis, espaçamento entre toques, tamanhos de letra legíveis à escala nativa e indicadores de foco sensatos são todos verificados em dispositivos reais antes de um site sair das nossas mãos.

• Processo de construção mobile-first. O ecrã mais pequeno é desenhado e programado primeiro; melhorado progressivamente através dos breakpoints.
• Base WCAG 2.2 AA. Contraste de cor, acesso por teclado, estados de foco e marcação semântica como padrão.
• Testes com tecnologia de apoio. Navegação por leitor de ecrã e apenas por teclado verificada em dispositivos reais, não apenas com ferramentas automáticas.
• Interações otimizadas para toque. Alvos táteis adequados, tipografia legível à escala nativa e navegação amiga do polegar.
• Inclusivo por design. Padrões acessíveis aplicados desde o início, não acrescentados após o lançamento.

Um website que funciona para todos é também um website que funciona melhor para qualquer pessoa — e, num ambiente digital cada vez mais regulado, isso é simplesmente uma boa prática de negócio.