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