Mismatch of ARIA label on Google Pay button

Online Store and Theme Development
,
1

Its been identified on the ‘Shopping Cart’ webpage, that the ‘Google Pay’ button has an ARIA label of ‘Buy with Google Pay’. It is important that the visual name matches the accessible label: users who rely on speech recognition software may be unable to interact with the button due to the name being inconsistent.

It is expected that the displayed name of user interface components begins with or is the same as the component label or ‘Accessible Name’ within the HTML.

I couldn’t find where this ARIA label is set, so is it possible to change it?

I am using the Dawn theme.

2

You may be able to use MutationObservers to listen for it to be added to the DOM and then adjust it from there using JS but I’m unsure if that would work as a solution to your situation.

3

Hey Dan,

Will connect with our internal team to see if this is an issue on our side.

4

Hi again folks - confirming that the ARIA label should indeed be “Google Pay”, we have a fix in the works for this which will be deployed very soon.

Thanks for flagging this @Dan_Sherrin :slight_smile:

2 Likes