Heydon Pickering · Jul 21, 2014
In case you weren't already aware, I wrote a book. This is an unusual book since it is a whole technical book dedicated to making web applications accessible. Want to understand how to make dynamic, interactive applications that don't alienate and annoy folks? Using WAI-ARIA and other cool stuff? I've got you covered..
Heydon Pickering · Mar 28, 2014
"I guess it all started pretty innocently enough. The UX guys would be asking for a new module or something. You know the sort of thing: a search box or paginator. Whatever. So I'd give that block a class like 'search-widget' or 'paginator'; something to make my stylesheet more readable and to help me contain styles w.
Adam Silver · Mar 20, 2014
Multiple submit buttons are problematic for keyboard users because forms can be submitted by pressing Enter when a field is focused. When this happens the form will be submitted as if the user pressed the first button within the element which isn’t always desirable. An example Take the following address form with a po.
Lea Verou · Feb 8, 2014
I’ve been interested in digital color for a long time, and this year I decided to risk giving a technical talk about color some of the conferences I’m speaking at. “Why is that risky?” you might ask. Well, it might end up being really interesting, or it may end up alienating both designers because it’s too technical a.
Lea Verou · Jan 9, 2014
When a CSS animation is applied from the beginning of the page load, things are easy. You just use the animation property with appropriate parameters, and you’re done. However, what if the animation is applied on a certain state, e.g. :hover, :active, :focus or a JS-triggered class change? A naïve approach would be to.
Heydon Pickering · May 10, 2013
Please note: The following should be considered an experiment. There is rarely a good reason not to use a element for button-like controls, especially if it means loading a javascript resource just to polfill the behaviors that already offers. How many of the elements that users can click on in your web pages and appl.
Heydon Pickering · Oct 18, 2011
In a previous article , I addressed the many advantages of using a web font (in place of images) to render icons into your UI design. In the same article I mentioned a frustrating deficit of high quality, free icon web fonts available for embedding and conceded my own failure at building one with Fontstruct (less a fo.
Heydon Pickering · Jul 11, 2011
Following my post regarding the SEO and accessibility issues invoked when using display:none , I am now going to address the text replacement scenario, since I believe this is the only situation where one would legitimately want to hide text from the unassisted visitor (reading visually ) but not from a screen reader.
Heydon Pickering · Jun 6, 2011
The display:none property is common and has may uses, as well as misuses. It's not always obvious what effect its use has on SEO and its impact on accessibility can be problematic. I hope this post helps to clarify the situation. Types of invisibility 'Display none' means exactly that. It removes the element (and its.