Skip to content

[a11y]: The Truncated text component seems to lack a keyboard affordance #21189

@mbgower

Description

@mbgower

Package

@carbon/react

Browser

Chrome

Operating System

MacOS

Package version

https://ibm-products.carbondesignsystem.com/?path=/docs/utilities-truncatedtext--overview#example-usage

React version

No response

Automated testing tool and ruleset

n/a

Assistive technology

No response

Description

Although a mouse user can hover over a truncated text paragraph to have the truncated text displayed in a tooltip, there seems to be no way of triggering by keyboard.

WCAG 2.1 Violation

2.1.1 Keyboard

Reproduction/example

https://ibm-products.carbondesignsystem.com/?path=/docs/utilities-truncatedtext--overview#example-usage

Steps to reproduce

  1. Go to https://ibm-products.carbondesignsystem.com/?path=/docs/utilities-truncatedtext--overview#example-usage
  2. On the Overview page, attempt to reach the paragraph that ends in an ellipsis via keyboard

Suggested Severity

None

Code of Conduct

Metadata

Metadata

Assignees

No one assigned

    Type

    Projects

    Status

    No status

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions