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

AC-2790::No visual indication of focus on buttons. #3864

Merged
merged 6 commits into from
Sep 30, 2022

Conversation

glo82145
Copy link
Collaborator

@glo82145 glo82145 commented May 23, 2022

Description

Description
No visual indication of focus on buttons.

Environment
Adobe Magento - LUMA

Context
Windows 10; Chrome 88;

Reproduction Steps
Locations (representative sample):

Search Results
Sub-Category landing page
Mini Cart
Checkout - Shipping
Checkout - Review & Payments
My Account

  1. Press Tab to move through the content.
    For close button:
  2. When keyboard focus is on "X" of one of the Compare Products, press Enter or Space to activate it.

Actual Behavior
There is no visual indication of keyboard focus when using TAB or SHIFT+TAB to navigate through controls of the website. Examples include:

Module 02 - Search Results:
Page selection buttons (which includes Next ">" and Previous "<")
Close button "X" on dialogs

Module 03 - Sub-Category landing page:
Page selection buttons (which includes Next ">" and Previous "<")
Close button "X" on dialogs

Module 05a - Mini Cart:
Close button "X" on dialog

Module 06a - Checkout - Shipping:
Close button "X" on "Sign In" dialog

Module 06b - Checkout - Review & Payments:
Close button "X" on "Sign In" dialog

Module 08 - My Account:
Close button "X" on dialog

Keyboard-only users can become disoriented when focus is not indicated.

Expected Behavior
Ensure that when actionable elements receive focus, that it appears on screen and that a visible focus indicator is present.

Related Issue

Closes https://jira.corp.magento.com/browse/AC-2790
Closes https://jira.corp.adobe.com/browse/PWA-2972

Acceptance

Verification Stakeholders

Specification

Verification Steps

Test scenario(s) for direct fix/feature

Test scenario(s) for any existing impacted features/areas

Test scenario(s) for any Magento Backend Supported Configurations

Is Browser/Device testing needed?

Any ad-hoc/edge case scenarios that need to be considered?

Screenshots / Screen Captures (if appropriate)

Breaking Changes (if any)

Checklist

  • I have added tests to cover my changes, if necessary.
  • I have added translations for new strings, if necessary.
  • I have updated the documentation accordingly, if necessary.

Resolved issues:

  1. resolves [Issue] AC-2790::No visual indication of focus on buttons. #3939: AC-2790::No visual indication of focus on buttons.

@pwa-studio-bot
Copy link
Collaborator

pwa-studio-bot commented May 23, 2022

Messages
📖

Associated JIRA tickets: AC-2790.

📖 DangerCI Failures related to missing labels/description/linked issues/etc will persist until the next push or next pr-test build run (assuming they are fixed).
📖

Access a deployed version of this PR here. Make sure to wait for the "pwa-pull-request-deploy" job to complete.

Generated by 🚫 dangerJS against 07c3618

@anthoula
Copy link
Contributor

@magento create issue from PR

@anthoula anthoula added the version: Patch This changeset includes backwards compatible bug fixes. label Sep 20, 2022
anthoula
anthoula previously approved these changes Sep 20, 2022
@dpatil-magento
Copy link
Contributor

run pr-deploy

@pwa-test-bot
Copy link

pwa-test-bot bot commented Sep 23, 2022

Successfully started codebuild job for pr-deploy

@dpatil-magento
Copy link
Contributor

run cypress

@pwa-test-bot
Copy link

pwa-test-bot bot commented Sep 23, 2022

Successfully started codebuild job for cypress

@dpatil-magento
Copy link
Contributor

@glo82145 Fix does focus Next Page (>), Previous Page (<), First Page (<<)and Last Page (>>) buttons but it still lacking to focus page numbers (1, 2)

@dpatil-magento
Copy link
Contributor

run cypress

@pwa-test-bot
Copy link

pwa-test-bot bot commented Sep 29, 2022

Successfully started codebuild job for cypress

@dpatil-magento
Copy link
Contributor

run lighthouse-desktop

@pwa-test-bot
Copy link

pwa-test-bot bot commented Sep 29, 2022

Successfully started codebuild job for lighthouse-desktop

@dpatil-magento
Copy link
Contributor

run lighthouse-mobile

@pwa-test-bot
Copy link

pwa-test-bot bot commented Sep 29, 2022

Successfully started codebuild job for lighthouse-mobile

@dpatil-magento
Copy link
Contributor

QA Approved.

@dpatil-magento dpatil-magento merged commit 731d9ac into magento:develop Sep 30, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
pkg:venia-ui Progress: done version: Patch This changeset includes backwards compatible bug fixes.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[Issue] AC-2790::No visual indication of focus on buttons.
5 participants