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.

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

Partial functionality for the "Visit our communities" button #127

Open
trichoplax opened this issue Oct 16, 2024 · 0 comments
Open

Partial functionality for the "Visit our communities" button #127

trichoplax opened this issue Oct 16, 2024 · 0 comments
Labels
area: frontend Changes to front-end code type: bug Something isn't working

Comments

@trichoplax
Copy link
Contributor

Describe the bug
The large yellow button that says "Visit our communities" is functionally a link to https://codidact.com/ but it uses a button element rather than an anchor element (<a> tag). This means that it lacks some of the functionality of a link:

  • Hovering over the button or its text does not show the destination URL, for browsers that usually show this information for a link. This prevents a user from checking where they will be taken before they click.
  • Right clicking does not give the usual browser options for a link. None of the following are available:
    • Open link in new tab / new window / new private window
    • Save link
    • Copy link
    • Bookmark link
  • Middle clicking does not open the page in a new tab, forcing a user to leave the landing page if they click, even if they prefer not to.
  • Clicking on the button will do nothing if JavaScript is disabled, whereas a link would work without the need for JavaScript.
  • The button will give misleading information to users of assistive technology such as screen readers.

Expected behavior
A link should be an anchor element (<a> tag) so that the browser can automatically avoid the problems described above.

Visually, the link can remain identical. This is not a request to change the style, but to fix the missing functionality.

@cellio cellio added area: frontend Changes to front-end code type: bug Something isn't working labels Oct 16, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
area: frontend Changes to front-end code type: bug Something isn't working
Projects
None yet
Development

No branches or pull requests

2 participants