Great article!

I have one comment though.

You wrote:
“Headings can not be activated with a keyboard, but links can. In order to create clickable headings you should use JavaScript to inject links inside them and all is well - even keyboard users can then collapse and expand the content sections.”

But actually headings as well as other HTML elements can be activated with a keyboard. All you have to do is add tabindex=”0″ attribute to them. Check out this article:

http://developer.mozilla.org/en/docs/Key-navigable_custom_DHTML_widgets

var b = document.body;
b.className = (b.className||”) + ‘ js’;

But since you raised the inconsistent behaviour among browsers for such simple method as element.getAttribute(foo) , I’m wondering if the leading space in the code above could be a problem. I’ve never stumbled on one with that but my testing resources are limited.

Also, regarding the ‘this’ question, is there any noticeable cost of binding event handlers to the controller that will manage them ?