Group Accessibility Issues

Problem/Motivation

- The link text’s hover styling is not really distinguishable
- On the Carousel Group display, the next and previous buttons are not accessible using the keyboard or it will be skipped.
- The active slider radio button’s keyboard focus is not really distinguishable because the color of the focus is the same as the color of the active button.
- On a laptop view with screen resolution (2560 x 1600) when resizing the browser to 200%, the ‘Column Row’ group display is being displayed in 2 columns, but the ‘Grid-2’ group display cards are only displayed in 1 column.
- On a laptop view with screen resolution (2560 x 1600) when resizing the browser to 200%, most images are pixelated.
- The screen reader reads all cards as “visited, link, [button_text]’, even though the card is not yet visited and it does not read the title of the card.
- On the Carousel Group display, the screen reader only reads the pagination buttons as [link, 1 / 2] only.

Steps to reproduce

Proposed resolution