marcelxv / one4all

Framework com ferramentas inclusivas práticas e gratuitas desenvolvedores web. Um por todos, todos por um!

One4All

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/#