Skip to content

[Object Page]: [A11y] Invisible heading needs to be present visually. #7780

@VidhiNPatel

Description

@VidhiNPatel

Describe the bug

In JAWS browse mode, invisible headings are announced after the tab section, but they remain hidden from view.

In the UI5 framework, however, the invisible headings are visible. For reference, you can view the UI5 documentation here: UI5 Reference.

Consistency is crucial for accessibility (A11y), so I am raising this issue to request an alignment with the UI5 design. It is important to provide a visible heading instead of an invisible one.

Isolated Example

No response

Reproduction steps

  1. Go to https://ui5.github.io/webcomponents-react/v2/?path=/docs/layouts-floorplans-objectpage--docs
  2. Check that tab section's first section heading is invisible.

Expected Behaviour

An invisible heading needs to be present visually. As per the UI5 ref : https://ui5.sap.com/#/entity/sap.uxap.HeaderFacetPattern/sample/sap.uxap.sample.ObjectPageWithLinksAndObjectStatus

Screenshots or Videos

No response

UI5 Web Components for React Version

2.14.1

UI5 Web Components Version

2.14

Browser

Chrome

Operating System

No response

Additional Context

No response

Relevant log output

Organization

No response

Declaration

  • I’m not disclosing any internal or sensitive information.

Metadata

Metadata

Assignees

No one assigned

    Type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions