Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

A11Y: Frame title may not be clear

See original GitHub issue

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.

Screen Shot 2019-06-26 at 10 21 05 AM

Current code

HTML

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

Steps to reproduce

Navigate to https://gone-devn.myshopify.com/ with any supported browser
Add an item(s) to the Cart
Proceed to the Cart page
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

Issue Analytics

State:
Created 4 years ago
Reactions:19
Comments:5 (1 by maintainers)

Top GitHub Comments

3reactions

bradbyucommented, Apr 8, 2020

This issue still exists. Please address it soon!

1reaction

gwardwellcommented, Aug 29, 2019

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.

Top Results From Across the Web

Frames must have title attribute | Axe Rules - Deque University

A good title is brief, clear, informative, and unique. Ensure that the document's title contains short, descriptive text summarizing the page's contents. To ......

frame-title - Accessibility Insights

A <frame> or <iframe> is used to embed one HTML document within another. An accessible name is a word or phrase coded in...

Accessibility rule: Frames must have a unique title attribute

What this Accessibility Rule Checks. Make sure that the title attribute on every iframe and frame element is distinct and not empty. Learn...

Proposed Iframe element has non-empty accessible name

This rule applies to iframe elements that are included in the accessibility tree and that can be accessed by sequential focus navigation. Note:...

12. Page Titles, Frames, and iFrames - Trusted Tester

Review the alerts in ANDI's “Accessibility Alerts” section to determine ... “Page <title> cannot be empty” ... A Page Title is defined for...