jlengrand/adyen-web
1
0
Fork 0
mirror of https://github.com/jlengrand/adyen-web.git synced 2026-03-10 08:01:22 +00:00
Code Issues Packages Projects Releases Wiki Activity

Prevent double readout of PM names, by a screenreader, in Dropin

Browse Source
This commit is contained in:
nicholas
2023-06-02 10:18:43 +02:00
parent 01dbe7eea9
commit a59515aceb
2 changed files with 11 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
.changeset/honest-cherries-wash.md Normal file
View File

@@ -0,0 +1,5 @@
---
'@adyen/adyen-web': patch
---
Prevent double readout of PM names, by a screenreader, in Dropin.

7
packages/lib/src/components/Dropin/components/PaymentMethod/PaymentMethodItem.tsx
View File

@@ -112,7 +112,12 @@ class PaymentMethodItem extends Component<PaymentMethodItemProps> {
aria-hidden="true"
/>
<PaymentMethodIcon altDescription={paymentMethod.props.name} type={paymentMethod.type} src={paymentMethod.icon} />
<PaymentMethodIcon
// Only add alt attribute to storedPaymentMethods (to avoid SR reading the PM name twice)
{...(paymentMethod.props.oneClick && { altDescription: paymentMethod.props.name })}
type={paymentMethod.type}
src={paymentMethod.icon}
/>
<PaymentMethodName
displayName={paymentMethod.displayName}