w3c
Carousels Styling for Mobile
Proposed new tip ("Responsive design") to improve coverage for responsive design of carousels.
If confirmed, add note "Developed with support from WCAG TA Project"
Regarding Carousel text size, is there a recommendation on a preferred size that is "not too small" and is "large enough", ex. Carousel text should be at least XX size and should not be cut off from view.
Pulling together the comments: "Avoid use of text that is too small for easy reading or that is cut off. Navigation buttons to control the slides, like all interactive elements, need to be large enough to tap and have associated labels."
The first part of this page has info about button size, so part of this new section may be redundant and unnecessary. Perhaps the messaging should be that even in a smaller viewport there should still be navigation buttons and not just rely on swiping to move the carousel items.
"Avoid use of text that is too small for easy reading or that is cut off. Navigation buttons to control the slides should still be present to avoid the reliance on swipe gestures"
I agree with @brianelton. The button size text is very specific:
Button Size Use appropriately sized buttons and links, and provide whitespace around them, to allow people with reduced dexterity to use the carousel more easily. This also benefits people using touch screens, such as on mobile devices. Buttons and links that are not inline in a block of text should be at least 44 × 44 CSS pixels.
So +1 to:
"Avoid use of text that is too small for easy reading or that is cut off. Navigation buttons to control the slides should still be present to avoid the reliance on swipe gestures"
