Desenvolvimento Web e Acessibilidade 2024
Fundació Ampans
Portal WordPress de grande escala para fundação de integração social: acessibilidade WCAG 2.1 AA, múltiplas áreas de conteúdo.
- Desenvolvimento WordPress
- Acessibilidade WCAG
- UX/UI Design
- Arquitetura de Conteúdos
- Formação
01O desafio
O desafio
A Ampans, fundação dedicada à integração de pessoas com deficiência, precisava de um portal WordPress de grande envergadura que gerisse múltiplas áreas: serviços sociais, programas de emprego, centro especial de trabalho, residências e atividades. O site tinha de ser um exemplo de acessibilidade digital, facilitar as doações online e ser mantido por uma equipa editorial diversa.
02A solução
A solução
Desenvolvemos um ecossistema WordPress com arquitetura de conteúdos complexa: tipos personalizados para programas, serviços, notícias e eventos, taxonomias transversais e pesquisa avançada. Implementámos WCAG 2.1 nível AA com navegação por teclado, compatibilidade com leitores de ecrã, modo de alto contraste e textos escaláveis. O sistema de doações é acessível e simplificado. Formámos mais de 15 editores para manter os padrões.
Stack técnico
Como está montado
Front
- ACF Pro Campos à medida
- Gutenberg Edição por blocos
- axe DevTools QA de acessibilidade
Motor
- WordPress CMS e landings
- PHP Linguagem do backend
- Stripe Pagamentos
Dados
- MySQL Base de dados
03Arquitetura
Como flui um pedido
-
Um editor de uma das áreas do portal (serviços sociais, emprego, residências, atividades) publica conteúdo com os blocos do Gutenberg e os campos personalizados do ACF Pro
-
O site serve a página com navegação por teclado, compatibilidade com leitores de ecrã, modo de alto contraste e textos escaláveis em conformidade com a WCAG 2.1 AA
-
Um visitante que quer doar acede ao sistema de doações, simplificado e acessível, que processa o pagamento com Stripe
-
O axe DevTools audita periodicamente as páginas para verificar que a conformidade WCAG 2.1 AA se mantém após cada publicação
-
O motor de pesquisa avançado e as taxonomias transversais permitem encontrar conteúdo entre as várias áreas do portal sem perder a hierarquia da fundação
04Impacto medido
Resultados
- AA Certificação WCAG 2.1
- +200% Doações online
- 15+ Editores formados
- +150% Visibilidade orgânica
Dados verificáveis
Métricas em detalhe
- Duração do projeto do portal (meses)
- 10
- Especialistas na equipa do projeto
- 6
- Áreas de conteúdo geridas no portal (serviços sociais, emprego, centro especial de trabalho, residências, atividades)
- 5
- Tipos de conteúdo personalizados (programas, serviços, notícias, eventos)
- 4
Metodologia: Dados de âmbito do projeto (2024): a duração e a equipa vêm do contrato; as áreas e tipos de conteúdo, da arquitetura do portal. As métricas de acessibilidade, doações, formação e visibilidade estão na secção de resultados deste caso.
05O processo
O processo
-
Auditoria
Análise dos conteúdos existentes e requisitos de acessibilidade
-
Arquitetura
Design de tipos de conteúdo, taxonomias e fluxos editoriais
-
UX/UI
Design inclusivo com foco na usabilidade universal
-
Desenvolvimento
WordPress com blocos personalizados e testing contínuo
-
Formação
Capacitação da equipa editorial em acessibilidade
06Showcase
A plataforma
“Pela primeira vez temos um portal que reflete os nossos valores de inclusão. As doações online cresceram exponencialmente e recebemos reconhecimento pela nossa acessibilidade digital.”
O seu próximo projeto?
Falemos de resultados
Conte-nos o seu desafio. Respondemos em 24h.
Começar a conversa- NDA disponível
- Resposta <24h
- Proposta faseada
