Skip to main content
CSS is fun and cool and I like it.
Article

Poll Wrapup: How Much Effort Do People Put Into Alt Text?

From over 16,000 people surveyed, more than half (54%) say they "do some" when it comes to alt text for images that are important to content. The example provided did provide insight into the content and relevance of the image.

Thankfully the least number of people (10%) said they "do nothing." This is unfortunate as it is a a real accessibility problem. … Read article

Article

Navigation in Lists: To Be or Not To Be

If you Google around on whether or not you should use lists as the markup for navigation on websites, you'll find no debate. Every article suggest that yes you should. The vast majority of tutorials you read will use lists for navigation. The vast majority of templates you see will use lists for navigation. But is this ubiquitous markup pattern absolutely correct? Let's see.

Note: make sure to check out the wrapup post of what we learned about all this… Read article
Snippet

Accessibility/SEO Friendly CSS Hiding

.screen-reader-text {
  position: absolute;
  top: -9999px;
  left: -9999px;
}

This class can remove an item from the page, taking it out of flow and doesn't cause overflow scrolling.

It's better than display: none; or even visibility: hidden; when the goal is to hide the element visually but leave it accessible for screen readers.

Snook has a walkthrough of a more robust class taking into account more situations.

.element-invisible {
  position: absolute !important;
  height: 1px; width: 1px; 
  overflow: hidden;
  clip: rect(1px 
Read article