O Contexto: O Desafio de Ser Exemplo
A Escola de Gente – Comunicação em Inclusão é uma organização da sociedade civil premiada internacionalmente por seu trabalho na defesa dos direitos das pessoas com deficiência. Quando a missão de uma ONG é cobrar inclusão da sociedade e do governo, sua própria plataforma online precisa ser um exemplo inquestionável. Não bastava ter um site bonito ou rápido; a nova presença digital da Escola de Gente precisava praticar exatamente o que a instituição prega: não deixar ninguém de fora.
O Desafio: Além do “Plugin de Acessibilidade”
A maioria das agências trata a acessibilidade digital como um “puxadinho”: instalam um plugin genérico no fim do projeto e dão o trabalho por encerrado. Para a Escola de Gente, isso era inaceitável. O portal precisava ser nativamente inclusivo (Accessibility by Design), atendendo de forma profunda pessoas com deficiências visuais, auditivas, motoras e intelectuais, sem perder a identidade visual alegre e engajadora da ONG.
A Solução Webteria: Código Semântico e Inclusivo
Assumimos o desafio de desenvolver o portal (escoladegente.org.br) seguindo rigorosamente as diretrizes internacionais de acessibilidade web (WCAG).
- HTML Semântico e WAI-ARIA: Construímos o site desde o alicerce com marcações de código precisas. Isso garante que leitores de tela (como NVDA e VoiceOver, usados por pessoas cegas) consigam interpretar a hierarquia da página, ler imagens (através de textos alternativos descritivos) e guiar o usuário com fluidez.
- Navegação por Teclado (Foco Visível): Para pessoas com deficiência motora que não utilizam o mouse, garantimos que 100% dos links, botões e formulários pudessem ser acessados usando apenas a tecla “Tab”, com indicadores de foco claros e lógicos que não quebram o layout.
- Contraste e Legibilidade: Implementamos ferramentas nativas no painel para alternância de alto contraste e redimensionamento de fontes. A paleta de cores original foi ajustada e validada matematicamente para garantir leitura confortável para daltônicos e pessoas com baixa visão.
- Otimização para Libras: Arquitetura limpa para não conflitar com ferramentas de tradução automática ou vídeos institucionais com janela de intérprete e audiodescrição.
O Resultado
O portal da Escola de Gente tornou-se um benchmark (referência) no Terceiro Setor de como a internet deve ser desenhada. Entregamos uma plataforma robusta de gestão de conteúdo onde cada linha de código respeita a diversidade humana. O projeto reforçou a credibilidade da ONG, provando que é possível ter um site moderno, seguro e 100% livre de barreiras de comunicação.
Destaques Técnicos
- Cliente: Escola de Gente (ONG / Terceiro Setor).
- Tipo: Portal Institucional.
- Compliance: Diretrizes de Acessibilidade para Conteúdo Web (WCAG).
- Tecnologias: Desenvolvimento Front-end Acessível (WAI-ARIA, Semântica Web), Controles de Contraste e Fontes, Navegação por Teclado.
