Skip to content
This repository has been archived by the owner on Apr 3, 2019. It is now read-only.

fix(totp): replace recovery codes keyboard accessibility #7090

Open
wants to merge 1 commit into
base: master
Choose a base branch
from
Open

fix(totp): replace recovery codes keyboard accessibility #7090

wants to merge 1 commit into from

Conversation

karansapolia
Copy link
Contributor

Make 'Replace recovery codes' link keyboard accessible.
Add ability for tab indexing through link and pressing enter
to click on link.

fixes: #6593
@ryanfeeley Would request you to review.

@karansapolia
Copy link
Contributor Author

For reference, with keyboard accessibility working:
keyboardAccessible

@shane-tomlinson
Copy link

@vbudhram - could you review this?

Copy link
Contributor

@vbudhram vbudhram left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@karansapolia Thanks for the PR, I think a better solution in this scenario is to use a button instead of a link. You will need to style the button to look like a link though. By doing this you can remove the href tag.

@karansapolia
Copy link
Contributor Author

karansapolia commented Mar 26, 2019

@karansapolia Thanks for the PR, I think a better solution in this scenario is to use a button instead of a link. You will need to style the button to look like a link though. By doing this you can remove the href tag.

Oh alright, let me do that and update the PR.

@karansapolia
Copy link
Contributor Author

@vbudhram have made the requested changes. review please.

Copy link
Contributor

@vbudhram vbudhram left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@karansapolia This is almost there! Just a couple minor things.

app/styles/_base.scss Outdated Show resolved Hide resolved
app/styles/_base.scss Show resolved Hide resolved
Make 'Replace recovery codes' keyboard accessible.
Replace earlier used link with button element to allow
tab indexing and keyboard click events for keyboard
accessibility.

fixes: #6593
@karansapolia
Copy link
Contributor Author

@vbudhram review please.

@shane-tomlinson
Copy link

This repo has been deprecated and migrated to https://github.com/mozill/fxa. Please open this PR against that repo.

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants