Accessibility Toolkit

Initial slide containing an image of the cards…

Sorry for my bad english...

Sorry for my bad english…

Hello people, I will start my presentation by apologizing to everyone. I will do it in Portuguese, because I don’t trust my English unless it is for reading, in fact, not even for reading… I tried to leave the slides in English to make it easier for everyone to understand. I hope you used the correct terms … :) If everything goes wrong, blame it on Google Translate! :D

Ok, let’s go!

Who is Marcelo Sales?

Designer developing digital products for 20 years. Invited professor of Accessibility in courses at ESPM, FAAP and Belas Artes and Accessibility Instructor at Mergo User Experience and FIAP MBA “UX Design & Strategy” (recognized institutions in Brazil). Member of the W3C Brasil Web Accessibility Specialists Group. At Itaú (the largest private sector bank in Brazil) since 2008, currently on the Design Ops team in CX working with UX and 100% focus on accessibility.

Personal site: http://marcelosales.work

Why create a toolkit accessibility?

one minute… before talking about it…

What is WCAG?

WCAG

Web Content Accessibility Guidelines

Content is focus!

Ref.: “I just want to note that it’s Web CONTENT Accessibility Guidelines, not Web PAGES Accessibility Guidelines.” - John Foliot - Apr 28, 2017 (twitter)

search for WCAG on Google in Portuguese… more than 8 million results.

search for WCAG on Google in English… more than 15 million results.

when accessing any of the documents, a world of information opens…

at first, everything is beautiful… expressions like “omg” and “wow” are normal.

then… how much information do I have to study… :( - expressions like “shit” and “wtf” are normal.

Why create a toolkit accessibility?

Why study WCAG it takes time, sometimes boring, it’s complicated…

But that thought contributes especially with two things…

failure to understand the guidelines (and consequently)
the complete failure to adopt the guidelines

Challenges and research opportunities in accessibility and digital inclusion in Brazil Talita Pagani’s article brings reflections on the theme published on Feb 26, 2018

Challenge 1: Adoption of accessibility recommendations on websites and scientific publications

Is there, in fact, a difficulty in understanding accessibility recommendations, even with adaptation to the Brazilian context?

ref: http://mwpt.com.br/desafios-e-oportunidades-de-pesquisa-em-acessibilidade-e-inclusao-digital-no-brasil/

Yes!

Yes! There is a great difficulty for everyone involved in digital products, in understanding the guidelines.

The first idea for the toolkit...

and it all started with a card sorting...

Itaú designers applying a card sorting exercise in 2017…

Has a toolkit for everything...

Those who work with design thinking methods know that there are toolkits for almost everything… so I went to find out if there was any WCAG … in this case, like IDEO.

or like the US Government Method Cards…

maybe Mozilla’s…

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

maybe Hyper Island…

and there are also those from the Method Kit that have a toolkit for everything literally…

even for bathrooms…

I mean, for ALMOST everything… Missing one with WCAG!

Creation process...

Toolkit MVP…

annotations and card layout…

Printing test and proofreading…

some cards have gone through up to 6 revisions…

Construction prototype...

Inkjet printing…

cut and paste…

packaging…

assembled packaging…

standards validation…

instructions…

final set…

the most important… make it available for free by creative commons (*feel free to use, translate, edit, customize and redistribute)

Considerations about inclusive design...

coloblind friendly mode for the cards… and Comparison between Arial and Tiresias Infofont…

after all, what is the letter?
loud and clear, commander!

Simply proving how Arial is a horrible font! :)

Tiresias Infofont Characters easily identifiable on canvas or in prints, small or large.

online version...

guia-wcag.com wcag-guide.com (soon)

English version available next week…

This is a PWA!

Feedback and repercussions...

The published article generated a series of positive comments … Original article published on Mar 07, 2018 http://bit.ly/acessibilidade-toolkit

more comments … Original article published on Mar 07, 2018 http://bit.ly/acessibilidade-toolkit

The toolkit started to be used as reference in several presentations

photo of Felipe Barreto presenting at UX Conf Redux in Porto Alegre

And people and companies started printing and sharing…

good example of customization

And W3C Brasil supported the project by distributing it in an exclusive version at the Web.BR 2018 event…

*thanks to Reinaldo Ferraz, for that… :)

Next steps...

Next steps…

Launch a crowdfunding for the printed version…
Create new card organization filters…
Launch the English version (in some days)…
Search partners to launch in other languages…
Improve my english! :D

Thank you!

This presentation is available here: http://bit.ly/a11y-toolkit-id24

http://guia-wcag.com
http://wcag-guide.com
http://acessibilidadetoolkit.com

Instagram and Twitter: @msales LinkedIn linkedin.com/in/msales78