fix(aria-allowed-attr): error when generic elements use aria-label and aria-labelledy

[straker]

Tested the following DOM in different browsers:

<div aria-label="my label">foo</div>
<span aria-label="my label">foo</span>
<i aria-label="my label">foo</i>
<p aria-label="my label">foo</p>

<div id="label">my label</div>
<div aria-labelledby="label">foo</div>
<span aria-labelledby="label">foo</span>
<i aria-labelledby="label">foo</i>
<p aria-labelledby="label">foo</p>

No browser / screen reader combination read the aria-label or the aria-labelledby attributes. All names returned as "foo"

Note: The "proper" way to handle this would be if axe-core returned generic instead of null for nodes without a role. However, we are not set up to do that and It would require going through all use cases where we check for null role and changing it for generic. I'm not sure we want to do that just yet, but we should at least add a tech debt ticket to do so if this is merged.

Closes issue: #1575

[straker]

I got tired of updating this test when adding new roles. This should allow us to not have it change so often.

[WilcoFiers]

Huh, odd.

Resolved

Resolved

[WilcoFiers]

Very minor tweak.

Resolved