Eslint-plugin-jsx-a11y: The accessible-emoji rule and aria-hidden="true"

[mikehwagz]

Hi there! Thanks for the incredible work on this. I've learned a lot about a11y best practices through the warnings.

My question is regarding the accessible-emoji rule:

If an emoji is purely an aesthetic element and does not modify the meaning of the content, would it be considered an anti-pattern to use aria-hidden="true" on the wrapper <span> instead of the attributes required by the current accessible-emoji rule?

Thanks a million!

[ljharb]

What purpose does the emoji serve if it doesn't have its own meaning related to the content? Can you provide an example?

[brunosabot]

Hi @ljharb,

I have the same issue on a similar case where the emoji is just used as a decorative element:

Maybe you have an idea on how it should be handled differently?

[ljharb]

Thanks, that makes sense.

[sophiebits]

Also ran into this. Same use cases as alt="" in general.