Browse Source

Add ARIA labels on the navigation buttons (#4363)

main
Sha Mwe La 3 years ago
committed by GitHub
parent
commit
2310e15532
No known key found for this signature in database GPG Key ID: 4AEE18F83AFDEB23
  1. 2
      beta/src/components/MDX/Challenges/Navigation.tsx

2
beta/src/components/MDX/Challenges/Navigation.tsx

@ -108,6 +108,7 @@ export function Navigation({
<div className="flex z-10 pb-2 pl-2"> <div className="flex z-10 pb-2 pl-2">
<button <button
onClick={handleScrollLeft} onClick={handleScrollLeft}
aria-label="Scroll left"
className={cn( className={cn(
'bg-secondary-button dark:bg-secondary-button-dark h-8 px-2 rounded-l border-gray-20 border-r', 'bg-secondary-button dark:bg-secondary-button-dark h-8 px-2 rounded-l border-gray-20 border-r',
{ {
@ -119,6 +120,7 @@ export function Navigation({
</button> </button>
<button <button
onClick={handleScrollRight} onClick={handleScrollRight}
aria-label="Scroll right"
className={cn( className={cn(
'bg-secondary-button dark:bg-secondary-button-dark h-8 px-2 rounded-r-lg', 'bg-secondary-button dark:bg-secondary-button-dark h-8 px-2 rounded-r-lg',
{ {

Loading…
Cancel
Save