Hello, codesigners. 🧙🏻♀️Today I would like to share my latest UI case study for the state styles on a card component. Providing different styles on different states such as hover, focus and active is critical because it gives the visible feedback to the user’s interaction and improves the overall user experience on the site. Throughout this case study, I am going to focus on the card component.
![UI Case study: state styles of card component with accessibility in mind](https://cdn-ak-scissors.b.st-hatena.com/image/square/685fa2e931d5b0b54fa8ac5f7dfd5fe6861449a4/height=288;version=1;width=512/https%3A%2F%2Fmiro.medium.com%2Fv2%2Fresize%3Afit%3A1200%2F1%2AbQvhdLvbMqMtijZ5t11f1w.jpeg)