Update cursor appearance for text links & other interactive components across site

[Olivia-Chiong]

Overview

We need to check the international cursor standard for pointy hand or arrow to adhere to ADA guidelines.

Action Items

• [x] Design
  • [x] Research what is the international cursor standard between pointy hand and arrow.
  • [x] Annotate Design system with guidance
• [ ] Development
  • [ ] Audit site to confirm compliance with desired/specified behavior of pointers.
  • [ ] If site is not compliant:
    • [ ] Define recommendations for changes (in the comments below)
    • [ ] Get signoff from Development lead
    • [ ] Make changes

Resources/Instructions

[mariastudnicka]

@FarzanaPrianka Could you please research this and make a recommendation?

[FarzanaPrianka]

In reference to the following two resources, pointy hand should be used "only when the content is a URL/Link":

1. Apples Human Interface Guideline

2. W3C User Interface Guideline

Also, I found the following blog post regarding "why buttons should not have a hand cursor"

Buttons shouldn’t have a hand cursor

[chalimar]

July 8:

Thank you for researching, will follow up with Dev to only display Pointing Hand cursor for URL links on the site and not for interactive components such as buttons.

[chalimar]

Information regarding cursor styles have been added to the CTI Design System.

[ExperimentsInHonesty]

Before we dive into the guidance that this issue seems to provide, we need to make sure its findings are still accurate. Kevin Ashworth indicated that he sees the finger on major sites like apple on both buttons and links. Here is an example.

https://www.apple.com/apple-fitness-plus/