Emberjs is awesome, but addressing accessiblity issues is challenging.
I set out to make a more accessible TodoMVC app (to allow editing and deleting using the keyboard). The first issue I ran into was correctly associating the labels with their inputs by setting the id. This turned out to be much more challenging than I expected. I initially thought I might be able to use an ‘index’ helper in the ‘each’ block, but it doesn’t exist, and I think that’s the wrong approach anyway. I was ultimately able to get close to a working solution, any feedback would be greatly appreciated.
My real concern is that ember needs to provide more support for addressing accessibility concerns. @chadhietala informed me about ic-tabs by @ryanflorence an accessible tab widget (which looks awesome). I also came across a blog entry that talks about using aria with ember. I’m glad people are thinking about it, and working on it, but I think there needs to be an entry in the Cookbook section of the emberjs guides page. It could be its own entry, or added on to existing examples. For example, in the ‘User Interface and Interaction’ section, there could be some content about using aria, or a focusable element, to make the dialog more accessible. The ‘Focusing a textfield after it’s been inserted’ example should also include a label in the docs.