Skip to content

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

@trichoplax

Description

@trichoplax

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.

Metadata

Metadata

Assignees

No one assigned

    Labels

    area: frontendChanges to front-end codetype: bugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions