Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Iframe accessibility improvements: Add title attribute and auto-focus when UI is showing #158

Merged
merged 6 commits into from
Jan 23, 2021

Conversation

smithki
Copy link
Contributor

@smithki smithki commented Jan 23, 2021

📦 Pull Request

This change includes two small accessibility improvements:

  1. The Magic <iframe> now has a title attribute ("Secure Modal").
    • In the future, the title attribute and aria-label will be configurable.
  2. When UI shows, the Magic <iframe> is given focus immediately, this reduces the friction for keyboard & screen-reader users to interact with Magic's UI.

🚨 Test instructions

PKG=magic-sdk yarn test

⚠️ Don't forget to add a semver label!

  • patch: Bug Fix?
  • minor: New Feature?
  • major: Breaking Change?
  • skip-release: It's unnecessary to publish this change.

@smithki smithki added the minor Increment the minor version when merged label Jan 23, 2021
@smithki smithki self-assigned this Jan 23, 2021
@smithki smithki requested a review from Ethella January 23, 2021 01:33
@smithki smithki merged commit f38a491 into master Jan 23, 2021
@smithki smithki deleted the smithki-autofocus-iframe-when-showing-ui branch January 23, 2021 02:03
@smithki
Copy link
Contributor Author

smithki commented Jan 23, 2021

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
minor Increment the minor version when merged released This issue/pull request has been released.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

1 participant