Acessibilidade Toolkit

Slide 1

Acessibilidade Toolkit

Início da apresentação

Slide 2

Quem é Marcelo Sales?

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.

Slide 3

Por quê criar um toolkit de acessibilidade?

Slide 4

O que é WCAG?

Antes de explicar o toolkit, vamos entender o que é a WCAG.

Slide 5

WCAG

Slide 6

Web Content Accessibility Guidelines

Diretrizes de Acessibilidade para Conteúdo Web - Foco na palavra CONTEÚDO!

Slide 7

Busca no Google por WCAG

Ao buscar WCAG no Google encontramos mais de 8 milhões de resultados.

Slide 8

W3C - Noções sobre a WCAG

Ao entrar nas páginas oficiais encontramos informações ricas e detalhadas de como funciona a WCAG.

Slide 9

Está tudo muito bem documentado, o que em um primeiro momento gera um sentimento de satisfação, afinal, está tudo ali…

Slide 10

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.

Slide 11

Então... por quê criar um toolkit de acessibilidade?

Slide 12

Porque estudar a WCAG é demorado, as vezes chato, é complicado…

Slide 13

Mas esse pensamento contribui especialmente com duas coisas…

o não entendimento das diretrizes (e consequentemente)
a não adoção completa das diretrizes

Slide 14

Desafios e oportunidades de pesquisa em acessibilidade e inclusão digital no Brasil.

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/

Slide 15

Sim! Há uma grande dificuldade por todos os envolvidos em produtos digitais, na compreensão das diretrizes.

Slide 16

A primeira ideia para o toolkit...

Slide 17

Tudo começou com um “card sorting”!

Slide 18

Exemplo de aplicação do toolkit com um grupo de designers. Aplicação em formato de card sorting.

Slide 19

Existe toolkit pra tudo...

Slide 20

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.

Slide 21

ou então como o Method Cards do governo dos EUA…

Slide 22

talvez o do Mozilla…

Slide 23

e tem também o da Microsoft, sobre inclusão…

Slide 24

talvez o da Hyper Island…

Slide 25

e tem também os do Method Kit que tem toolkit pra tudo literalmente…

Slide 26

até mesmo pra banheiros…

Slide 27

Ou seja, existe toolkit pra QUASE tudo... Não existia um sobre a WCAG, ainda...

Slide 28

Processo de criação...

Slide 29

MVP do toolkit…

Slide 30

Roughs e anotações

Slide 31

Teste de impressão e revisão de textos

Slide 32

alguns cards passaram por até 6 revisões…

Slide 33

Construção do “boneco”...

Slide 34

Material impresso em impressora jato de tinta em casa. 4 cards por folha…

Slide 35

após recortes, dobra-se as partes e cola tudo, para que ele fique mais grosso.

Slide 36

a embalagem em uma faca especial para o tamanho dos cards…

Slide 37

e a caixinha montada com os cards fora e dentro dela…

Slide 38

alguns dos critérios em formato de cards, espalhados em uma mesa…

Slide 39

e as instruções de uso dos materiais…

Slide 40

Composição final do material, contendo os cards, a caixinha, e as instruções.

Slide 41

Considerações sobre design inclusivo

Slide 42

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.