fix: (CXSPA-999) - Checkout progress aria attributes

[Pio-Bar]

Ticket: CXSPA-999

I've tested with both JAWS and VO and adding those attributes should provide necessary information.

[cypress]

3 flaky tests on run #44086 ↗︎

0

119

2

0

3

Details:

Merge 021c129 into 2a25815...
Project: spartacus	Commit: ef48db0180 ℹ️
Status: Passed	Duration: 04:10 💡
Started: Jun 19, 2024 11:00 AM	Ended: Jun 19, 2024 11:04 AM

  cypress/e2e/ssr/pages.core-e2e.cy.ts • 3 flaky tests • SSR

View Output Video

Test		Artifacts
SSR > should render homepage		Test Replay Screenshots Video
SSR > should render PLP		Test Replay Screenshots Video
SSR > should render PDP		Test Replay Screenshots Video

Review all test suite changes for PR #18984 ↗︎

[developpeurweb]

This works well on JAWS (although it doesn't convey a step has been completed) but for some reason, especially between steps on VO, there's no way to tell if the user has completes a step already, or which step is selected. To make status for each state very clear to screen reader users, let's try to include the status as part of the aria-label, as it was done recently for the Results Page pagination.

E.g.

• aria-label="Shipping Address, completed"
• aria-label="Delivery Mode, selected"
• aria-label="Payment, disabled"