From the course: Simplifying Web Development with Accessibility Best Practices
Join today to access over 25,300 courses taught by industry experts.
Basic card - HTML Tutorial
From the course: Simplifying Web Development with Accessibility Best Practices
Basic card
- [Instructor] Cards, so boxes with an image and some text and often a button or a link or something else have become a staple of websites and applications. They're easy to design, easy to understand and allow us to create teasers for more content or cards that people can sift through and they just look good and encourage engagement. Unfortunately, cards are also a significant accessibility challenge. Let me explain. Here I have three different documents with cards and they look exactly the same and seem to function exactly the same if you use a mouse. So this is the first one. Hover over it. You can see there's a hover state here. When I click on it, I would navigate somewhere. Here's a second one. Hover over it. There's a click state and if I click it and navigate somewhere and a third one, hover over. There's some form of click state and click on it and it goes somewhere. Okay, so what's the difference here?…
Download courses and learn on the go
Watch courses on your mobile device without an internet connection. Download courses using your iOS or Android LinkedIn Learning app.