[$30]Inconsistent landmarks across pages.

[veshu]

Describe the bug

Inconsistent landmarks across pages.

To Reproduce
Steps to reproduce the behavior:

1. Go to the sample challenge page
2. Ensure that the screen reader is switched on.
3. Press the letter 'r' a couple of times to navigate to the various landmarks on the page.
4. 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.
5. 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.

[crazyk07]

Contest https://www.topcoder.com/challenges/30099914 has been created for this ticket.

This is an automated message for crazyk via Topcoder X

[crazyk07]

Contest https://www.topcoder.com/challenges/30099914 has been updated - the new changes has been updated for this ticket.

This is an automated message for crazyk via Topcoder X

[crazyk07]

Contest https://www.topcoder.com/challenges/30099914 has been updated - it has been assigned to rohitgupta_.

This is an automated message for crazyk via Topcoder X

[r0hit-gupta]

@veshu can you please provide with the links where the landmarks are not present?

[veshu]

@r0hit-gupta https://www.w3.org/TR/WCAG20-TECHS/ARIA11.html this is the guidelines for this.

We need to separate the landmarks so user can outline the regions on challenge detail page.

Note: This behavior should also be fixed on other pages (listing, login/register, submit page)

[r0hit-gupta]

PRs at appirio-tech/accounts-app#303 & #3255

[tosha5252]

Also note that this issue can be found on the other pages too. The landmarks are inconsistent."

Status: Partially fixed on a few pages. Correctly fixed on the sample challenge page.

@sushilshinde what pages does this issue cover?

[veshu]

@tosha5252 Current scope pages are challenge listing, challenge detail and submit page,
Register page, login page.

[drasticdpk]

@r0hit-gupta Can we make this page consistent , since screen reader does not read NOT A MEMBER YET on login page but reads HAVE AN ACCOUNT on registration page.
Here is the reference :

[r0hit-gupta]

@drasticdpk PR at appirio-tech/accounts-app#311. This should fix it.

[crazyk07]

Closing ticket due to shift in priority, will not be able to complete but will still pay for effort rendered.

[crazyk07]

Payment task has been updated: https://software.topcoder.com/review/actions/ViewProjectDetails?pid=30099914

This is an automated message for crazyk via Topcoder X