ROU-12567: Fix Carousel a11y issues

[OS-susmitabhowmik]

This PR is for...

Sample page

What was happening

• The carousel was not WCAG 2.2 compliant

What was done

• This PR implements the changes in this documentation PR to ensure that the carousel is WCAG 2.2 compliant

Test Steps

1. Verify that pagination controls meet the minimum target size of 24px

2. Verify that for carousels with images, the tabpanel role was removed from the image.

3. Verify that lists within the carousel have a list role and each item has a listitem role

4. Verify that each carousel has a role of presentation rather than region so that multiple carousels within the same page do not throw an a11y error

5. Verify that for ol and ul elements within carousels there is no role attribute as these elements use semantic HTML and should be detected by a screen reader.

Checklist

• tested locally
• documented the code
• clean all warnings and errors of eslint
• requires changes in OutSystems (if so, provide a module with changes)
• requires new sample page in OutSystems (if so, provide a module with changes)

[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