Skip to main content
landmarks are helpful, current landmarks are not
Link
VLL
  • 10.1k
  • 12
  • 7

Landmarks Current landmarks are not helpful for screen readers

curious
Source Link
Braiam
  • 4.5k
  • 13
  • 154
  • 265

The current markup on Stack Overflow is not very helpful for screen readers using landmarks to navigate the page. There are currently 19 different navigation items, only two of which have a label. There is also no main section.

According to the W3C, StackOverflowStack Overflow is going against three of their guidelines:

This is what I see when I bring up landmark navigation on NVDA:

enter image description here

The current landmarks look something like this:

banner:
  - site navigation navigation
  - search
  - navigation
ask new question navigation:
content info:
  - navigation
  - navigation
  - navigation
  - navigation
  - navigation
  - navigation
  - navigation
  - navigation
  - navigation
  - navigation
  - navigation
  - navigation
  - navigation
  - navigation
  - navigation
  - navigation

I would recommend something more like this:

banner:
  - site navigation           # Remove 'navigation' from the label
  - search
  - secondary navigation      # Add a label to the secondary nav
main:                         # Add a main landmark
  - ask new question form     # Change the landmark from 'navigation' to 'form'
content info:
  - Stack overflow navigation # Add a label to each section
  - Stack overflow business navigation
  - Company navigation
  - Stack exchange network navigation
  # Remove all of the other nav elements from this list (you could probably add a few others but this is too long)

The current markup on Stack Overflow is not very helpful for screen readers using landmarks to navigate the page. There are currently 19 different navigation items, only two of which have a label. There is also no main section.

According to the W3C, StackOverflow is going against three of their guidelines:

This is what I see when I bring up landmark navigation on NVDA:

enter image description here

The current landmarks look something like this:

banner:
  - site navigation navigation
  - search
  - navigation
ask new question navigation:
content info:
  - navigation
  - navigation
  - navigation
  - navigation
  - navigation
  - navigation
  - navigation
  - navigation
  - navigation
  - navigation
  - navigation
  - navigation
  - navigation
  - navigation
  - navigation
  - navigation

I would recommend something more like this:

banner:
  - site navigation           # Remove 'navigation' from the label
  - search
  - secondary navigation      # Add a label to the secondary nav
main:                         # Add a main landmark
  - ask new question form     # Change the landmark from 'navigation' to 'form'
content info:
  - Stack overflow navigation # Add a label to each section
  - Stack overflow business navigation
  - Company navigation
  - Stack exchange network navigation
  # Remove all of the other nav elements from this list (you could probably add a few others but this is too long)

The current markup on Stack Overflow is not very helpful for screen readers using landmarks to navigate the page. There are currently 19 different navigation items, only two of which have a label. There is also no main section.

According to the W3C, Stack Overflow is going against three of their guidelines:

This is what I see when I bring up landmark navigation on NVDA:

enter image description here

The current landmarks look something like this:

banner:
  - site navigation navigation
  - search
  - navigation
ask new question navigation:
content info:
  - navigation
  - navigation
  - navigation
  - navigation
  - navigation
  - navigation
  - navigation
  - navigation
  - navigation
  - navigation
  - navigation
  - navigation
  - navigation
  - navigation
  - navigation
  - navigation

I would recommend something more like this:

banner:
  - site navigation           # Remove 'navigation' from the label
  - search
  - secondary navigation      # Add a label to the secondary nav
main:                         # Add a main landmark
  - ask new question form     # Change the landmark from 'navigation' to 'form'
content info:
  - Stack overflow navigation # Add a label to each section
  - Stack overflow business navigation
  - Company navigation
  - Stack exchange network navigation
  # Remove all of the other nav elements from this list (you could probably add a few others but this is too long)
added 1 character in body
Source Link
Autonomous
  • 9k
  • 13
  • 12

The current markup on Stack Overflow is not very helpful for screen readers using landmarks to navigate the page. There are currently 19 different navigation items, only two of which have a label. There is also no main section.

According to the W3C, StackOverflow is going against three of their guidelines:

This is what I see when I bring up landmark navigation on NVDA:

enter image description here

The current landmarks look something like this:

banner:
  - site navigation navigation
  - search
  - navigation
ask new question navigation:
content info:
  - navigation
  - navigation
  - navigation
  - navigation
  - navigation
  - navigation
  - navigation
  - navigation
  - navigation
  - navigation
  - navigation
  - navigation
  - navigation
  - navigation
  - navigation
  - navigation

I would recommend something more like this:

banner:
  - site navigation           # Remove 'navigation' from the label
  - search
  - secondary navigation      # Add a label to the secondary nav
main:                         # Add a main landmark
  - ask new question form     # Change the landmark from 'navigation' to 'form'
content info:
  - Stack overflow navigation # Add a label to each section
  - Stack overflow business navigation
  - Company navigation
  - Stack exchange network navigation
  # Remove all of the other nav elements from this list (you could probably add a few others but this is too long)

The current markup on Stack Overflow is not very helpful for screen readers using landmarks to navigate the page. There are currently 19 different navigation items, only two of which have a label. There is also no main section.

According to the W3C StackOverflow is going against three of their guidelines:

This is what I see when I bring up landmark navigation on NVDA:

enter image description here

The current landmarks look something like this:

banner:
  - site navigation navigation
  - search
  - navigation
ask new question navigation:
content info:
  - navigation
  - navigation
  - navigation
  - navigation
  - navigation
  - navigation
  - navigation
  - navigation
  - navigation
  - navigation
  - navigation
  - navigation
  - navigation
  - navigation
  - navigation
  - navigation

I would recommend something more like this:

banner:
  - site navigation           # Remove 'navigation' from the label
  - search
  - secondary navigation      # Add a label to the secondary nav
main:                         # Add a main landmark
  - ask new question form     # Change the landmark from 'navigation' to 'form'
content info:
  - Stack overflow navigation # Add a label to each section
  - Stack overflow business navigation
  - Company navigation
  - Stack exchange network navigation
  # Remove all of the other nav elements from this list (you could probably add a few others but this is too long)

The current markup on Stack Overflow is not very helpful for screen readers using landmarks to navigate the page. There are currently 19 different navigation items, only two of which have a label. There is also no main section.

According to the W3C, StackOverflow is going against three of their guidelines:

This is what I see when I bring up landmark navigation on NVDA:

enter image description here

The current landmarks look something like this:

banner:
  - site navigation navigation
  - search
  - navigation
ask new question navigation:
content info:
  - navigation
  - navigation
  - navigation
  - navigation
  - navigation
  - navigation
  - navigation
  - navigation
  - navigation
  - navigation
  - navigation
  - navigation
  - navigation
  - navigation
  - navigation
  - navigation

I would recommend something more like this:

banner:
  - site navigation           # Remove 'navigation' from the label
  - search
  - secondary navigation      # Add a label to the secondary nav
main:                         # Add a main landmark
  - ask new question form     # Change the landmark from 'navigation' to 'form'
content info:
  - Stack overflow navigation # Add a label to each section
  - Stack overflow business navigation
  - Company navigation
  - Stack exchange network navigation
  # Remove all of the other nav elements from this list (you could probably add a few others but this is too long)
Source Link
Godwin
  • 9.9k
  • 1
  • 15
  • 9
Loading