Accessibility on Windows 10 Mariah Dunn Program Manager

By the end of this talk you will … Microsoft Build 2016 6/20/2018 6:16 AM By the end of this talk you will … Principles when designing accessible apps Assistive Technology on Windows 10 © 2016 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

Microsoft Build 2016 6/20/2018 6:16 AM When we design our products to be accessible, we make our products better for everyone. © 2016 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

Solutions for Disabilities 6/20/2018 6:16 AM Solutions for Disabilities 👁 👂 👋 Vision Hearing Mobility © 2016 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

4 Accessibility Design Principles Microsoft Build 2016 6/20/2018 6:16 AM 4 Accessibility Design Principles Common Controls Use the XAML Common Controls whenever possible Framework (XAML) does most of the accessibility work for you Keyboard Accessibility Allows a user to interact with a computer without a mouse Note: All interactive UI elements should be keyboard accessible Framework (XAML) does most of the work for you Programmatic Accessibility Properly exposing the content of your UI through UI Automation Note: Allows assistive technology to access the functionality in your application User Settings Respect the accessibility user settings that are available © 2016 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

Solutions for Vision problems 6/20/2018 6:16 AM Define Short cut & Settings Setting Example use What to do to support it Narrator: Inbox Screen Reader Win Key + Enter Key Ease of Access Settings > Narrator Keyboard and Programmatic Accessibility Narrator – Talk about good programmatic accessibility and keyboard accessibility on the start screen Use High Contrast as an example for the User setting Find an app that does a good job of using common controls © 2016 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

Solutions for Vision problems 6/20/2018 6:16 AM Define Short cut & Settings Setting Example use What to do to support it Narrator: Inbox Screen Reader Win Key + Enter Key Ease of Access Settings > Narrator Keyboard and Programmatic Accessibility High Contrast Left Alt + Left Shift + Print Screen Ease of Access Settings > High Contrast Respect user Settings: Don’t Hard code colors Narrator – Talk about good programmatic accessibility and keyboard accessibility on the start screen Use High Contrast as an example for the User setting Find an app that does a good job of using common controls © 2016 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

Solutions for Vision problems 6/20/2018 6:16 AM Define Short cut & Settings Setting Example use What to do to support it Narrator: Inbox Screen Reader Win Key + Enter Key Ease of Access Settings > Narrator Keyboard and Programmatic Accessibility High Contrast Left Alt + Left Shift + Print Screen Ease of Access Settings > High Contrast Respect user Settings: Don’t Hard code colors Magnifier Win Key + +/- Ease of Access Settings > Magnifier Programmatic Accessibility Narrator – Talk about good programmatic accessibility and keyboard accessibility on the start screen Use High Contrast as an example for the User setting Find an app that does a good job of using common controls © 2016 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

Solutions for Vision problems 6/20/2018 6:16 AM Define Short cut & Settings Setting Example use What to do to support it Narrator: Inbox Screen Reader Win Key + Enter Key Ease of Access Settings > Narrator Keyboard and Programmatic Accessibility High Contrast Left Alt + Left Shift + Print Screen Ease of Access Settings > High Contrast Respect user Settings: Don’t Hard code colors Magnifier Win Key + +/- Ease of Access Settings > Magnifier Programmatic Accessibility Keyboard Shortcuts and Access Keys Ctrl + C, Ctrl +V, Ctrl + S, Ctrl + F, Alt F Implement Keyboard Short cuts Narrator – Talk about good programmatic accessibility and keyboard accessibility on the start screen Use High Contrast as an example for the User setting Find an app that does a good job of using common controls © 2016 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

Solutions for Mobility and Hearing Problems 6/20/2018 6:16 AM Define Disability Setting Example use What to do to support it Windows Speech Recognition Mobility Programmatic Access Narrator – Talk about good programmatic accessibility and keyboard accessibility on the start screen Use High Contrast as an example for the User setting Find an app that does a good job of using common controls © 2016 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

Solutions for Mobility and Hearing Problems 6/20/2018 6:16 AM Define Disability Setting Example use What to do to support it Windows Speech Recognition Mobility Programmatic Access Closed Captions Hearing Ease of Access Settings > Closed Captions Nothing if you are using Common Controls Narrator – Talk about good programmatic accessibility and keyboard accessibility on the start screen Use High Contrast as an example for the User setting Find an app that does a good job of using common controls © 2016 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

Call to Action Help make your apps accessible http://msdn.microsoft.com/enable 2 other videos Re-visit Build on Channel 9. Continue your education at Microsoft Virtual Academy online.