Accessibility - Presented at TEKOS Workshop in 1st Sep 2022

What is Accessibility and how it affects our lives?

First looking at how accessibility can be defined across digital experiences, then a bit of legislation in Finland, and what is the thing called WCAG.

Further down the depths, looking at the most common issues and tools to use when trying to make better user experiences for everyone.

Presented at an Accessibility workshop of TEKOS – inclusion with technology, efficiency with network project in 1st September 2022.

Transcript

1. Accessibility 1st Sep 2022 Jukka Paasonen
2. Accessibility is focused on ensuring that interfaces and technology can be used by people with disabilities (including auditory, cognitive, physical, and visual disabilities)
3. Accessibility is focused on ensuring that interfaces and technology can be used by people with disabilities (including auditory, cognitive, physical, and visual disabilities)
4. Accessibility is focused on ensuring that interfaces and technology can be used by people with disabilities (including auditory, cognitive, physical, and visual disabilities) https://www.nngroup.com/articles/inclusive-​ design/
5. https://uxqb.org/en/documents/ Accessibility is the extent to which an interactive system enables users to interact with it, regardless of their level of vision, hearing, dexterity, cognition, physical mobility, etc.
6. Accessibility 1st Sep 2022 Jukka Paasonen
7. Agenda Introduction to Accessibility Various challenges in the Web Learning to empathise Most common issues (6) How can you participate
8. Accessibility Physical Digital
9. Accessibility Physical Digital Web Application Embedded
10. Digital Web Application Embedded
13. https://www.finnair.com/fi-​ fi/l%C3%A4ht%C3%B6selvitys-​ finnairin-​ lennoille/bag-​ drop
14. Digital Web Application Embedded
15. Digital Web Application Embedded WCAG
16. https://www.who.int/teams/noncommunicable-​ diseases/sensory-​ functions-​ disability-​ and-​ rehabilitation of population lives with permanent disability 15%
17. https://www.microsoft.com/design/inclusive/ Disability is not always permanent
18. Making digital services more accessible benefits everyone
19. Curb cut
21. Audio book
22. Elevator
23. Automatic doors
24. Empathy
25. Ask yourself why
26. Why do you use ..... ?
27. Why do you use Twitter?
28. Why do you use Twitter? To keep up to date Why do you want to keep up to date?
29. Why do you use Twitter? To keep up to date Why do you want to keep up to date? So I would not miss anything Why?
30. Why do you use Twitter? To keep up to date Why do you want to keep up to date? So I would not miss anything Why? Fear of missing out....
31. Asking yourself why reveals the emotion underneath and helps you understanding yourself
32. Asking yourself why reveals the emotion underneath and helps you understanding yourself ... and others
33. WCAG
34. Web Content Accessibility Guidelines https://www.w3.org/TR/WCAG21/
35. WCAG Versions 1.0 - 1999 2.0 - 2008 2.1 - 2018 US Section 508 Refresh in 2017 European Union directive in 2016 Finnish legislation 2019
36. Finnish Requirements of the Act on the Provision of Digital Services WCAG 2.1 AA (includes 49 criterias)
37. List of WCAG 2.1 Success Criterias https://www.webaccessibility.fi/requirements-​ of-​ the-​ act-​ on-​ the-​ provision-​ of-​ digital-​ services/wcag-​ 2-​ 1-​ legal-​ requirements/
38. Finnish Requirements of the Act on the Provision of Digital Services WCAG 2.1 AA (includes 49 criterias) Accessibility Statement
39. https://avi.fi/en/accessibility-​ disclaimer
40. https://www.finnair.com/fi-​ en/info/accessibility-​ statements-​ for-​ finnair-​ digital-​ services
41. Finnish Requirements of the Act on the Provision of Digital Services https://www.webaccessibility.fi/requirements-​ of-​ the-​ act-​ on-​ the-​ provision-​ of-​ digital-​ services/ WCAG 2.1 AA (includes 49 criterias) Accessibility Statement Feedback channel with max 14 days response time
42. https://asiointipalvelu.ahtp.fi/forms/3405007
43. https://www.finnair.com/fi-​ en/info/accessibility-​ statements-​ for-​ finnair-​ digital-​ services/accessibility-​ of-​ finnair-​ com
44. A
45. AA
46. AAA
47. A AA AAA Stricter success criterias
48. Perceivable Operable Understandable Robust
49. Perceivable Operable Understandable Robust Can people read the content?
50. Perceivable Operable Understandable Robust Can people read the content? Can people use the content?
51. Perceivable Operable Understandable Robust Can people read the content? Can people use the content? Can people understand the content?
52. Perceivable Operable Understandable Robust Can people read the content? Can people use the content? Can machines (browsers, screen readers, etc.) read the code? Can people understand the content? https://www.tempertemper.net/blog/wcag-​ but-​ in-​ language-​ i-​ can-​ understand
53. List of WCAG 2.1 Success Criterias https://www.webaccessibility.fi/requirements-​ of-​ the-​ act-​ on-​ the-​ provision-​ of-​ digital-​ services/wcag-​ 2-​ 1-​ legal-​ requirements/
54. The WebAIM Million 2022 Report https://webaim.org/projects/million/ WebAIM is an Institute for Disability Research, Policy, and Practice
55. of a million sites had some issues (found by the WAVE tool) 96.8%
56. Most common semantic accessibility issues Low contrast text Missing alternative text for images Empty links Missing form input labels Empty buttons Missing document language 0 25 50 75 100 https://webaim.org/projects/million/
57. Most common semantic accessibility issues Low contrast text Missing alternative text for images Empty links Missing form input labels Empty buttons Missing document language 0 25 50 75 100 https://webaim.org/projects/million/ Only "empty buttons" has increased over the years Others top 5 steadily decrease, but findings scatter
58. Low contrast text
59. Low contrast text
60. Using a browser plugin to find possible issues with text and colors https://chrome.google.com/webstore/detail/wcag-​ color-​ contrast-​ check/plnahcmalebffmaghcpcmpaciebdhgdf
61. Suggest a site to test?
62. Missing alternative text for images
63. https://www.youtube.com /watch?​ v=NvqasTVoW98
64. Suggest a site to test?
65. Empty links
67. Problem also with links having ambiguous text
68. https://www.youtube.com /watch?​ v=zGa_rIK1itA
69. Suggest a site to test?
70. Missing form input labels
72. Suggest a site to test?
73. Empty buttons
75. Missing document language
76. Screen readers use different sound libraries for each language, based on the pronunciation and characteristics of that language. Screen readers can switch between these language libraries easily, but only if the documents specify which language(s) to read and when. https://dequeuniversity.com/rules/axe/3.5/html-​ has-​ lang
77. These were just the tip of the iceberg
78. https://www.raps.org/regulatory-​ focus%E2%84%A2/news-​ articles/2015/3/the-​ tip-​ of-​ the-​ iceberg-​ what-​ lurks-​ beneath-​ the-​ 483 There are much more various issues found, not just via browser plugins, but with real users.
79. How can you participate?
80. Spread awareness
81. Be empathic
82. Test your services
83. Install browser plugins, the ones used today Accessibility Insights for Web WCAG Color contrast checker WAVE Evaluation Tool https://chrome.google.com/webstore/search/ accessibility?​ _category=extensions
84. Thank you!
85. More thank you! Jukka Paasonen linkedin.com/in/jukka-​ paasonen