Power Apps Accessibility.pptx
•Download as PPTX, PDF•
0 likes•380 views
This presentation talks through guidelines for building accessible Power Apps
Recommended
More Related Content
What's hot
What's hot (20)
Similar to Power Apps Accessibility.pptx
Similar to Power Apps Accessibility.pptx (20)
More from April Dunnam
More from April Dunnam (16)
Recently uploaded
Recently uploaded (20)
Power Apps Accessibility.pptx
- 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
- 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.
- 11. Layouts and Color Be mindful of font size Avoid Popups Have a logical layout Ensure proper contrast
- 12. Keyboard support Set Accessibility Labels for all controls Interactive elements (i.e. buttons) set TabIndex to 0 Decorative elements or text (i.e. images), set TabIndex to -1. Avoid setting tab index higher than zero.
- 13. 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.
- 14. 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.
- 15. Building solutions for the modern world
- 16. 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
- 17. 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.
- 18. 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.
- 19. Accessible app development + tooling
- 20. 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.
- 21. Demo - Accessibility checker
- 22. Solve accessibility issues with Accessibility Insights
- 23. 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.
- 24. Screen Reader Support Windows: Microsoft Edge + Narrator macOS: Safari + VoiceOver Android: Power Apps app + Talkback iOS: Power Apps app + VoiceOver
- 26. Theme Designer
- 27. Demo – Theme Designer
- 30. There are real challenges to solve in accessibility. Let those challenges drive innovation. Think creatively. Think inclusively. Always design with accessibility in mind.
- 31. © Copyright Microsoft Corporation. All rights reserved. Thank you
Editor's Notes
- Accessibility is a growing challenge around the world with over a billion people experiencing some form of disability. There are at least 2.2 billion people with vision impairment or blindness and roughly 466 million people experiencing hearing loss. https://www.who.int/news-room/fact-sheets/detail/disability-and-health https://www.who.int/en/news-room/fact-sheets/detail/blindness-and-visual-impairment#:~:text=Globally%2C%20it%20is%20estimated%20that%20at%20least%202.2,been%20prevented%20or%20has%20yet%20to%20be%20addressed. https://www.who.int/health-topics/hearing-loss#tab=tab_1
- Let’s look at how we think about disability. For most of the 20th century, disability was defined as the result of an individual’s condition - the problem was with the person. But disability happens at the points of interaction between a person and their environment. Physical, cognitive and social exclusion are the result of a mismatch between what a person wants to achieve, and an environment that does not support it. Eg left handed ppl. This definition, first adopted by the World Health Organization, presents a solvable design, business and social problem. It’s a problem we’ve taken on at Microsoft because it stands directly between us and our ability to achieve our mission.
- Microsoft Power Apps offers a solution to application development that will quickly add value to your business. You can clear backlog by building highly customized task and role-based applications. Enhance innovation across your organization with low-code apps and forms. The intuitive platform makes it easy to learn and begin developing powerful solutions. With CDS you can access all of your data and ensure that you are working from a single source of truth.
- Power Apps was designed with accessibility in mind. Power Apps is equipped with accessibility tools that allow for accessible app development and tools that make it easy to create accessible apps. <click> With Power Apps, users can build apps for the modern world.
- Let’s take a closer look at some of the accessibility tools that available that allow for accessible app development and facilitate creating accessible apps.
- Power Apps development platform can be used in high contrast mode. Visually impaired users can access Power Apps capabilities in an accessible manner so that they can create apps in an environment that meets their unique needs.
- Create the content in a new screen and navigate to it and back for conditional content display Ensure all elements are clearly visible and text is of sufficient size. Ensure layout follows a logical flow when read top-bottom, left to right. Ensure the proper contrast of text - Power Apps themes are by default accessible - use Theme Designer for maximum effect.
- Ensure the app can be used with: the keyboard only the accessibility modes on iOS and Android TabIndex Keeps proper order of navigation Set AccessibilityLabel and TabIndex properties where necessary.
- When developing in the Power Apps platform, users can navigate with accessible keyboard shortcuts. Additionally, developers can ensure that their Power Apps solutions are accessible by enabling keyboard shortcuts and proper keyboard navigation with features such as TabIndex and enhanced group control. https://docs.microsoft.com/en-us/powerapps/maker/canvas-apps/keyboard-shortcuts https://docs.microsoft.com/en-us/powerapps/maker/canvas-apps/controls/properties-accessibility
- Pre-built templates are designed to be accessible from the start. All pre-built templates meet color contrast requirements and are designed to work with assistive technology. These templates make it easy for developers to quickly create accessible Power Apps solutions. https://docs.microsoft.com/en-us/powerapps/maker/canvas-apps/getting-started
- The innovative nature of the Power Apps platform empowers developers to find new solutions to accessibility challengers. Developers can build apps for the modern world.
- With AI Builder, developers can find ways to use AI to solve accessibility challenges. Pre-built and custom AI models can be embedded into your Power Apps solutions. Developers can find innovative ways to use AI models such as object detection and text recognition to address accessibility in our world today. https://docs.microsoft.com/en-us/ai-builder/use-in-powerapps-overview
- Power Apps is integrated with Azure Cognitive Services making it easy for developers to add intelligent features to their Power Apps solutions. These features include emotion and video detection; facial, speech and vision recognition; and speech and language understanding. https://docs.microsoft.com/en-us/powerapps/maker/canvas-apps/cognitive-services-api
- Power Apps is integrated with Power Virtual Agents so developers can embed chatbots into their Power Apps solutions. Accessible bot authoring ensures that everyone can create chatbots. Embedding chatbots into your solution can provide a way for users to engage with customer service in an accessible written manner. https://docs.microsoft.com/en-us/power-virtual-agents/fundamentals-what-is-power-virtual-agents https://docs.microsoft.com/en-us/power-platform-release-plan/2019wave2/power-virtual-agents/enhanced-natural-language-capabilities https://docs.microsoft.com/en-us/power-virtual-agents/authoring-language-support
- Let’s take a closer look at some of the accessibility tools that available that allow for accessible app development and facilitate creating accessible apps.
- The built-in accessibility checker makes it easy to ensure that you are creating accessible apps. It can analyze as you work and offer real time alerts and recommendations for accessibility issues. These issues are classified as errors, warnings, or tips based off the issue's severity, so that developers can understand what level of action needs to be taken in order to resolve the issue. https://docs.microsoft.com/en-us/powerapps/maker/canvas-apps/accessibility-checker https://support.microsoft.com/en-us/office/improve-accessibility-with-the-accessibility-checker-a16f6de0-2f39-4a2b-8bd8-5ad801426c7f?ui=en-us&rs=en-us&ad=us Part of the built-in App Checker Powerful and complex – testing against official recommendations
- Accessibility Insights is another beneficial tool. Users can download Accessibility Insights for Windows as an add-on to Power Apps to find and fix accessibility issues. Features such as Live Inspect and FastPass alongside Accessibility Insights troubleshooting can notify developers of accessibility issues such as proper UI Automation properties, keyboard access, patterns, application events, and color contrast. https://accessibilityinsights.io/docs/en/windows/overview
- Individuals with low or no vision can use screen readers to improve accessibility. Screen readers help to render text and image content as speech and braille output for visually impaired users. Users can navigate Power Apps solutions using screen readers. Screen readers can open apps, scan through apps for quick navigation, and navigate through grids, forms, charts, dashboards, flows, and dialog boxes. Power Apps supports common screen readers such as Narrator, JAWS, and NVDA. https://docs.microsoft.com/en-us/powerapps/user/screen-reader
- Consuming Power Apps with a screen reader:
- == MS == Discuss Show on Demo