Top 5 Accessibility Tips for Power Apps
Pragmatic Works Pragmatic Works
211K subscribers
2,174 views
0

 Published On Mar 4, 2022

In this discussion with Kevin Erickson, you'll see how to make Power Apps more responsive and why is it important. Kevin shares his top 5 tips for making your Power Apps compliant and increase your business by appealing to an underserved audience. Learn about the Role property, FocusBorder and AccessibilityLabel properties to name just a few options discussed.

Tips we touched on:
☑️Ensure alternative text is used for images. 1.1.1 Non-text Content Level A - All non-text content that is presented to the user has a text alternative that serves the equivalent purpose, except for the situations listed below.
☑️Avoid implicit headings to allow users of assistive technology to understand content structure. Web Accessibility Tutorials - Headings - Headings communicate the organization of the content on the page. Web browsers, plug-ins, and assistive technologies can use them to provide in-page navigation.
☑️1.3.1 Info and Relationships: Information, structure, and relationships conveyed through presentation can be programmatically determined or are available in text. (Level A)
☑️2.4.6 Headings and Labels: Headings and labels describe topic or purpose. (Level AA)
☑️Ensure keyboard friendly tab order. Focus Order Understanding SC 2.4.3
☑️Ensure all actionable features have proper role, name and value to convey this crucial information (e.g., button names). Understanding Success Criterion 4.1.2: Name, Role, Value
☑️Ensure color contrast is covered for users with vision impairments.
☑️1.4.1 Use of Color Level A - Color is not used as the only visual means of conveying information, indicating an action, prompting a response, or distinguishing a visual element.
☑️1.4.3 Contrast (Minimum) Level AA - The visual presentation of text and images of text has a passing contrast ratio. Regular text has at least 4.5:1,. Large text and images of large-scale text have a contrast ratio of at least 3:1.
☑️1.4.11 Non-text Contrast Level AA - The visual presentation of UI components have a contrast ratio of at least 3:1 against adjacent color


- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -- - - - - - - - - - - - - - - - - - - - - - -

Next step on your journey:
👉 On-Demand Learning Courses FREE Trial: https://www.pragmaticworkstraining.co...

🔗Pragmatic Works On-Demand Learning Packages: https://pragmaticworks.com/pricing/
🔗Pragmatic Works Boot Camps: https://pragmaticworks.com/boot-camps/
🔗Pragmatic Works Hackathons: https://pragmaticworks.com/private-tr...
🔗Pragmatic Works Virtual Mentoring: https://pragmaticworks.com/virtual-me...
🔗Pragmatic Works Enterprise Private Training: https://pragmaticworks.com/private-tr...
🔗Pragmatic Works Blog: http://blog.pragmaticworks.com/

Let's connect:
✔️Twitter:   / pragmaticworks  
✔️Facebook:   / pragmaticworks  
✔️Instagram:   / pragmatic.w.  .
✔️LinkedIn:   / prag.  .
✔️YouTube:    / pragmaticworks  

Pragmatic Works
7175 Hwy 17, Suite 2 Fleming Island, FL 32003
Phone: (904) 413-1911
Email: [email protected]
Email: [email protected]

-~-~~-~~~-~~-~
Please watch: "(275) Free Pragmatic Works Power Apps Component Library "
   • Free Power Apps Component Library - B...  
~-~~-~~~-~~-~

show more

Share/Embed