4 replies

aria-label = global?

Just wondering what this means exactly?

It's used in several Tailwind components:

<nav class="relative flex items-center justify-between sm:h-10 lg:justify-start" aria-label="Global"></nav>

<nav class="relative flex items-center justify-between sm:h-10 lg:justify-start" aria-label="Global"></nav>

and described here in MDN: https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes

Some states and properties apply to all HTML elements regardless of whether an ARIA role is applied. These are defined as "Global" attributes. Global states and properties are supported by all roles and base markup elements.

Some states and properties apply to all HTML elements regardless of whether an ARIA role is applied. These are defined as "Global" attributes. Global states and properties are supported by all roles and base markup elements.

But I'm not sure this tells me anything? It doesn't even sound like it's applicable to one specific element? I was even more confused by the w3 spec

ARIA states and properties - Accessibility | MDN

This page lists reference pages covering all the WAI-ARIA attributes discussed on MDN.

KP-C

Kevin Powell - Community•4y ago•

4 replies

JWode

aria-label = global?

Just wondering what this means exactly?

It's used in several Tailwind components:

<nav class="relative flex items-center justify-between sm:h-10 lg:justify-start" aria-label="Global"></nav>

<nav class="relative flex items-center justify-between sm:h-10 lg:justify-start" aria-label="Global"></nav>

and described here in MDN: https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes

Some states and properties apply to all HTML elements regardless of whether an ARIA role is applied. These are defined as "Global" attributes. Global states and properties are supported by all roles and base markup elements.

Some states and properties apply to all HTML elements regardless of whether an ARIA role is applied. These are defined as "Global" attributes. Global states and properties are supported by all roles and base markup elements.

But I'm not sure this tells me anything? It doesn't even sound like it's applicable to one specific element? I was even more confused by the w3 spec

ARIA states and properties - Accessibility | MDN

This page lists reference pages covering all the WAI-ARIA attributes discussed on MDN.

aria-label = global?

Similar Threads

aria-label = global?

Similar Threads

Similar Threads

Similar Threads