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!
CSS animations are a lot of fun; the beauty of them is that through many simple properties, you can create anything from an elegant fade in to a WTF-Pixar-would-be-proud effect. One CSS effect somewhere in between is the CSS flip effect, whereby there's...
One event that's always been lacking within the document is a signal for when the user is looking at a given tab, or another tab. When does the user switch off our site to look at something else? When do they come back?
When moving around from page to page in your trusty browser, you get the benefit of hovering over links and viewing the link's target URL in the status bar. When it comes to page printouts, however, this obviously isn't an option. Most website printouts...
One of the little known HTML5 APIs is the window.postMessage API.
window.postMessage allows for sending data messages between two windows/frames across domains. Essentially window.postMessage acts as cross-domain AJAX without the server shims. Let's take a look at how
window.postMessage works and how you...