Do Finsweet Attributes add the corresponding ARIA attributes to every element on the page or only the ones linked to the solution?

There are two different concepts here:

  • The @finsweet/attributes-a11y package
  • And the rest of Finsweet Attributes.

The a11y package doesn’t add any ARIA attributes to any element. It just reads the existing ARIA Attributes on the page and runs the dynamic ARIA attributes (like aria-expanded, where its value depends on if the element is visible or not).

Each of the Finsweet Attributes is in charge of adding the proper ARIA attributes to the elements affected by the Finsweet Attribute. For any element that is not affected by a Finsweet Attribute, it’s up to the developer to ensure it has the proper ARIA Attributes.