Most recent post
Styling buttons in iOS WebKit and -webkit-appearance:none
I just recently ran into an issue when styling buttons that had me pulling my hair for a while. I had my buttons looking the way they were supposed to look in desktop browsers, but when I went to have a look in Safari for iOS, much of my CSS wasn’t applied.
This was pretty puzzling as I couldn’t remember having any problems with buttons in Safari for iOS before. After taking a closer look at the CSS I was using for these particular buttons and the CSS I had used previously, I managed to find out what made the difference.
Slightly older posts
Screen readers and CSS
Some CSS intended for visual media types only has unexpected and semantic effects on screen readers.
JavaScript-created markup also needs to be semantic and accessible
Browsers, assistive technology and end users have to deal with non-semantic markup even if it is inserted by JavaScript functions.
An accessible, keyboard friendly custom select menu
A way of styling the closed state of select elements without sacrificing accessibility.
No more conditional comments in IE10
Microsoft is removing support for conditional comments in IE10. I don't think they will be missed.
Please provide a usable fallback for Flash content
The number of people browsing the web without Flash Player installed is non-negligible, so if you use Flash it is worth your time to give them a better impression.
Using display:table has semantic effects in some screen readers
When you use the table-related display properties of CSS to get the display properties of a table, some screen readers will treat the non-table markup as a real table.
Styling button elements to look like links
In many situations when we tend to use links to trigger actions we should really be using buttons. Here's how to use real button elements and make them look like links.