Challenge Overview
Describe the bug
Inconsistent landmarks across pages.
To Reproduce Steps to reproduce the behavior:
- Go to the sample challenge page
- Ensure that the screen reader is switched on.
- Press the letter 'r' a couple of times to navigate to the various landmarks on the page.
- Note that there is no 'banner' landmark for the header, 'main landmark' for the main content of the page, and 'contentinfo landmark' for the footer of the page.
- Also note that this issue can be found on the other pages too. The landmarks are inconsistent."
Expected behavior
The content on the page should be placed inside the relevant landmark roles for screen reader users to skip to the content in the respective landmark he/she intends to read. The banner landmark should contain the header of the page. The main landmark should be wrapped around the main content of the page. The contentinfo should be used to contain the footer of the page. Navigation, search etc can be used additionally.
Actual behavior
There are no banner, main and contentinfo landmarks on the page.
non-active and active login button do not comply with WCAG. Make it the same color scheme as registration page buttons "
Additional context
Type: Landmarks
Page: https://www.topcoder.com/challenges/30095347
Status: Partially fixed on a few pages. Correctly fixed on the sample challenge page.