Power Apps Accessibility.pptx

This presentation talks through guidelines for building accessible Power Apps

1. April Dunnam Power Apps + Accessibility

2. Accessibility globally Over a billion people, about 15% of the world’s population have some form of disability. 1 At least 2.2 billion people have a vision impairment or blindness. 2 Roughly 466 million people globally experience hearing loss. 3 1 “ Disability and Health ” World Health Organization 2 “ Blindness and Vision Impairment ” World Health Organization 3 “ Hearing Loss ” World Health Organization

3. Microsoft mission Empower every person and every organization on the planet to achieve more

4. Disability Personal health condition = Disability Mismatched human interactions =

5. Universal experience = accessibility = inclusive design Accessibility means creating experiences for all people of all abilities Visual Hearing Cognitive Speech Mobility Neural

6. Intuitive to use & easy to learn for citizen developers Build apps fast with the market’s most intuitive point-and-click approach to app design. Choose from a large selection of templates or start from a blank canvas. A platform for all your data from a single source of truth Ensure your data is accurate and up-to-date by leveraging the Common Data Service (CDS) to integrate data from 350+ sources. Build highly customized task and role-based applications Clear the development backlog and start automating manual processes and data collection to solve your most pressing administrative problems. Develop low-code apps and forms that enhance innovation Power Apps enables a visual approach to building apps, empowering everyone to quickly turn their bright ideas into brilliant apps . Microsoft Power Apps unlocking innovation Less code. More power. Faster innovation.

7. Accessible app development Create accessible apps Building solutions for the modern world

8. Accessible app development + create accessible apps

9. Enable accessible innovation with high contrast mode Accessible app creation Power Apps development platform can be used in high contrast mode to make it accessible to users with vision impairments. Inclusive development environment With high contrast mode, individuals can navigate through the Power Apps platform to create apps in an environment that meets their unique needs.

10. Layouts and Color

11. Keyboard support

12. Accessible navigation for app builders and users with keyboard shortcuts Design using keyboard shortcuts Navigate through the Power Apps platform using keyboard shortcuts for an accessible way to develop apps. Enhanced groups ensure proper keyboard navigation Use enhanced groups to ensure that users can easily navigate through your apps using keyboard shortcuts. Create apps that support keyboard shortcuts Ensure that your creations are accessible by easily enabling keyboard shortcut functions as you develop.

13. Use pre-built templates to create accessible solutions App templates Pre-built templates comply with accessibility needs making it easy to create accessible solutions. Color contrast Templates follow recommended color contrast guidelines making them accessible to users with vision impairments. Assistive technology Templates are designed to work with assistive technology such as screen readers or keyboard navigation.

14. Building solutions for the modern world

15. Create accessible solutions with AI Builder Embed AI in your solutions Use pre-built or custom components to create accessible solutions with AI. How can AI help? With AI capabilities such as object detection and text recognition, you can build solutions to address accessibility challenges

16. Leverage Azure Cognitive Services to make your applications more intelligent, engaging, and discoverable. Leverage Azure Cognitive Services Emotion and video detection – Understand sentiment and extract insight from your videos. Facial, speech and vision recognition – Face attribution detection and recognition, speaker identification and verification, and image classification. Speech and language understanding – Add speech-enabled features to applications and ensure your application understands what a person wants in their own words.

17. With accessible bot authoring, you can integrate chatbots into your Power Apps solutions and provide an accessible way for users to engage. Integrate with Power Virtual Agents Accessible bot authoring – The bot authoring canvas is built to be accessible from the get-go. Built-in keyboard shortcuts are tailored to help users authoring content using keyboard navigation. Written communication – Embedding chatbots into your Power Apps solutions enables hearing impaired users to interact with customer service in an accessible written environment. Embed bots – With Power Apps, AI Builder, and Power Virtual Agents, it is easy to embed chatbots into your Power Apps solutions.

18. Accessible app development + tooling

19. Accessibility checker in Power Apps Analyze as you work The built-in accessibility checker analyzes your material as you work for real-time alerts and recommendations. Address errors with ease Easily address accessibility errors and warnings by selecting from the recommended action list. Errors, warnings, and tips The accessibility checker classifies each issue as an error, a warning, or a tip based on the issue’s severity.

20. Demo - Accessibility checker

21. Solve accessibility issues with Accessibility Insights Troubleshooting allows you to diagnose and fix specific accessibility issues such as patterns, application events, and color contrast. FastPass is a lightweight, two-step process that helps developers identify common, high-impact accessibility issues in less than five minutes. Live Inspect allows developers to verify that an element in an app has the right UI Automation properties simply by hovering over the element or setting keyboard focus on it.

22. Navigate with screen readers Open an app Applications created with Power Apps can be opened with a screen reader using a simple combination of the Tab and Enter keys. Use scan mode Screen readers can quickly navigate through applications using scan mode to jump from headings, links, landmarks, form fields, controls, and tables. Find your way around an app Navigate through grids, forms, charts, dashboards, flows and dialog boxes within applications using simple screen reader capabilities. Screen readers help to render text and image content as speech and braille output for visually impaired users. Commonly used screen readers such as Narrator, JAWS, and NVDA are supported.

23. Screen Reader Support

24. Accessibility Toolkit AccessibilityInsights https://AccessibilityInsights.io UI Fabric Theme designer - https://aka.ms/themedesigner

25. Theme Designer

26. Demo – Theme Designer

27. Accessibility resources Office training > Accessibility at a glance > Enterprise disability answer desk > Disability answer desk > Accessibility features > Accessibility checker > Make an accessible app >

28. There are real challenges to solve in accessibility. Let those challenges drive innovation. Think creatively. Think inclusively. Always design with accessibility in mind.

29. Thank you