Skip to content

Page - add aria-label prop to components that may overflow #7350

@thatblindgeye

Description

@thatblindgeye

Is this a new component or an extension of an existing one?
Page components (PageBreadcrumb, PageGroup, PageNavigation, and PageSection)

Describe the feature
See comment #7274 (review) for original mention of this issue. Based on this comment, adding an aria-label prop to the above mentioned components could be helpful when they have have the hasOverflowScroll prop passed and the contents would overflow. For the PageGroup component, see comment #7293 (comment) and how the aria-label was added to a div element.

Additionally, per MDN's Using a section without a heading examples, there could be scenarios where a <section> element does not need a heading element to describe its contents. In these cases, it would also be useful to mention this use case for passing in an aria-label prop to the PageSection component.

Are there visuals for this feature? If applicable, please include examples for each state and for varying widths
N/A

Any other information?

Metadata

Metadata

Labels

Type

No type

Projects

Status

Done

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions