Framework com soluções práticas e gratuitas de acessibilidade para desenvolvedores web. A W3C recomenda incluir acessibilidade ao seu design desde o dia 0 do projeto. Mas, por onde começar?*
Por que?
Considere a acessibilidade no início e em todo o processo de design e desenvolvimento para uma integração perfeita e elegante em projetos da web.
Incorporar a acessibilidade desde o início de um projeto aumenta o impacto positivo de projetar para um público amplo, ao mesmo tempo que diminui os custos de desenvolvimento associados à acessibilidade quando ela é abordada muito mais tarde.
Evite situações em que a acessibilidade seja considerada apenas no final do processo de desenvolvimento. Isso geralmente resulta em recursos de acessibilidade inadequados e "agregados", que são muito menos eficazes para pessoas com deficiência e menos benéficos em geral.
Além disso, esta abordagem - ou seja, para abordar a acessibilidade mais tarde e no final de um projeto - pode resultar em custos adicionais. Quando a acessibilidade é considerada pela primeira vez em um projeto, algumas etapas adicionais para garantir a acessibilidade são necessárias, mas a maior parte do planejamento, design, verificação e implementação caberá facilmente nos processos já implementados. Por exemplo, em vez de avaliar a acessibilidade separadamente, integre as verificações de acessibilidade iterativamente nos processos atuais de teste e garantia de qualidade (QA).
Esse é apenas um exemplo de como a integração da acessibilidade se aplica a um projeto. As melhores práticas em web design indicam que é importante seguir um processo de design sistemático e que as questões de acessibilidade são abordadas em cada estágio. Este recurso aborda como e onde a acessibilidade se encaixa no ciclo de vida de um projeto da web.
Como?
- ☑️ Checklist de Acessibilidade: página onde a pessoa desenvolvedora pode marcado como "checked" que tornam o site ou app dele acessível segundo os parâmetros universais;
- 🤍 Reset de CSS: um repositório de GitHub clonável onde a pessoa desenvolvedora pode baixar e aplicar um reset que aplica boas práticas de CSS já no início de seu projeto;
- 🧪 Um Analizador que via HTTP faz uma análise do front-end do site (semelhante ao Lighthouse) totalmente voltado a analisar as dificuldades de públicos com diferentes tipos de deficiência;
- 📦 Um pacote de npm que rode local ou na linha de comando de uma aplicação totalmente voltado a analisar as dificuldades de públicos com diferentes tipos de deficiência;
- 💰 Calculadora de custos: página da web com calculadora simples que "faça as contas" do prejuízo de não considerar acessibilidade desde o dia 0 de um projeto. Quanto custa refazer para adaptar vs. Quanto custa fazer acessível desde o dia 0;
- 🖼️ Selo de acessível certificação para sites e apps reconhecido pela comunidade;
- 📂 Docs: documentação sobre práticas de acessibilidade para apps, sites, front end (UI);
- 🔧 Plugins para Design: reunimos mais de 10 plugins gratuitos para ajudar designers e desenvolvedores a aplicar boas práticas de acessibilidade ao design em qualquer etapa do processo;
Time
- Marcel Scognamiglio de Campos Lourenço – RM 92382
- Gabriel Dovnorovzki Rodrigues – RM 92399
- Felipe Farias Vieira – RM 92182
- Luciana Pereira dos Santos Souza – RM 92014
DOCUMENTAÇÃO: https://marcelxv.github.io/one4all/#