Accessibility and alt Attributes
alt attribute is important for a number of reasons: it describes an image for screen readers used by those without sight or poor sight, it describes the image to bots, and it provides an indicator of what should have loaded if the image fails to load at all. But what about the case where the image doesn't have much value to be read, because it has accompanying positioned text offscreen?
Don't omit the the
alt attribute -- the screen read will read out the image's
src attribute. Gross. Instead include the
alt attribute with an empty value:
<img src="/path/to/image.png" alt="" />
src text is read and you're golden!
Kids these days, I tell ya. All they care about is the technology. The video games. The bottled water. Oh, and the texting, always the texting. Back in my day, all we had was...OK, I had all of these things too. But I still don't get...
As more devices emerge and differences in device interaction are implemented, the more important good CSS code will become. In order to write good CSS, we need some indicator about device capabilities. We've used CSS media queries thus far, with checks for max-width and pixel ratios.
Ever want to see all of the information stored within the window property of your browser? Here's your chance.
We need a wrapper DIV that we'll consider a console.
I like making this look like a command-line console.
Depending on what you have loaded...