SiteLint documentation and guidelines

The verb click must not be used in a link

Description

The verb click must not be used in a link refers to the practice of avoiding the use of device-specific instructions within hyperlink text. This means that instead of instructing users to click here or click on this link, web content should be designed to be accessible across various devices and input methods, including those that do not involve clicking, such as screen readers, keyboard navigation, or touch interfaces.

Disabilities impacted

  • Visual impairments: users who rely on screen readers may find instructions like click here confusing because screen readers interpret content linearly, and such instructions assume a visual interaction model that may not apply to their method of navigation.
  • Cognitive disabilities: individuals with cognitive disabilities may struggle with instructions that are overly specific or assume a certain level of familiarity with web navigation conventions. Using generic link text can reduce confusion and make navigation easier.
  • Motor impairments: users with motor impairments who navigate websites using keyboard shortcuts or assistive technologies rather than a mouse may find click instructions irrelevant or misleading since their interaction does not involve clicking in the traditional sense.

Why it matters

Adhering to this guideline matters because it promotes inclusivity and accessibility across a wide range of devices and abilities. By avoiding device-specific instructions, web content becomes more universally accessible, ensuring that everyone, regardless of their physical abilities or the devices they use, can effectively navigate and interact with online information and services.

Coding problems and solutions

Common coding problems

  • Links that instruct users to click here or similar phrases do not convey meaningful information about the destination of the link.
  • Lack of descriptive text in links makes it difficult for users relying on screen readers or keyboard navigation to understand where a link will take them.

How to Fix It

To fix this issue, ensure that all links contain descriptive text that clearly indicates the destination or purpose of the link without relying on device-specific actions.

Instead of the verb click, when possible, use activate, which is device-independent.

Incorrect example
<!-- Before -->
<a href="https://example.com">Click here</a> to learn more about our products.
Correct example
<!-- After -->
<a href="https://example.com">Learn more about our products</a>.

Known Limitations

While striving for universally accessible web content is crucial, there might be contexts where device-specific instructions are necessary due to the nature of the content or functionality being described. In such cases, it’s important to balance accessibility considerations with the practical needs of the content or application.

Resources

Rule

  • ID: click-verb