#Build2016

Accessibility on Windows 10

Mariah DunnProgram Manager

By the end of this talk you will …• Principles when designing accessible apps• Assistive Technology on Windows 10

When we design our products to be accessible, we make our products better for everyone.

Solutions for Disabilities

👁 👂👋

Vision Hearing Mobility

4 Accessibility Design Principles Common ControlsUse 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 AccessibilityProperly exposing the content of your UI through UI Automation Note: Allows assistive technology to access the functionality in your application Framework (XAML) does most of the work for you

User Settings Respect the accessibility user settings that are availableFramework (XAML) does most of the work for you

Solutions for Vision problems 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

Solutions for Vision problems 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

Solutions for Vision problems 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

Solutions for Vision problems 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

Solutions for Mobility and Hearing Problems Define Disabilit

y Setting Example use What to do to support it

Windows Speech Recognition Mobility Programmatic

Access

Solutions for Mobility and Hearing Problems Define Disabilit

y 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

• 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.

Call to Action