Vea cómo es un hallazgo de ComplyPages

Reproduction Steps

1. Navigate to https://example-store.com/checkout with items in cart
2. Inspect the final submit button with a screen reader or axe DevTools
3. Observe missing accessible name on button.checkout-submit

Customer Impact

Screen-reader users may not understand what action the button performs.

Business Impact

If a customer cannot identify the final checkout action, they may be blocked from completing a purchase. Technical note: The button appears visually, but the accessible name is missing or unclear.

Suggested Fix

Add clear visible text or an accessible name that describes the action.

Copy-Paste Example

Example only — adapt to your codebase.

<button class="checkout-submit" aria-label="Complete order">
  Complete order
</button>

Acceptance Criteria

• The button is announced as "Complete order" or equivalent by assistive technology
• The button can be reached and activated by keyboard

Reproduction Steps

1. Open https://example-store.com/checkout
2. Tab to the customer email field
3. Confirm input#customer-email has no associated label in the accessibility tree

Customer Impact

Assistive technology users may not know what information is required.

Business Impact

Form completion friction may cause checkout abandonment. Technical note: The visible label is not correctly connected to the input field.

Suggested Fix

Associate the label with the input using a valid for/id relationship or equivalent accessible labeling method.

Copy-Paste Example

Example only — adapt to your codebase.

<label for="customer-email">Email address</label>
<input id="customer-email" type="email" name="email" required />

Acceptance Criteria

• The field label is announced correctly by assistive technology
• The required state is clear

Reproduction Steps

1. Submit the checkout form with an invalid email address
2. Observe the visual error message appears
3. Confirm the error is not announced by screen reader or linked to the field

Customer Impact

Users may not understand why they cannot continue.

Business Impact

Validation errors that are not announced block users from completing checkout. Technical note: The error message appears visually but may not be announced or connected to the relevant field.

Suggested Fix

Connect the error message to the field and ensure the message is announced when validation fails.

Acceptance Criteria

• Users can identify which field has an error
• Users understand the problem and can correct it without visual-only cues