Processing Link covered by Accessibility Feature

[duskvirkus]

Actual Behaviour

Trying to hit Processing up in the corner but skip to main content button is triggered.

Expected Behavior

Navigate to Processing.org

Steps to reproduce it

Try to click on Processing. Using Firefox 81.0 (64-bit) on Windows 10.

Screenshots of the issue

Would you like to work on the issue?

Not at the moment

[ameybh]

I can reproduce this. Do we need the skip to main content link?

[duskvirkus]

Yeah it's an accessibility feature for people with screen readers however I think it should have a html attribute where it's not clickable. So I think the intended functionality is that you can use skip to main content by using tab and enter but not the mouse.

[limzykenneth]

Would the button still be usable with CSS pointer-events: none, quick test I did seems to indicate it doesn't work but I'm not sure. We can potentially just move the button out of the way though.

[ameybh]

Yeah it's an accessibility feature for people with screen readers however I think it should have a html attribute where it's not clickable. So I think the intended functionality is that you can use skip to main content by using tab and enter but not the mouse.

If it can only be used with tab, maybe we can change it's z-index to something such that the processing link is on top of the skip to main content and also move it slightly down. WDYT?

[lmccart]

I propose we just move it vertically down the page to clear the header

[rt1301]

If we change the 'top' property on the skip to main content, the bug will be resolved. If this is issue is still open, I'll like to work on it

[limzykenneth]

@rt1301 Do go ahead and submit a fix. Thanks!

[rt1301]

The 'skip to content' button is set to have opacity:0 initially. Wouldn't the user have a hard time finding the button due to this?
If possible, we could also come up with a solution for this

[limzykenneth]

The main utility for the button is for there to be a way for visually impaired visitors to the website using screen readers to be able to use it to skip to the main content so it does not need to be visible.

[rt1301]

Ok, thanks for the clarification. I have made the PR; please check it out.