Paypal-checkout-components: A11Y: Frame title may not be clear

[PhilibertDugas]

Description

Issue summary

The current value of the PayPal iframe title attribute may not clear in its meaning for people with cognitive disabilities. This could lead to a confusing user experience.

Current code

HTML

<iframe
  …
  title="ppbutton"
  …
></iframe>

Steps to reproduce

1. Navigate to https://gone-devn.myshopify.com/ with any supported browser
2. Add an item(s) to the Cart
3. Proceed to the Cart page
4. With an active screen reader, navigate to the PayPal control

Behavior

Expected

• Frame title text content to be clear.

Actual

• Frame title text content may not be clear.

Recommendation

Set an appropriate title attribute value to help describe the iframe purpose.

Recommended code

CSS

<iframe
  …
  title="PayPal Checkout"
  …
></iframe>

Specifications

• WCAG Principle: Perceivable
• WCAG SC: 1.3.1 Info and Relationships
• Severity: Medium
• Effort: Low

Affected browsers

All

[gwardwell]

This really does need to be fixed for those of us that care about ADA compliance.

I can't seem to find a reference to ppbutton as the iframe title in this repo. If you can point me to the right place, I'd be happy to make a pull request.

[bradbyu]

Looks like the title for this iframe was initially added in this issue. https://github.com/paypal/paypal-checkout-components/issues/614

[bradbyu]

This issue still exists. Please address it soon!

[bluepnume]

Hi, please use the latest integration at https://developer.paypal.com/docs/checkout/ -- the iframe title is now paypal_buttons. Thanks.

[github-actions[bot]]

This issue has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.