refactor(CCarousel): improve accessibility

mrholek · mrholek · commit a4688bb186e8 · 2023-07-26T19:09:29.000+02:00
diff --git a/packages/coreui-react/src/components/carousel/CCarousel.tsx b/packages/coreui-react/src/components/carousel/CCarousel.tsx
@@ -256,6 +256,8 @@ export const CCarousel = forwardRef<HTMLDivElement, CCarouselProps>(
                       active: active === index
                     })}
                     data-coreui-target=""
+                    {...(active === index && { 'aria-current': true })}
+                    aria-label={`Slide ${index + 1}`}
                   />
                 )
               })}

Original file line number	Diff line number	Diff line change
`@@ -256,6 +256,8 @@ export const CCarousel = forwardRef<HTMLDivElement, CCarouselProps>(`
`256`	`256`	`active: active === index`
`257`	`257`	`})}`
`258`	`258`	`data-coreui-target=""`
	`259`	`+ {...(active === index && { 'aria-current': true })}`
	`260`	+ aria-label={`Slide ${index + 1}`}
`259`	`261`	`/>`
`260`	`262`	`)`
`261`	`263`	`})}`