spartacus icon indicating copy to clipboard operation
spartacus copied to clipboard

feat(a11y): add aria-label attribute to payment card graphics for Payment Details cards

Open uroslates opened this issue 1 year ago • 3 comments

uroslates avatar Oct 16 '24 08:10 uroslates

Closes https://jira.tools.sap/browse/CXSPA-8197

uroslates avatar Oct 16 '24 08:10 uroslates

spartacus    Run #45630

Run Properties:  status check passed Passed #45630  •  git commit 8f59e5fae8 ℹ️: Merge 74f160be25d4e2904e8f84892c790229572eedb1 into dff56f86bb872d5aeccd0c8b88fe...
Project spartacus
Branch Review feature/CXSPA-8197
Run status status check passed Passed #45630
Run duration 13m 59s
Commit git commit 8f59e5fae8 ℹ️: Merge 74f160be25d4e2904e8f84892c790229572eedb1 into dff56f86bb872d5aeccd0c8b88fe...
Committer Uros Lates
View all properties for this run ↗︎

Test results
Tests that failed  Failures 0
Tests that were flaky  Flaky 5
Tests that did not run due to a developer annotating a test with .skip  Pending 2
Tests that did not run due to a failure in a mocha hook  Skipped 0
Tests that passed  Passing 125
⚠️ You've recorded test results over your free plan limit.
Upgrade your plan to view test results.
View all changes introduced in this branch ↗︎

cypress[bot] avatar Oct 16 '24 10:10 cypress[bot]

@uroslates let's please make some adjustments:

  1. It seems Maestro and Switch cards were attributed a generic aria-label as "Credit Card" this won't pass the audit since it doesn't communicate the credit card brand to screen reader users, making the interaction harder. Please match alt text with the specific card brands even if the logo is generic.
  2. Please update "Master Card" as "Mastercard Card"
  3. Please differentiate the regular Mastercard from "Mastercard Eurocard Card", they currently have the same alt text.
  4. Please don't forget to add tooltip for each card as requested in the ticket.

generic credit card and missing tooltip

add tooltips

developpeurweb avatar Oct 29 '24 15:10 developpeurweb