Should an aside in main fail axe?

[WilcoFiers]

We keep getting feedback about failing this scenario:

<main>
  <p>Lorem's ipsum</p>
  <aside>Some stuff</aside>
</main>

Axe-core goes by the ARIA standards on this, but lets do some actual testing to figure out if this creates problems.

[WilcoFiers]

Did a little testing. Here's my code:

  <main>
    <header>Header</header>
    <footer>Footer</footer>
    <aside>Aside</aside>
  </main>

• Chrome sees main and complementary
• Safari sees main, banner and complementary
• Firefox sees main and complementary

Not sure why Safari also treats considers the heading to be a landmark. If I put the footer outside the main it does pick it up. That seems like a bug in Safari.

[scottaohara]

would agree that safari is incorrect here.

[WilcoFiers]

I'm leaning towards creating an exception for aside in this rule. The landmark-unique rule will still call it out if someone uses multiple aside elements in the page, except if they give it a unique name, which I think also addresses the concern here.

[padmavemulapati]

Verified with the latest axe-core develop branch code base(dated 12th jan 2021):
rule:landmark-complementary-is-top-level verified with the pass and fail criteria validated to allow aside inside main
Test snippet for fail:
<nav><div role="complementary" id="target"></div></nav>

This complementary landmark is in a main landmark

`

Test snippet for pass:
<div role="main">
<div role="complementary">
<p>This div has role complementary></p>
</div>
</div>