web
You’re offline. This is a read only version of the page.
close
Skip to main content

Announcements

News and Announcements icon
Community site session details

Community site session details

Session Id :
Power Platform Community / Forums / Power Apps / Accessibility :hover :...
Power Apps
Unanswered

Accessibility :hover :focus :visited states question

(0) ShareShare
ReportReport
Posted on by 4

Is it possible to create a component including common behaviours in a Canvas App like the GDS Back Link? https://design-system.service.gov.uk/components/back-link/default/

 

If so, what would be the recommended route to create :hover :focus :visited states? My concern is it will not pass an accessibility audit without these states. Thank you

Categories:
I have the same question (0)
  • iAm_ManCat Profile Picture
    18,256 Most Valuable Professional on at

    To create a back component, use the Back() function on any control

     

    Hover and Focus states are handled by Power Apps itself as long as you fill in all of the necessary properties (HoverBorderColor, HoverFill, HoverColor, FocusedBorderThickness, FocusedBorderColor, etc) for each control.

     

    You can see the guidance for creating accessible apps for some info on what you should be aiming for, there are also a few other sub-sections you can find on the left-nav-tree within the accessible section that can provide more info - I particularly suggest looking at all of them but definitely this list of limitations when building accessible canvas apps

     

    I have also built an App template that allows you to define colours and properties for controls programmatically that then apply to all future created controls (modern controls are excluded as the Power Apps team has done these via PCFs which don't have the same ability to be modified) - video of my talk around this can be found here:

    Sancho Harker - Instant Accessibility using a Theming Template - YouTube

     

    Mike Hartley has also done a simplified version that allows you to choose WCAG-compliant colours/fills here:

    Power Apps, Accessibility, and WCAG - Hart of the Midlands

     

     

    Hopefully this will all be useful to you, I know its a lot but the topic isn't perfectly-covered by the msdocs 🤷

     

    Cheers,

    Sancho

     

     

  • kdterryw Profile Picture
    4 on at

    Thank you for a very informative reply Sancho, gratefully appreciated. I stumbled upon your work / blog yesterday.

Under review

Thank you for your reply! To ensure a great experience for everyone, your content is awaiting approval by our Community Managers. Please check back later.

Helpful resources

Quick Links

Season of Sharing Community Challenge Winners!

Congratulations to our community stars!

Kudos to our 2025 Community Spotlight Honorees

Expanding mentorship, skilling, and AI innovation

Congratulations to the July Top 10 Community Leaders!

These are the community rock stars!

Leaderboard > Power Apps

#1
WarrenBelz Profile Picture

WarrenBelz 429 Most Valuable Professional

#2
11manish Profile Picture

11manish 191 Super User 2026 Season 2

#3
MS.Ragavendar Profile Picture

MS.Ragavendar 122 Super User 2026 Season 2

Last 30 days Overall leaderboard