SiteLint documentation and guidelines

Click verb

Description

Using the word click (e.g., click, click here, click this, click me) as a verb in instructional text can be problematic for accessibility and inclusivity. Instructions that rely solely on the word click assume that users are using a mouse or a similar pointing device. This language excludes users who navigate with keyboards, touchscreens, voice commands, or other assistive technologies. Providing more inclusive instructions ensures that all users, regardless of their input method, can understand and follow the instructions.

Disabilities impacted

  • Motor impairments: users with motor impairments may rely on keyboards, voice commands, or other assistive devices to navigate and interact with web content.
  • Visual impairments: users with visual impairments may use screen readers and keyboard navigation rather than a mouse.
  • Cognitive disabilities: users with cognitive disabilities benefit from clear and straightforward instructions that do not assume a specific input method.

Why it matters

Inclusive language in instructional text helps create a more accessible and user-friendly experience for all users. Using terms like “click” can alienate users who do not use a mouse, making it harder for them to interact with web content. By using more inclusive language, you ensure that your instructions are applicable to a wider audience, improving the overall usability of your site.

Coding problems and solutions

Common coding problems

  • Using click in instructions: instructions that use the word “click” assume a mouse or pointing device, which is not inclusive of all users.
  • Lack of alternative instructions: failing to provide alternative instructions that accommodate different input methods.
  • Unclear instructions: instructions that are vague or unclear, making it difficult for users with various input methods to understand how to interact with the content.

How to fix it

Use inclusive language

Replace the word click with more inclusive terms like select, activate, or choose.

Incorrect example
<p>Click the "Submit" button to continue.</p>
Correct example
<p>Select the "Submit" button to continue.</p>

Provide clear instructions for all users

Ensure that your instructions are clear and applicable to all input methods.

Incorrect example
<p>Click the "Settings" option from the menu.</p>
Correct example
<p>Choose the "Settings" option from the menu.</p>

Test instructions with different input methods

Regularly test your site using various input methods to ensure that instructions are clear and inclusive.

Incorrect example
<p>Click here to learn more.</p>
Correct example
<p>Activate the link to learn more.</p>

Known limitations

  • Complex interactions: for complex interactions, ensure that instructions remain clear and applicable to all input methods.
  • Dynamic content: when dynamically updating content or instructions, ensure that the language remains inclusive and accessible.
  • Testing across devices: test your site across different devices and input methods to ensure that all users can follow the instructions.

Resources