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

[SFSF]Carousel: A11y - Elements must only use supported ARIA attributes

Open VidhiNPatel opened this issue 8 months ago • 2 comments

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

  1. Download the axe DevTools - Web Accessibility Testing Chrome extension
  2. Go to https://sap.github.io/ui5-webcomponents-react/v2/?path=/docs/layouts-floorplans-carousel--docs
  3. Open the web inspect -> Select Axe DevTool -> Full Page Scan
  4. 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.

VidhiNPatel avatar May 13 '25 23:05 VidhiNPatel

@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

stephania87 avatar May 14 '25 15:05 stephania87

Another Carousel related ACC issue - #11429

s-todorova avatar Jun 24 '25 09:06 s-todorova

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.

LidiyaGeorgieva avatar Jul 07 '25 08:07 LidiyaGeorgieva

This issue has been closed. To reopen, just leave a comment!

github-actions[bot] avatar Jul 07 '25 08:07 github-actions[bot]

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

olannyv avatar Sep 19 '25 08:09 olannyv

This issue has been closed. To reopen, just leave a comment!

github-actions[bot] avatar Oct 14 '25 07:10 github-actions[bot]