From the course: CSS: Images

Unlock this course with a free trial

Join today to access over 22,600 courses taught by industry experts.

Things to keep in mind

Things to keep in mind

From the course: CSS: Images

Things to keep in mind

- [Instructor] Okay, now that you have a good understanding of all the things you can do with images in CSS let's discuss practical considerations and caveats around actually using these techniques in production. Number one, as with everything else on the web whenever you do something fancy, make sure that A, what you build is accessible and B that your visitors still gets the information they're looking for even when they don't see the pictures. My rule here is, first, make it accessible, then make it fancy and finally make sure the fancy doesn't break accessibility. To preserve accessibility when working with images in CSS ensure you have proper image markup including correct alt text attributes, don't use background images as image assets. If it's an image that should be accessible then it is an image, not a background image. And finally make sure your design works even if an image is not displayed or cannot be accessed…

Contents