Tornando o mundo mais justo e democrático com o seu site, tema ou plugin
Celso Bessa
O que é um mundo mais justo e democrático?
no contexto desta palestra:
inclusão, informação, educação
Inspiração: Timothy Snyder
"Assuma sua responsabilidade para com o mundo"
"Lembre-se da ética profissional"
“Esteja pronto para dizer não”
(Extraído de Sobre a tirania – Vinte lições do século XX para o presente, de Timothy Snyder)
Inspiração: Pedro Markun
Mas e aí?
Combinações desastrosas:
Velocidades de conexões móveis
(velocidades de referência em www.webpagetest.org )
3G é ao menos 5x mais demorado que 4G
Até o dobro para pessoas em situação de deficiência
E no Brasil?
Convenção Sobre Os Direitos Das Pessoas Com Deficiência Das Nações Unidas
"a deficiência resulta da interação entre pessoas com deficiência e as barreiras devidas às atitudes e ao ambiente que impedem a plena e efetiva participação dessas pessoas na sociedade em igualdade de oportunidades com as demais pessoas."
www.planalto.gov.br/ccivil_03/_Ato2007-2010/2009/Decreto/D6949.htm
a deficiência está na situação
Acessibilidade um direito em si e também permite a realização de direitos constitucionais e direitos humanos
velocidade também é um ítem de acessibilidade
Planeje seu site para ser rápido em 3G Rápido.
Idioma e linguagem também é acessibildade
Acessibilidade e desempenho são processos, e envolve todo mundo: designer, desenvolvedor, editores, etc;
Ganhos rápidos em acessibilidade
Texto alternativo apropriado
HTML semântico, em especial cabeçalhos (headers h1… h2), listas e as regiões (landmarks) como nav, header, main, section, etc;
Campos de formulário etiquetados corretamente
Mensagens de erro contextuais. Por exemplo, ao invés de o "este campo é obrigatório" use "o campo X é obrigatório";
Ganhos rápidos em otimização
Não use Javascript como se fosse pimenta ou sal na comida. Pegue leve especialmente com bibliotecas.
Aprenda Javascript baunilha, não bibliotecas. Prefira utilizar APIs nativas do navegador e aprenda CSS de verdade, muita coisa que se faz com Javascript é terreno de um ou de outros
Não se trata apenas de peso dos arquivos e quantidade de dados, mas recursos computacionais.
Ganhos rápidos em otimização
Otimize imagens
Remova CSS não utilizado.
Carregamento adiado (lazy load): CSS, imagens, iframes, vídeos.
Utilize srcset e detecção de funcionalidades (feature detection) para carregar scripts, CSS, imagens e vídeos[1] de acordo com as condições do usuário
1: não há srcset nativo para vídeos. Aqui eu faço um experimento utilizando CSS e JS: https://github.com/celsobessa/video-element-srcset
Para saber mais sobre acessibilidade
Assista as palestras sobre os temas no WordCamp 2021. Não dá para aprender tudo em meia hora, mas é um bom começo.
WCAG 2.1 Tradução oficial em Português:�https://www.w3c.br/traducoes/wcag/wcag21-pt-BR/
Cartilha Acessibilidade na Web do NIC.br. Atualmente no 4.o fascículo:�https://www.nic.br/publicacao/cartilha-de-acessibilidade-na-web-fasciculo-iv/
Siga @reinaldoferraz e @ComuNICbr no Twitter. No caso do NIC.br não só para acessibilidade, mas para tudo sobre internet (e sociedade).
35% > 86%
A PORCENTAGEM DE SITES UTILIZANDO HTTPS PASSOU DE 35% EM 2017 PARA 86% EM 2020
Não é apenas sobre tecnologia
72%
Desconto oferecido por Chris Ferdinandi a pessoas que vivem em países com economias mais frágeis
Ideias para desconto
Compartilhe conhecimento
Linguagem também é acessibilidade
Escolha seus clientes.
(sempre que possível)
Bônus:
Obrigado! E vamos fazendo um mundo mais justo e democrático um passo de cada vez.
#TamoJunto
twitter.com/celsobessa�celso@celsobessa.com.br