Next and previous buttons need audible labels

[argyleink]

todo:

• [ ] swap > and < text content for Next and Previous text
• [ ] hide text visually and replace with an icon

might be able to get away with a win win svg solution, where the svg icon has a text node. or a title on the button. needs tested, but screen readers need to know what the button does.

[argyleink]

.my-carousel {
  &::scroll-left-button  { content: 'arrow_back' }
  &::scroll-right-button { content: 'arrow_forward' }
}

this is how I've got it setup with an icon font, and it reads so nice. wonder how close we can match that?

[argyleink]

we should lean into the "alt text after content" feature

.my-carousel {
  &::scroll-left-button  { content: 'arrow_back' / 'previous'; }
  &::scroll-right-button { content: 'arrow_forward' / 'next'; }
}