Skip to content

Commit d97b29d

Browse files
committed
fix: improve accessibility of sponsors carousel buttons
1 parent 2b607ed commit d97b29d

1 file changed

Lines changed: 5 additions & 2 deletions

File tree

app/(home)/components/SponsorsDesktop.tsx

Lines changed: 5 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -232,9 +232,12 @@ const SponsorsDesktop = ({ sponsors }: { sponsors: SponsorshipProps[] }) => {
232232
key={index}
233233
onClick={() => updateButton(index)}
234234
className={cn(
235-
'w-3 h-3 rounded-full mx-1',
236-
current === index ? 'bg-primary' : 'bg-gray-400'
235+
'w-4 h-4 rounded-full mx-1 transition-colors duration-300',
236+
current === index
237+
? 'bg-primary scale-110'
238+
: 'bg-gray-400 hover:bg-gray-500'
237239
)}
240+
aria-label={`Go to slide ${index + 1}`}
238241
></button>
239242
))}
240243
</div>

0 commit comments

Comments
 (0)