[Bug][a11y]: SplitView is entirely ignored by screen readers on mobile

[dineshy87]

trafficstars

Code of conduct

• [X] I agree to follow this project's code of conduct.

Impacted component(s)

Split-view

Expected behavior

Resizable Split-view components should work on mobile, for screen reader users.

Actual behavior

Go to documentation page for splitview on an iOS device. Turn VoiceOver on, and try to navigate to split-view components. Am noticing that it is completely skipped by VoiceOver even though it has a tabindex.

I added aria-label to one of the resizable split-view components and then noticed that VoiceOver recognizes the separator if there is a label on it.

Can someone retest this and make sure there is always a label for resizable split-view components even if an explicit label is not provided? (For non-resizable ones, I don't see a point in labelling them). Also make sure the screen reader user is able to increment or decrement while using the screenreader.

[najikahalsema]

Hopefully, if we add a label at the top level, this will address the problem.