ui5-webcomponents icon indicating copy to clipboard operation
ui5-webcomponents copied to clipboard

[Switch, Select, List]: [Accessibility issues]

Open jinnatan opened this issue 1 year ago • 6 comments

Describe the bug

Getting accessibility issue when testing with Tool Access Continuum for Switch, List(ListItemStandard), Select, SegmentedButton(SegmentedButtonItem).

Select, SegmentedButton(SegmentedButtonItem):

Accessibility Concern: This DIV (role=combobox) must have all of the following attributes: aria-controls | aria-expanded

But if I tried to add the attribute: e.g aria-expanded, i got another error: 
Accessibility Concern: The aria-expanded attribute is not allowed on this UI5-SELECT

Switch (aria-required attribute is not added as property of Switch)

Accessibility Concern: The aria-required attribute is not allowed on this DIV

List(ListItemStandard)

Accessibility Concern: This LI does not have a ul element (without an ARIA-assigned role); ol element (without an ARIA-assigned role); an element with a role set to the value: list as a parent; or a ul element (without an ARIA-assigned role), ol element (without an ARIA-assigned role) or element with a role set to the value 'list' with an aria-owns attribute set to the ID of the element in the same DOM

Isolated Example

No response

Reproduction steps

Just use the controls, the accessibility test failed. This happens in "@ui5/webcomponents-react": "1.29.4" and "@ui5/webcomponents-react": "2.1.0"

 <Switch onChange={function _s() { }} />

        <Select
          valueState="None"
          accessibleName="Select"
        >
          <Option>
            Option 1
          </Option>
        </Select>


        
        <List
          growing="None"
          headerText="List with ListItemStandard"
          selectionMode="None"
          separators="All"
        >
          <ListItemStandard additionalText="3" >
            List Item 1
          </ListItemStandard>
        </List>

Expected Behaviour

No response

Screenshots or Videos

No response

UI5 Web Components for React Version

1.29.10

UI5 Web Components Version

1.24.6

Browser

Chrome

Operating System

No response

Additional Context

No response

Relevant log output

No response

Organization

No response

Declaration

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

jinnatan avatar Sep 13 '24 15:09 jinnatan