934472 - The "main content" link (used by screen readers) includes non relevant content

Status: RESOLVED WONTFIX

(developer.mozilla.org Graveyard :: Design, defect)

Description

[Isac Lagerblad (:icaaq)]

1. When beta mode is activated, Press Cmd+N to open a new browser window, then type https://developer.mozilla.org/en-US/docs/Web/Reference/API#content in the address bar and press Enter. (this is just like clicking the skip to content link)
2. press tab once
3. see that the focus is set to the "available language"-dropdown. 

To move to the main content (Web API reference) you have to tab a lot of times, or if you're using a screen reader read thru a whole lot of content.

The skip to content link should IMHO point to a <main>-element that wraps the elements .document-head and #wiki-column-container. the current main#content should be changed to a regular div.

role="main" should also be added to the main-element for compatibility reasons.

Comment 1

[John Karahalis [:openjck]]

Excellent point. Thanks for bringing this to our attention, Isac. Updating this to be grouped with our other proposed launch blockers.

Comment 2

[[github robot]]

Commits pushed to master at https://github.com/mozilla/kuma

https://github.com/mozilla/kuma/commit/ec991de63f09e9ff132bf2b286791c05cce8f225
fix bug 934472 - Allow per-template main content area

https://github.com/mozilla/kuma/commit/1e859c06db0f8f0ce0f939c3152d7ecd95b3a3da
Merge pull request #2302 from darkwing/main-content-934472

fix bug 934472 - Allow per-template main content area

Comment 3

[Isac Lagerblad (:icaaq)]

That PR/commit does not correct this bug. The behavior from comment 1 still exists on zone-pages and the skip-to link does not work at all on wiki-pages.

Comment 4

[[github robot]]

Commits pushed to master at https://github.com/mozilla/kuma

https://github.com/mozilla/kuma/commit/182e0257558f0adc95ddb8165707970f0255ecc2
fix bug 934472 - Use IDs to signify anchor points

https://github.com/mozilla/kuma/commit/6551ecc19c909bd52ceabf0b5b6c1116f139d0e5
Merge pull request #2314 from darkwing/main-content-again

fix bug 934472 - Use IDs to signify anchor points

Comment 5

[Isac Lagerblad (:icaaq)]

Still not fixed though.

Comment 6

[BMO Automation]

MDN Web Docs' bug reporting has now moved to GitHub. From now on, please file content bugs at https://github.com/mdn/sprints/issues/ and platform bugs at https://github.com/mdn/kuma/issues/.