Programming for accessibility by Rory Preddy

My life is a hilarious roller coaster of miss-intended programming bugs because at 4 foot tall and 65 kilograms I completely fall off your radar.

Why did my scale call me! Why does facial recognition see me as a child? These are all valid questions I often ask myself as I navigate my weird and different world. Have you heard the phrase “You have to be this tall for Micro-services”? well what about: “You have to be this tall to operate a mobile phone?”. I am finding it harder and harder to reach any button except for “#” and “9”.

Building accessibility into the planning stages of programming can eliminate barriers for participation and create an inclusive environment for people with disabilities. Programming for diversity serves as an unquestionable indicator that your software embraces the diversity of your users and cares about their safety and comfort.

Join me on a fascinating and thought-provoking look at how you can program for accessibility.

Transcript

1. Programing for Accessibility Making our world more inclusive @rorypreddy http://aka.ms/linuxconf
2. 2014 Satya “Microsoft loves Linux” Microsoft org on GitHub created .NET foundation created 2015 VS Code released HDInsight (Hadoop/ Ubuntu) announced Microsoft jointly forms Node.js foundation 2016 .NET Core 1.0 PowerShell Core Windows Subsystem for Linux in Windows 10 Microsoft joins Linux foundation GitHub recognizes Microsoft as a top open source contributor Acquisition of Xamarin and open sourced 2017 Microsoft Azure Kubernetes Service launched Draft, Brigade, Kashti projects submitted to Kubernetes community Microsoft joins Cloud Native Computing & Cloud Foundry Foundations SQL 2017 on Linux Windows source code moved to Git Azure Databricks (Apache Spark) announced 2018 VS Code ranked #1 developer tool Service Fabric Open Sourced Azure Sphere with Linux kernel Intent to acquire GitHub announced ~5,000 Microsoft employees committing to open source projects on GitHub Azure trending to 50% Linux Microsoft continues as largest contributor to OSS on GitHub South Africa IDC cloud jobs / 165k jobs/ 53k in MS ecosystem 2012 2012 Typescript released Git added to TFS and Visual Studio 2019 2019 Mar 2019 - announced first hyperscale Enterprise DC on the African continent June 2019 Windows 10 o/ s with Linux EY report / $1.6B spent on IOT in the last 10 years / 76% of companies expecting AI to be an important part of their journey Announced Office 365 in local SA Hyperscale Datacentres July 2019 Microsoft is investing $1 billion in OpenAI D365 to be launched in Q42019 in SA DC
3. My adapted foot pedals
4. I always have maide a plan to overcome my height
7. Why I chose this talk
8. Sad Ben Affleck
10. 1.Inclusive design 2.Website Standards 3.AI
11. Inclusive Design
12. …the design of products, services, and environments so that everyone, including people with disabilities, can fully experience them. Accessibility compliance Inclusive product and service design Productivity Innovation
13. Disability is not a personal health condition
14. 1. Recognise exclusion 2. Solve for one, extend to many 3. Learn from diversity
16. Site Landing Login Registration Help Search products Help Preferences Add to cart Checkout Shipping Experience Registration Navigation Checkout
17. Site Landing Login Registration Help Search products Help Preferences Add to cart Checkout Shipping Experience Registration Navigation Checkout • Font and color options Captur • Accessibility helpdesk Single Sign on Voice Search One button access SMS and Email alerts Callback • Responsive AI adjustment One button access
18. Website Accessibility
19. Quality of life For most of human history, we’ve put our innovative capacity into improving the quantity of life. Because we’re living longer, our focus is starting to shift toward improving our quality of life --Bill Gates
20. US 21st Century Integrated Digital Experience Act EU parliament directive on digital accessibility
21. • WCAG 1.0 • Released 1999 • 14 guidelines and 62 checkpoints • WCAG 2.0 • Released 2008 • 4 principles, 12 guidelines, and 61 success criteria • WCAG 2.1 • Release June 2018 • New Criteria for: • Mobile • Low-visibility • Learning disabilities
22. Level A— deals with the most basic web accessibility features Level AA— signifies the biggest and most common barriers for disabled users Level AAA— addresses the highest (and most complex) level of web accessibility
23. • Perceivable – can you see it • Operable – can you use it • Understandable – can you understand it • Robust – it won’t break future technologies
24. Perceivable - Alternative Tags (alt tags)
25. Perceivable - Color
26. Perceivable - Caption Video and Audio files
27. Perceivable - Hyperlinks
28. Operatable - Keyboard
29. Operable - Structure <h1>My heading</h1> <p>This is the first section of my document.</p> <p>I'll add another paragraph here too.</p> <ol> <li>Here is</li> <li>a list for</li> <li>you to read</li> </ol>
30. Operable – Structure (Bad) <font size="7">My heading</font> <br><br> This is the first section of my document. <br><br> I'll add another paragraph here too. <br><br> 1. Here is <br><br> 2. a list for <br><br> 3. you to read <br><br>
33. (W A I A R I A Role Attributes Live Regions Landmark Roles States & Properties
34. Markup Example role <main role="main"> state <input aria-invalid="true"> property <input id="firstName" type="text“ aria-required="true" />
35. ARIA HTML5 article <article> header <header> navigation <nav> complementary <aside>
36. Fight Club Lego
38. 2018-05-30 Web Accessibility Summit, Columbia, MO 38
39. Principle 1: A role is a promise Principle 2: ARIA Can Both Cloak and Enhance, Creating Both Power and Danger <button aria-pressed="false">Mute</button> <a role="menuitem">Assistive tech users perceive this element as an item in a menu, not a link.</a> <a aria-label="Assistive tech users can only perceive the contents of this aria-label, not the link text">Link Text</a>
40. Demo https://github.com/microsoft/axe-pipelines-samples
41. AI for Accessibility
43. AI for Good
44. In the past, you had to adapt to the world. In the future, the world will adapt to you. In the past, you had to adapt to the world.
46. Sentiment is not binary
49. 55 Billion → 1.6 Billion emoji
50. Training each emoji in categories
51. Closer look - training each emoji in categories
52. Testing Deepmoji with Sarcasm http://deepmoji.mit.edu
55. 1.Redefine bias as a spectrum 2.Enlist customers to correct bias 3.Cultivate diversity with privacy and consent 4.Balance intelligence with discovery 5.Build inclusive AI teams
56. http://seeingai.com
59. http://aka.ms/linuxconf Conclusion 1. Inclusive design 2.Website Standards 3.AI @rorypreddy