1912407 - The Anthropic Claude Edit Chat title dropdown buttons overlap their frames with High Contrast enabled

Status: NEW

(Core :: Machine Learning, defect)

Description

[Rares Doghi, Desktop QA]

Attachment: anthropicHighcontrast.mp4

Found in

• Beta 130.0b3

Affected versions

• 131.0a1 (2024-08-08)
• Beta 130.0b3

Affected platforms

• Windows

Preconditions

• Enable high Contrast

Steps to reproduce

1. Reach about:preferences > Firefox labs and Enable the AI chatbot.
2. Select the Anthropic Claude from the Ai provider dropdown and Sign in.
3. Select any older Chat or start a new one.
4. Click the Chat title in order to show the Rename/Delete buttons.

Expected result

• The Rename and Delete button frames should not overlap eachother with High contrast enabled.

Actual result

• The Rename and Delete button frames overlap eachother.

Regression range
Not a regression.

Comment 1

[Anna Yeddi [:ayeddi]]

The minor overlapping of the control borders while on HCM is an access-S4 issue because the feature is accessible for users with minor defects. In this case, the majority of the clickable area shown on HCM is not overlapping leaving users with less chances of clicking wrong element, especially when the gross motor skills and/or pointer precision is not sharp for the user.

This appears to be an accessibility issue on the side of the chatbot service. Firefox team would need to pass this information to the provider, but until it is resolved, I'm marking this bug as stalled.