Cuando una compañía lanza una aplicación al mercado, debe considerar la accesibilidad como un factor importante en sus aplicaciones debido a que estará dejando sin acceso a más de mil millones de personas en todo el mundo que se encuentran en situación de discapacidad; para evitarlo es esencial que desde nuestros roles en los proyectos seamos defensores del diseño y desarrollo accesible.

1. What companies need to
know about Web
Accessibility in 2020
www.abstracta.us
Lisandra Armas
Accessibility Specialist
QE Lead
@lisyarmas

2. Mobile UX, Usability & Accessibility
QE Leader

3. @NexosUruguay

4. Agenda
● Introduction
● How to improve accessibility?
How can companies fail?
1
2
3

5. Agenda
● Introduction
● How to improve accessibility?
How can companies fail?
1
2
3

6. “The power of the Web is in its
universality. Access by everyone
regardless of disability is an
essential aspect.”
Tim Berners-Lee,
Director del W3C e inventor de la Web

7. +15%
+1 billion
http://www.who.int/disabilities/world_report/2011/es/

8. Source: https://bpo.sep.gob.mx/#/recurso/1858/document/1
6.9 million people with
disability
3.7 million with permanent
disability (53.3%)
11.1% with extreme
disability
22.0% with severe
disability
34.3% with moderate
disability
38.0% with minor disability

9. We don't have accessibility metrics!!

10. “Is your app easy enough to use
that you could use it with you eyes
closed?”
Source: https://developer.apple.com/videos/play/wwdc2018/226/

12. Currently...

13. ● Machine learning is a new and great tool for
accessibility.
● Microsoft’s image recognition in the Google Cloud
version can annotate with a great level of confidence.
The possibility of automating accessibility is
continuously expanding.
● Visible and public physical accessibility is increasing
on Google Maps and Yelp, by indicating infrastructure
and establishments that are accessible.
● The level to which automation can catch accessibility
violations is expanding.
● Open source tooling is increasing, illustrating that
awareness in the developer community is becoming
more mainstream. Source: https://www.deque.com/blog/the-state-of-accessibility-gaad-2019/
Accessibility Trends

14. “Accessibility isn’t about a checklist, it’s about
people who use the web”
Source: https://www.edx.org/course/web-accessibility-introduction

15. Source:https://www.microsoft.com/design/inclusive/
“Curb cut” effect

16. Where it was thought that there was a benefit
for some, today the benefit is for all of us
whether or not we are disabled.

17. Agenda
● Introduction
● How to improve accessibility?
How can companies fail?
1
2
3

18. How? 3 Tips!

20. Tip # 1
Shift Left a11y

21. Source: https://abstracta.us/blog/agile-testing/not-convinced-yet-shift-left-testing/

22. Next Release Sprint
1. Include accessibility
requirements.
2. Early review of
accessibility in
prototypes.
3. Automated review of
accessibility in CI/CD.
4. Manual and automated
review of accessibility in
the code.
5. User accessibility tests.
Deploy
6. Production accessibility
review.
Shift Left a11y
Source: https://bit.ly/shift-left-a11y-YT

23. https://www.w3.org/TR/WCAG21/

24. Source: https://www.youtube.com/playlist?list=PLYClShxEwpcj0k35RizRAZExC2a1ubNb2

25. Source: https://www.deque.com/blog/design-code-thinking-accessibility-ground/
a11y should be part of the UX Design

26. Proactive vs. Reactive
Source: https://www.paciellogroup.com/products/arc-api/
“Remaining in a constant state of reacting to new issues
means you’ll always be one step behind”

27. Pipeline
Source: https://watirmelon.blog/2012/11/02/automated-wcag-2-0-accessibility-testing-in-the-build-pipeline/

28. Tools
Source: https://abstracta.us/blog/agile-testing/accessibility-testing-in-continuous-integration/

29. Tools
axe Devtools
(WorldSpace Attest)
Sources: https://www.deque.com/axe/devtools/
https://youtu.be/owBCWftVB7E

30. ¿How CI help us with
a11y?
● Test more platforms
● Prevent regressions
● Enhance test coverage
● Shift Left a11y
Source: https://marcysutton.github.io/a11y-and-ci/#/38

31. Manual Review
Source: WCAG Criteria Evaluation 2.1 [Template]

32. Manual Review
Apply Filtering Techniques
● Check the contrast of colors in the application
● Zoom
● Navigate inside the application with just the keyboard
● Try screen readers
● Focus check
● Tab order

33. Automated Review
Sources:
https://www.w3.org/WAI/ER/tools/
Top 25 Awesome Accessibility Testing Tools for Websites

34. Automated testing cannot replace
manual testing and real user
feedback.

35. https://fundacionbl.org/https://www.humanain.com/ https://nexosuruguay.com.uy/

36. Review accessibility in
production
Shift Right a11y

38. Continuous Delivery
Source:https://testingindevops.org/visualizing-pipelines-to-help-build-a-quality-culture/

39. Tip # 2
Analyze a11y
ROI

40. How do you immediately lose a customer?
Source: https://nucleusresearch.com/
Source: https://www.deque.com/

41. https://es.semrush.com/blog/usabilidad-web-imprescindible/
On the internet,if you have a disgruntled customer,
they don't tell 6 friends,they tell 6000.
Jeff Bezos, CEO and President of Amazon
“

42. 3 things to learn from Amazon
Source: https://www.deque.com/blog/3-things-to-learn-from-amazon-accessibility/
● Headings and Landmarks
● Accessible Controls
● Accessible Processes

43. Amazon: 1999
Source: https://cutt.ly/AyT1sqv
Amazon: 2020

44. Source: https://abstracta.us/blog/software-testing/webinar-crisis-proof-software-testing-budget/
Analyze a11y ROI
GOAL
Failure Costs a11y Costs
a11y effort

45. Tip # 3
Reduce a11y
risks

46. Risk = Probability x Impact

47. Risk Matrix
&
MoSCoW
Source: https://abstracta.us/blog/software-testing/webinar-crisis-proof-software-testing-budget/
Low Probability
High Impact
Low Probability
Low Impact
High Probability
High Impact
High Probability
Low Impact
MUSTSHOULD
WON’T COULD

48. Source: https://www.deque.com/blog/5-hidden-risks-inaccessible-website/
1. Brand Damage.
2. Missed Market Opportunities.
3. Avoidance Tailspin.
4. A Weaker Organization.
5. Less Qualified Employees.
Risks identified:

49. Agenda
● Introduction
● How to improve accessibility?
How can companies fail?
1
2
3

50. WHY
HOW
WHAT
Source: https://www.ted.com/talks/simon_sinek_how_great_leaders_inspire_action
If companies don't start with “WHY”

51. When nobody in the team is
responsible for accessibility.

52. Source: https://webaim.org/blog/motivating-accessibility-change/
“More Guilt and Less Inspiration”

53. Source: https://www.deque.com/empathy-lab-online/
“If companies don't develop
empathy and don’t think
with compassion”

54. Without teamwork
“It takes a thousand bricks to
build a wall, but only one to tear
it down”
Markus W. Lunner

55. “The greatest enemy of knowledge is not ignorance, it is
the illusion of knowledge”
Stephen Hawking

56. ¿How to avoid failure?
https://www.youtube.com/c/AbstractaUS

57. “The accessibility problems of today are the
mainstream breakthroughs of tomorrow.”
Eve Andersson, Director, Accessibility Engineering, Google

59. Thank you!