A presentation at Inclusive Design 24 by Marcelo Sales
Initial slide containing an image of the cards…
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!
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
one minute… before talking about it…
WCAG
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 study WCAG it takes time, sometimes boring, it’s complicated…
But that thought contributes especially with two things…
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! There is a great difficulty for everyone involved in digital products, in understanding the guidelines.
Itaú designers applying a card sorting exercise in 2017…
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!
Toolkit MVP…
annotations and card layout…
Printing test and proofreading…
some cards have gone through up to 6 revisions…
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)
coloblind friendly mode for the cards… and Comparison between Arial and Tiresias Infofont…
Simply proving how Arial is a horrible font! :)
Tiresias Infofont Characters easily identifiable on canvas or in prints, small or large.
guia-wcag.com wcag-guide.com (soon)
English version available next week…
This is a PWA!
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
And people and companies started printing and sharing…
good example of customization
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…
This presentation is available here: http://bit.ly/a11y-toolkit-id24
Instagram and Twitter: @msales LinkedIn linkedin.com/in/msales78
If you work with digital projects, you have probably already received some kind of request to make your content accessible. And from that moment on, questions like “where do I start?” You will invariably fall into some content talking about WCAG and from there new doubts arise, mainly due to the amount of information presented. Realizing this difficulty in practical applications, such as workshops, I created a toolkit to facilitate the understanding, learning and application of WCAG in its projects.
The following resources were mentioned during the presentation or are useful additional information.
he main site of the material presented here. Summary of the toolkit, the history of its construction and why it exists.
WCAG quick reference guide. The digital version presented in this material.
Official article that gave rise to the publication of the toolkit so that everyone could get to know it (in Brazilian Portuguese).
Font used in the construction of printed material. Origin: The Royal National Institute for the Blind
Here’s what was said about this presentation on social media.
for free. You
can too.