Skip to content

SplitterLayout: screenreader does not always say the orientation #8232

@cmealares

Description

@cmealares

Describe the bug

When a SplitterLayout is configured with attribute vertical=true, the screenreader (jaws) indicates the orientation.
When a SplitterLayout, is configured without specifying vertical (or with vertical=false), jaws does not indicate the orientation of the splitter.

I observe that in both cases, a correct aria-orientation property is generated in the DOM element.
My understanding of Jaws documentation is that it is supposed to give the orientation.
So, I suspect a problem in WC4R or UI5.

Isolated Example

WC4R's storybook

Reproduction steps

  1. Open WC4R storybook and go to the SplitterLayout example
  2. Set focus on the splitter, jaws does not indicate the orientation.
  3. Here is what is says:
storybook-preview-iframe frame
Press ARROW keys to move separator
Press ARROW keys to move min 0 max 100 current 50
  1. Set SplitterLayout's vertical=true
  2. Set focus on the splitter, jaws does indicate the orientation.
  3. Here is what is says:
storybook-preview-iframe frame
Press ARROW keys to move separator **Vertical**
Press ARROW keys to move min 0 max 100 current 50

Expected Behaviour

Screenreader must always indicate the orientation.

Screenshots or Videos

No response

UI5 Web Components for React Version

V1 and V2

UI5 Web Components Version

V1 and V2

Browser

Chrome

Operating System

Windows

Additional Context

No response

Relevant log output

Organization

SAP

Declaration

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions