webperftoolbar icon indicating copy to clipboard operation
webperftoolbar copied to clipboard

Published 20 hours ago • verified publisher icon microsoft

aXe violation: "Content should be contained in a landmark region"

Open JoshuaKGoldberg opened this issue 6 years ago • 6 comments

Repro steps:

  1. Load this on a page
  2. Run aXe on the page (for example, with the Chrome extension)
To solve this violation, you need to:
Fix the following:
Content not contained by an ARIA landmark

Related nodes:
li:nth-child(1)
li[title="Total\ bytes\ over\ wire"]
li[title="Image\ bytes\ over\ wire"]

JoshuaKGoldberg avatar Jun 25 '18 22:06 JoshuaKGoldberg

There are probably way more accessibility violations than just that. (Creating new panels, etc.)

AdamTReineke avatar Jun 25 '18 23:06 AdamTReineke

This is probably a good first issue. Do npm run demo and then run aXe on the page. It should repro this issue.

AdamTReineke avatar Oct 03 '18 00:10 AdamTReineke

The demo page has two violations and three issues regarding best practices. We should probably make the whole page accessible but will be a little extra work.

AdamTReineke avatar Oct 03 '18 00:10 AdamTReineke

Can I pick this up? I'll shout if I have any issues reproducing it.

peterjgrainger avatar Oct 11 '18 14:10 peterjgrainger

@peterjgrainger Yeah, go for it!

AdamTReineke avatar Oct 11 '18 18:10 AdamTReineke

@AdamTReineke no more violations in axe :). Let me know if that is all ok?

peterjgrainger avatar Oct 14 '18 16:10 peterjgrainger