How to fix aria meter name on Wix Studio

Add a descriptive accessible name (via aria-label, aria-labelledby, or a visible <label>) to every element with role="meter" so screen readers can announce what the meter represents.

Steps for Wix Studio

  1. Open the project in Wix Studio and select the meter component.
  2. In the Properties panel, look for the Accessibility section and set the Aria Label field to a descriptive string (e.g., 'Average customer rating').
  3. If editing via code (Velo), open the element's properties in the Code panel and set element.accessibility.ariaLabel = 'Average customer rating';
  4. For custom HTML widgets, embed a <meter> element with full ARIA attributes via the HTML Component and set aria-label there.
  5. Use the built-in Preview mode and the axe DevTools browser extension to confirm the label is announced correctly.
Official Wix Studio documentation ↗

What is aria meter name?

A "meter" is a widget that displays a value within a known range — think a product rating bar, a stock-level indicator, a loyalty-points gauge, or a battery-level graphic. When you mark an HTML element with role="meter" (or use the native `<meter>` tag), assistive technologies like screen readers need a text label to announce what the meter is measuring. Without that label, a screen reader will say something like "meter, 3 out of 5" — but the shopper using it has no idea whether that's a star rating, a stock level, or something else entirely. WCAG Success Criterion 1.1.1 (Non-text Content) requires that every non-text UI component have a text alternative that serves the same purpose.

Screen reader users — including many shoppers with visual impairments — rely on accessible names to understand interactive or informational widgets. An unlabeled meter is essentially invisible and meaningless to those users, which can cause them to miss critical information (e.g., "Only 2 left in stock!") and may cause them to abandon a purchase. Legally, WCAG 2.1 AA compliance is required or strongly expected under the ADA (USA), EN 301 549 (EU), AODA (Canada), and similar laws in many countries; failing it creates real litigation and regulatory risk. Google's crawlers also use accessibility signals as quality indicators, so systematically broken ARIA can influence how your pages are perceived. Fixing unlabeled meters is a quick win that reduces legal exposure, improves usability for a significant segment of shoppers, and demonstrates good technical hygiene to search engines.

See the complete Aria meter name guide for every platform and the full background.

Not sure if your Wix Studio store has this?

Run a free SEOLZ scan — we’ll find aria meter name and every other issue across your whole site.

Scan my site free

Fix aria meter name on another platform