processing / processing/p5.js-website

Links in the main section do not have a visible outline

Open
#756 10 comments 1 reaction 1 assignee View on GitHub

Nobody has claimed this yet.

Bug
Dominant language
MDX
Stars
96
Forks
322
Avg merge
5d 22h
Merged PRs (30d)
8

Description

Most appropriate sections of the p5.js website?

Home

What is your operating system?

Mac OS

Web browser and version

Firefox 136, Chrome 134.0.6998.89, Safari 18.3.1

Actual Behavior

When using tab to navigate the website, links like 'Reference', 'Examples', 'Community', 'Donate', and 'Download Library' do not have a visible outline. I'm not sure if this is the intended behaviour but it's difficult to visually know if I'm on the correct link without using a voiceover assistant or a mouse.

In Chrome, you can see a minor outline difference if you lock your eyes on the link when tabbing back and forth. The search bar also does not have an outline.

In Firefox and Safari, there is no visible outline at all around the links. But, the search bar outline works correctly.

Image
Expected Behavior

A visible outline should appear around the links so it's easy to spot which link is in the focus state.

Image
Steps to reproduce
  • Use "tab" to navigate the website.
Would you like to work on the issue?

I can work on it if it's approved.

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.