[Issue] AC-2492::Missing visual text label for buttons

[m2-assistant[bot]]

This issue is automatically created based on existing pull request: magento/pwa-studio#3952: AC-2492::Missing visual text label for buttons

---

Description

Reproduction Steps select "Blouses & Shirts" > select "Susanna Draped Tank" - [NODE][body>div:nth-of-type(1)>:nth-child(1)>:nth-child(3)]

1. Press Tab to move through the content.

Actual Behavior There are no visual text labels for "Fashion Color" buttons.

When no visual labels (text or image labels) and/or instructions are provided for input, users with visual or cognitive disabilities may not know what a field is for.

Expected Behavior Provide text labels that are always visible to indicate the purpose of each button.

Related Issue

Closes #AC-2492.

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.

[anthoula]

@adobe export issue to JIRA project PWA as Story

[github-jira-sync-bot]

:x: Cannot export the issue. This GitHub issue is already linked to Jira issue(s): https://jira.corp.adobe.com/browse/PWA-2990

[github-jira-sync-bot]

:white_check_mark: Jira issue https://jira.corp.adobe.com/browse/PWA-2990 is successfully created for this GitHub issue.