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-2487::Accordions do not indicate current state #3977

Merged
merged 11 commits into from
Nov 15, 2022

Conversation

glo82145
Copy link
Collaborator

@glo82145 glo82145 commented Oct 12, 2022

Description

Accordions do not indicate current state.

Environment
Adobe Magento - Venia

Context
Windows 10; Chrome 88; JAWS 2021

Reproduction Steps
Locations (representative sample):

Search Results
Account - Order History

  1. With JAWS operating, press Tab to move through the content.
  2. When keyboard focus is on "Filter" button, press Enter or Space to activate it.
  3. Within "Filter" menu tab to filters, press Enter or Space to activate accordion.

Actual Behavior
Accordions do not indicate current state information (expanded or collapsed). Examples include:

Module 03 - Search Results
Module 08 - Account - Order History

When controls do not provide state information, screen reader users will not know their current state.

Expected Behavior
For each control (accordions) that have multiple states (ie. expanded, collapsed), ensure the state is communicated to let the user know what will occur when they interact with the control. Use the aria-expanded attribute, set to true or false, to identify the current state.

Related Issue

Closes #AC-2487.

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-2487::Accordions do not indicate current state #3990: AC-2487::Accordions do not indicate current state

@pwa-studio-bot
Copy link
Collaborator

pwa-studio-bot commented Oct 12, 2022

Messages
📖

Associated JIRA tickets: AC-2487.

📖 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 5119264

@anthoula
Copy link
Contributor

@magento create issue from PR

Copy link
Contributor

@anthoula anthoula left a comment

Choose a reason for hiding this comment

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

Thanks @glo82145 - Just some translations needed please

type="button"
aria-live="polite"
aria-busy="false"
aria-label="Filter Button for Filter Options"
Copy link
Contributor

Choose a reason for hiding this comment

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

Can you add a translation for this string please?

setExpanded(expanded);
}
};
const result = expanded ? 'Sort Button Expanded' : 'Sort Button Collapsed';
Copy link
Contributor

Choose a reason for hiding this comment

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

Would you add translations for these strings please?

@m2-community-project m2-community-project bot moved this from Ready for Review to Changes Requested in Pull Request Progress Nov 10, 2022
@anthoula anthoula added the version: Patch This changeset includes backwards compatible bug fixes. label Nov 11, 2022
anthoula
anthoula previously approved these changes Nov 15, 2022
@m2-community-project m2-community-project bot moved this from Changes Requested to Reviewer Approved in Pull Request Progress Nov 15, 2022
@dpatil-magento
Copy link
Contributor

run cypress

@pwa-test-bot
Copy link

pwa-test-bot bot commented Nov 15, 2022

Successfully started codebuild job for cypress

@pwa-studio-bot
Copy link
Collaborator

Fails
🚫

node failed.

🚫

Cypress tests in the following files did not pass 😔. All tests must pass before this PR can be merged

  • user should be able to update their address book:
    • CypressError: Timed out retrying after 60000ms: `cy.wait()` timed out waiting `60000ms` for the 1st request to the route: `gqlSignInAfterCreateMutation`. No request ever occurred.

      https://on.cypress.io/wait

Log

ERROR ON TASK: cypressTests


Error:  Danger had errors running. See message(s) above for more details.
danger-results://tmp/danger-results.json

Generated by 🚫 dangerJS against 5119264

@dpatil-magento
Copy link
Contributor

lighthouse-desktop

@dpatil-magento
Copy link
Contributor

run lighthouse-mobile

@pwa-test-bot
Copy link

pwa-test-bot bot commented Nov 15, 2022

Successfully started codebuild job for lighthouse-mobile

@dpatil-magento
Copy link
Contributor

QA Approved.

@dpatil-magento dpatil-magento merged commit 56c9681 into magento:develop Nov 15, 2022
@m2-community-project m2-community-project bot moved this from Reviewer Approved to Done in Pull Request Progress Nov 15, 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.
Development

Successfully merging this pull request may close these issues.

[Issue] AC-2487::Accordions do not indicate current state
4 participants