[Carousel] Accessibility improvments

[renow-luxembourg]

Feature Request

Is your feature request related to a problem? Please describe.
In a recent accessibility audit, several issues were found in the carousel component :

• For people using vocalization tool (NVDA, JAWS, VoiceOver, etc.), each slide content is vocalized twice due to the 2 aria-live attributes.
• Controls and Indicators should come before the slides content in the tabulation order
• Indicator are not initially focusable, we have to add the tabindex attribute before starting the carousel (mostly in carousel without autoplay)
• On each slide there are 2 attributes that give the accessible name : aria-label and aria-labelledby, some vocalization tool read both and it's a bit annoying
• When the carousel controls buttons only contain an icon, it's a nice-to-have to allow the user to display to know what this button is about using a title attribute
• Carousel indicator item should be actionable using the spacebar. The easy way to do it is to use the native button element.

Q	A
Fixed Issues?
Patch: Bug Fix?
Minor: New Feature?	Yes
Major: Breaking Change?
Tests Added + Pass?	Yes
Documentation Provided	Yes (code comments and or markdown)
Any Dependency Changes?
License	Apache License, Version 2.0

Environment
AEM 6.5
Core Components version 2.28.0

Documentation
We have to implement the properties specified in the design pattern of carousel and tab :

• https://www.w3.org/WAI/ARIA/apg/patterns/carousel/
• https://www.w3.org/WAI/ARIA/apg/patterns/tabs/

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 87.17%. Comparing base (4bcb288) to head (61bbcc2).

Additional details and impacted files

@@            Coverage Diff            @@
##               main    #2930   +/-   ##
=========================================
  Coverage     87.17%   87.17%           
  Complexity     2703     2703           
=========================================
  Files           235      235           
  Lines          7210     7210           
  Branches       1103     1103           
=========================================
  Hits           6285     6285           
  Misses          366      366           
  Partials        559      559           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud