question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Accessibility: Please add main landmark to indicate where main content starts exercise screens for more efficient Navigation

See original GitHub issue

Challenge Name

Issue Description

Using any screen reader, go to an exercise screen and navigate by landmark. There is no main landmark, so that the user can skim over the top portions of pages to get to the top of the exercise content quickly.

In Windows, using NVDA, use D to navigate downward and SHIFT+D to navigate upward…

On Mac, using VoiceOver, when on web content, use Option+CTRL+U to access the rotor, use Left and Right Arrows to choose Landmark, and choose Up and Down arrows to navigate.

This symptom is also present in other screen readers.

Browser Information

  • Browser Name, Version:
  • Operating System:
  • Mobile, Desktop, or Tablet:

Your Code




Screenshot

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Comments:7 (3 by maintainers)

github_iconTop GitHub Comments

1reaction
axtsczcommented, Aug 13, 2017

Yeah, go ahead and try. I had some things come up and can’t get to it right now. Let me know if you want help though.

On Aug 12, 2017 6:51 PM, “Vicente Plata” notifications@github.com wrote:

@axtscz https://github.com/axtscz @dhcodes https://github.com/dhcodes are you fixing this? Otherwise I’d like to try.

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/freeCodeCamp/freeCodeCamp/issues/15658#issuecomment-322012859, or mute the thread https://github.com/notifications/unsubscribe-auth/ACC-lbQRIqTEffga9AVS_tzwXHcu2Yq-ks5sXjpqgaJpZM4OZVaE .

0reactions
xntcommented, Aug 13, 2017

Awesome! I’m on it. Thanks!

Read more comments on GitHub >

github_iconTop Results From Across the Web

Main Landmark: ARIA Landmarks Example - W3C
A main landmark identifies the primary content of the page. ... If a page includes more than one main landmark, each should have...
Read more >
What is the ARIA navigation landmark? - YouTube
Explaining the nav element and the role= navigation attribute. ... Hit the Subscribe Button for more educational accessibility content just ...
Read more >
Using WAI-ARIA Landmarks - 2013 - TPGi
Probably the most important rule for applying landmarks is to ensure all content resides in a landmark region to ensure no content is...
Read more >
E-mail List Archives - WebAIM
the nav landmark to be visible by default, either accessible by ... Screen readers will read an aria-label="main site navigation" as
Read more >
Provide native HTML 5 for elements and ARIA for landmarks
Both HTML elements and ARIA landmarks allow a developer to define, for example, where the navigation bar is on the page, or where...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found