Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Missing skip link #3084

Closed
sampottinger opened this issue Apr 12, 2024 · 2 comments · Fixed by #3101
Closed

Missing skip link #3084

sampottinger opened this issue Apr 12, 2024 · 2 comments · Fixed by #3101
Labels
Area:Accessibility Category for accessibility related features and bugs Bug Priority:High

Comments

@sampottinger
Copy link

sampottinger commented Apr 12, 2024 •
edited

p5.js version

N/A (Online Editor)

What is your operating system?

Linux

Web browser and version

Firefox 142

Actual Behavior

For users not using a pointing technology (for example: navigating and operating by keyboard), the first press on tab takes you to privacy policy.

Expected Behavior

According to WCAG success criterion 2.4.1, it is common to use a "skip-link" to help users leveraging adaptive technology to reach the body of the application quickly, avoiding nav and other "header" elements. Please consider adding a skip link which jumps the user focus to #play or the editor.

Steps to reproduce

Steps:

  1. Open the editor at https://editor.p5js.org/
  2. Press tab
@welcome Welcome
Copy link

welcome bot commented Apr 12, 2024

Welcome! 👋 Thanks for opening your first issue here! And to ensure the community is able to respond to your issue, be sure to follow the issue template if you haven't already.

@raclim raclim added the Area:Accessibility Category for accessibility related features and bugs label Apr 13, 2024
@raclim
Copy link
Collaborator

raclim commented Apr 13, 2024

Thanks for raising this!

@Chaitanya1672 Chaitanya1672 mentioned this issue Apr 27, 2024
Merged
4 tasks
raclim added a commit that referenced this issue Jun 13, 2024
@raclim
Merge pull request #3101 from Chaitanya1672/fix/missing-skip-link
298c51d 
Add skip link for better keyboard accessibility Fix-#3084
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
Area:Accessibility Category for accessibility related features and bugs Bug Priority:High
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

Add skip link for better keyboard accessibility Fix-#3084 Chaitanya1672/p5.js-web-editor
2 participants
@sampottinger @raclim