Based on things I’ve seen in the wild lately, it’s time for another quick reminder to not just focus on sighted users. In this particular case, we’re going to focus on the use of icons-only buttons. Now, a lot can be said about the usability of only relying on a symbol to convey meaning, but let’s just focus on the accessibility part for today.
Having images scale properly along with its container is a given when it comes to responsive web design. I’ve seen a few responsive web site over the last few weeks who seems to have forgotten this, which is a real shame since it is so very easy to fix this. All you need to do is give the images a percentage based max-width.
I have more often than not been faced with the following scenario; a client, a colleague or maybe a project manager will ask the old-as-dirt question: “What browsers should be supported in this project?” […]
This really isn’t news and this specific issue has been repeated on many accessibility oriented blogs over the years. But since I regularly see this mistake being made over and over again, I think it’s time for a revisit. I’m talking about why you shouldn’t style away the :focus pseudo-class.