A presentation at Link - Festival Digital de Acessibilidade in in São Paulo, State of São Paulo, Brazil by Marcelo Sales
Início da apresentação
Marcelo Sales Designer há 20 anos atuando com produtos digitais. Professor convidado de acessibilidade na ESPM e Belas Artes. Instrutor de acessibilidade na Mergo User Experience. Membro do Grupo de Trabalho de Acessibilidade do W3C Brasil. No Itaú desde 2008, atualmente no time de Design Ops em CX atuando com UX e foco 100% em acessibilidade. Site pessoal: http://marcelosales.work.
Antes de explicar o toolkit, vamos entender o que é a WCAG.
Diretrizes de Acessibilidade para Conteúdo Web - Foco na palavra CONTEÚDO!
Ao buscar WCAG no Google encontramos mais de 8 milhões de resultados.
Ao entrar nas páginas oficiais encontramos informações ricas e detalhadas de como funciona a WCAG.
Está tudo muito bem documentado, o que em um primeiro momento gera um sentimento de satisfação, afinal, está tudo ali…
Mas logo a quantidade de informação gera outro sentimento… o de preguiça, exaustão e sentimento de que não irá conseguir estudar tudo aquilo.
Porque estudar a WCAG é demorado, as vezes chato, é complicado…
Mas esse pensamento contribui especialmente com duas coisas…
Desafio 1: Adoção de recomendações de acessibilidade em sites e publicações científicas Existe, de fato, uma dificuldade no entendimento das recomendações de acessibilidade, mesmo com a adaptação ao contexto brasileiro? http://mwpt.com.br/desafios-e-oportunidades-de-pesquisa-em-acessibilidade-e-inclusao-digital-no-brasil/
Sim! Há uma grande dificuldade por todos os envolvidos em produtos digitais, na compreensão das diretrizes.
Tudo começou com um “card sorting”!
Exemplo de aplicação do toolkit com um grupo de designers. Aplicação em formato de card sorting.
Quem trabalha com métodos de design thinking sabe que há toolkits para quase tudo… então fui pesquisar se existia algum da WCAG… neste caso, como o da IDEO.
ou então como o Method Cards do governo dos EUA…
talvez o do Mozilla…
e tem também o da Microsoft, sobre inclusão…
talvez o da Hyper Island…
e tem também os do Method Kit que tem toolkit pra tudo literalmente…
até mesmo pra banheiros…
MVP do toolkit…
Roughs e anotações
Teste de impressão e revisão de textos
alguns cards passaram por até 6 revisões…
Material impresso em impressora jato de tinta em casa. 4 cards por folha…
após recortes, dobra-se as partes e cola tudo, para que ele fique mais grosso.
a embalagem em uma faca especial para o tamanho dos cards…
e a caixinha montada com os cards fora e dentro dela…
alguns dos critérios em formato de cards, espalhados em uma mesa…
e as instruções de uso dos materiais…
Composição final do material, contendo os cards, a caixinha, e as instruções.
Não apenas cores para diferenciar, mas também padrões visuais. E utilização de uma fonte que fosse inclusiva, como a Tiresias, uma vez que o uso de fontes comuns, como a Arial, pode prejudicar a leitura.
a versão digital do toolkit
Simulação em vídeo de navegação pelo site guia-wcag.com
O artigo publicado gerou uma série de comentários positivos…
mais comentários…
O toolkit passou a ser utilizado como referência em diversas apresentações *foto de Felipe Barreto apresentando no UX Conf Redux em Porto Alegre
E as pessoas e empresas começaram a imprimir e compartilhar…
até mesmo layouts exclusivos foram criados (com o mesmo formato de distribuição creative commons)
mais layouts exclusivos…
E o W3C Brasil apoiou o projeto distribuindo-o em uma versão exclusiva no evento Web.BR 2018… *agradecimentos ao Reinaldo Ferraz, por isso… :)
Próximos passos…
Lançamento internacional do toolkit no evento “Inclusive Design 24”
Contatos: http://guia-wcag.com, http://acessibilidadetoolkit.com - Instagram & Twitter: @msales - LinkedIn linkedin.com/in/msales78
(portuguese version) Se você trabalha com projetos digitais, provavelmente já recebeu algum tipo de solicitação para tornar seu conteúdo acessível. E a partir desse momento, perguntas como “por onde eu começo?” surgem naturalmente. Ao começar a pesquisar sobre o tema, você cairá na WCAG com certeza e daí surgirão novas dúvidas, principalmente pela quantidade de informações existentes e a falta de orientação de “por onde começar”. Percebendo essa dificuldade em aplicações práticas, como workshops, criei um kit de ferramentas para facilitar a compreensão, aprendizagem e aplicação das WCAG em seus projetos.
The following resources were mentioned during the presentation or are useful additional information.
O site principal do material apresentado aqui. Resumo do toolkit, a história de sua construção e por que ele existe.
Guia de consulta rápida da WCAG. A versão digital apresentada nesse material.
Apresentação do Acessibilidade Toolkit em vídeo.
Artigo oficial que deu origem a publicação do toolkit para que todos pudessem conhecê-lo.
Here’s what was said about this presentation on social media.
for free. You
can too.