[SFSF]Carousel: A11y - Elements must only use supported ARIA attributes
Bug Description
Elements must only use supported ARIA attributes
Affected Component
Carousel
Expected Behaviour
https://dequeuniversity.com/rules/axe/4.10/aria-allowed-attr?application=AxeChrome
Isolated Example
https://sap.github.io/ui5-webcomponents/nightly/play/#eyJpbmRleC5odG1sIjp7Im5hbWUiOiJpbmRleC5odG1sIiwiY29udGVudCI6IjwhLS0gcGxheWdyb3VuZC1mb2xkIC0tPlxuPCFET0NUWVBFIGh0bWw-XG48aHRtbCBsYW5nPVwiZW5cIj5cblxuXG48aGVhZD5cbiAgICBcbiAgICA8c3R5bGU-XG4gICAgICAqOm5vdCg6ZGVmaW5lZCkge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgICAgfVxuXG4gICAgaHRtbCB7XG4gICAgICBmb3JjZWQtY29sb3ItYWRqdXN0OiBub25lO1xuICAgIH1cbiAgICA8L3N0eWxlPlxuXG4gICAgPG1ldGEgY2hhcnNldD1cIlVURi04XCI-XG4gICAgPG1ldGEgbmFtZT1cInZpZXdwb3J0XCIgY29udGVudD1cIndpZHRoPWRldmljZS13aWR0aCwgaW5pdGlhbC1zY2FsZT0xLjBcIj5cbiAgICA8dGl0bGU-U2FtcGxlPC90aXRsZT5cbiAgICA8bGluayByZWw9XCJzdHlsZXNoZWV0XCIgaHJlZj1cIi4vbWFpbi5jc3NcIj5cbjwvaGVhZD5cblxuPGJvZHkgc3R5bGU9XCJiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zYXBCYWNrZ3JvdW5kQ29sb3IpXCI-XG4gICAgPCEtLSBwbGF5Z3JvdW5kLWZvbGQtZW5kIC0tPlxuXG4gICAgPHVpNS1jYXJvdXNlbD5cbiAgICAgICAgPGltZyBzcmM9XCJodHRwczovL3NhcC5naXRodWIuaW8vdWk1LXdlYmNvbXBvbmVudHMvbmlnaHRseS9pbWFnZXMvc2FtcGxlMS5qcGdcIiBhbHQ9XCJMYW5kc2NhcGUgMVwiPlxuICAgICAgICA8aW1nIHNyYz1cImh0dHBzOi8vc2FwLmdpdGh1Yi5pby91aTUtd2ViY29tcG9uZW50cy9uaWdodGx5L2ltYWdlcy9zYW1wbGUyLmpwZ1wiIGFsdD1cIkxhbmRzY2FwZSAyXCI-XG4gICAgICAgIDxpbWcgc3JjPVwiaHR0cHM6Ly9zYXAuZ2l0aHViLmlvL3VpNS13ZWJjb21wb25lbnRzL25pZ2h0bHkvaW1hZ2VzL3NhbXBsZTMuanBnXCIgYWx0PVwiQnVsYlwiPlxuICAgIDwvdWk1LWNhcm91c2VsPlxuICAgIDwhLS0gcGxheWdyb3VuZC1mb2xkIC0tPlxuICAgIDxzY3JpcHQgdHlwZT1cIm1vZHVsZVwiIHNyYz1cIm1haW4uanNcIj48L3NjcmlwdD5cbjwvYm9keT5cblxuPC9odG1sPlxuPCEtLSBwbGF5Z3JvdW5kLWZvbGQtZW5kIC0tPlxuIn0sIm1haW4uanMiOnsibmFtZSI6Im1haW4uanMiLCJjb250ZW50IjoiLyogcGxheWdyb3VuZC1oaWRlICovXG5pbXBvcnQgXCIuL3BsYXlncm91bmQtc3VwcG9ydC5qc1wiO1xuLyogcGxheWdyb3VuZC1oaWRlLWVuZCAqL1xuaW1wb3J0IFwiQHVpNS93ZWJjb21wb25lbnRzL2Rpc3QvQ2Fyb3VzZWwuanNcIjsifSwibWFpbi5jc3MiOnsibmFtZSI6Im1haW4uY3NzIiwiY29udGVudCI6ImltZyB7XG4gICAgbWF4LWhlaWdodDogMzByZW07XG59In19
Steps to Reproduce
- Download the axe DevTools - Web Accessibility Testing Chrome extension
- Go to https://sap.github.io/ui5-webcomponents-react/v2/?path=/docs/layouts-floorplans-carousel--docs
- Open the web inspect -> Select Axe DevTool -> Full Page Scan
- You will see Elements must only use supported ARIA attributes by Axe tool
Log Output, Stack Trace or Screenshots
No response
Priority
High
UI5 Web Components Version
2.10
Browser
Chrome
Operating System
No response
Additional Context
No response
Organization
No response
Declaration
- [x] I’m not disclosing any internal or sensitive information.
@SAP/ui5-webcomponents-topic-rd AXE complains about aria-activedescendant and role=list https://sap.github.io/ui5-webcomponents-react/v2/?path=/story/layouts-floorplans-carousel--default Element Location: #storybook-preview-iframe ui5-carousel,section
Another Carousel related ACC issue - #11429
Hello @VidhiNPatel, we are working on a fix for this issue and are currently at the stage of finding the best solution with our designers. Our related item is (TEAM JIRA)-3483. The fix will be for both https://github.com/SAP/ui5-webcomponents/issues/11429 and this issue, so I'm closing this one.
This issue has been closed. To reopen, just leave a comment!
The team is working on general Carousel IxD (interaction, ACC roles, keyboard handling) update with (internal Jira)RODOPI-3539 backlog item that should be completed until mid-october the latest
This issue has been closed. To reopen, just leave a comment!