Shopify Checkout: The Best-Converting Ecommerce Checkout - Shopify USA

Browse all of Shopify’s products & features - Shopify USA

Become a Shopify Partner Today - Shopify USA

Shopify Pricing - Setup and Open Your Online Store Today – Free Trial - Shopify USA

Shopify Payments - Accept Credit Card Payments with Shopify USA

Your Business Financial Account | Shopify Balance - Shopify USA

Business Funding Made for Entrepreneurs | Shopify Capital - Shopify USA

Build Your Online Store: Use Themes or Go Headless - Shopify USA

Ecommerce Marketing Blog - Ecommerce News, Online Store Tips and More - Shopify

Shopify Order Management & Delivery - Shopify USA

When specifying accessible names via `aria-labelledby`, ensure that the 
label elements exist.

## Explanation

Accessible names are required for many parts of a page, including form controls.
One way to accomplish this is to use `aria-labelledby` to specify the ID or IDs of 
other elements which contain a label. For example:

```html
<h2 id="dialog-labell">Important message!</h2>
<dialog aria-labelledby="dialog-label">
```

In this example, the `aria-labelledby` for the `<dialog>` points to an ID of `dialog-label`,
which doesn't exist. The heading it refers to instead has an ID of `dialog-labell`, presumably 
a typo.

## Why this matters

It isn't usually clear when an accessible name is broken, even during user testing.

This check helps to identify where an element clearly intended to have a label, but
that label is missing.

When a label is broken, it may be impossible for a user of assistive technologies
to understand what that element does.

missing-aria-labelled-by

February 2025

January 2025

Shopify Inc.

Title / URL	Issues
Shopify Checkout: The Best-Converting Ecommerce Checkout - Shopify USAwww.shopify.com/checkout	14
Browse all of Shopify’s products & features - Shopify USAwww.shopify.com/products	9
Become a Shopify Partner Today - Shopify USAwww.shopify.com/partners	8
Shopify Pricing - Setup and Open Your Online Store Today – Free Trial - Shopify USAwww.shopify.com/pricing	8
Shopify Payments - Accept Credit Card Payments with Shopify USAwww.shopify.com/payments	8
Your Business Financial Account \| Shopify Balance - Shopify USAwww.shopify.com/balance	7
Business Funding Made for Entrepreneurs \| Shopify Capital - Shopify USAwww.shopify.com/capital	7
Build Your Online Store: Use Themes or Go Headless - Shopify USAwww.shopify.com/online	7
Ecommerce Marketing Blog - Ecommerce News, Online Store Tips and More - Shopifywww.shopify.com/blog	7
Shopify Order Management & Delivery - Shopify USAwww.shopify.com/shipping	7

Fix missing ARIA label IDs

Shopify Inc.

Where this issue has occurred