Bug Report: Invalid ARIA Role in Number Count Component

Finsweet Components Number Count
1

Hi Finsweet team,

I just got a problem with Invalid ARIA Role in Number Counter Component.

Here are all the infos about it :

Description :

The Finsweet Number Count attribute is automatically adding invalid ARIA roles (role="cnumbercount") to elements, which causes accessibility validation errors. This role is not recognized as a valid ARIA role according to W3C specifications, leading to console warnings and potential accessibility issues.

image
image1027×470 34.2 KB

Steps to Reproduce :

  1. Add the Finsweet Number Count attribute to any element in Webflow
  2. Set up the fs-cnumbercount-instance attribute with any value
  3. Publish the site and inspect the HTML
  4. Run an accessibility audit (e.g., axe-core, Lighthouse, or browser dev tools)
  5. Check console for ARIA validation errors

Expected Behavior :

The Number Count attribute should function without adding invalid ARIA roles, or should use valid ARIA roles that enhance accessibility rather than cause validation errors.

Actual Behavior :

The attribute automatically adds role="cnumbercount" to elements, which is not a valid ARIA role. This causes:

  • Accessibility validation errors
  • Console warnings about invalid ARIA roles
  • Potential issues with screen readers and assistive technologies

Suggested Solution :

Either:

  1. Remove the automatic addition of the role="cnumbercount" attribute
  2. Replace it with a valid ARIA role like role="status" with appropriate aria-live attributes
  3. Make the ARIA role addition optional or configurable
2

Hey @Fabien_mnt! Thank you for pointing this out. I have passed it on to the team in charge, and we will be taking a look :flexed_biceps:

3

@Fabien_mnt, we have made the changes, and the update should be live shortly. No action other than clearing your cache is needed for you to see the changes reflected.

4

thank you @Support-Luis for the quick response and fixes :raising_hands: