Drupal Café keynote 14.2.2017 by Seppo Kankaantähti, Invalidiliitto Seppo Kankaantähti, digital communications officer from The Finnish Association of People with Physical Disabilities (FPD) wants to break the old myth that the accessible is always ugly. With examples in the new Invalidiliitto.fi site, Seppo shows that it’s pretty easy to make a modern, responsive and visually appealing accessible web service as long as you keep a few things in mind. He also gives a few tips on how to make sure your new accessible web service stays accessible after the launch day.

1. Accessible web services
don’t need to be Ugly
Seppo Kankaantähti 14.2.2017

2. The Finnish Association of People
with Physical Disabilities
• Vision: Equal and accessible Finland
• 32,000 individual members
• 150 member associations
• 2,600 employees
• 20 years of promoting accessibility

5. Web Content Accessibility Guidelines
(WCAG) 2.0
• Covers a wide range of recommendations for making Web
content more accessible
• Three levels of conformance: A (lowest), AA, and AAA
(highest)

6. Assistive Technologies
• Screen reader
– software application which converts text into speech
• Switch access
– may be placed near any area of the body which has consistent and
reliable mobility
• Eye gaze and head mouse systems
– can be used as an alternative mouse navigation

7. Examples
• Drupal 8
• Alternative text on Read more buttons
• The site can be used with a keyboard
• Alt texts on pictures
• Jump to content link
• Color contrast and possibility to enlarge text

8. Accessibility checkers
• Wave Web Accessibility Tool for Firefox
(http://wave.webaim.org)
• Achecker (http://achecker.ca/checker/index.php)
• Siteimprove (http://siteimprove.com/)
– Automated tool for checking your website for accessibility issues
– Checks are made based on the global standards WCAG 2.0 and WAI-ARIA
– Level of compliance can be chosen (A, AA, or AAA)
– Gives a list of issues alongside clear fix explanations
– Chrome plugin

9. Screen readers
• Windows: NVDA (https://www.nvaccess.org/)
• iOS: Voiceover

10. Thank you!
seppo.kankaantahti@invalidiliitto.fi