• Very nice concept, but hard to apply, in my book. First of all, why does the label show on the normal page? Does it make sense to always display a label for each control? What if you want a picture or nothing at all? Probably the CSS has some media attribute to only show it for handicapped people, but then the opposite applies, I now must add two messages per control, one for each media type.
    Did you notice that you can put an image in a label control? So If I were blind I would somehow know that the image is associated with the control, then I would read the Alt text in order to understand what it is. It is way too convoluted, if not for the blind man, at least for the web designer.
    Then most of the controls have something similar to a tooltip. I think that works better (or it should) for blind people.
    And the accessKey stuff is nice, but crowded. In IE ( 🙂 ) for example, you use only the Alt key to access the field. If you set the accesskey to “a” you will get to the field with Alt-A, but the “a” access key will not work on the Favorites menu, even if shown. In FireFox 2.0 (at least on my configuration) it only works with Alt-Shift-A and, while nothing in the browser interferes with this shortcut, I can imagine language bar shortcuts or Windows Global shortcuts which might.
    If I were to start over and redesign this functionality (which I am not 🙂 ), I would add a list value to each and everyone of the html controls called groupFlags or something like that. Because, indeed, a label might address a textbox, but so might two labels. Also, that textbox might be part of a username and password group and so on. So one control might have multiple flags as it is part of more semantical groups.
    Unless I misunderstood the whole label concept, I think it will not catch on and it is no wonder that so few people even heard of it.

  • Siderite, simple CSS is enough for you to style your forms just the way you like them (minimalistic or not). The fact that you also include labels for each of your form inputs is both semantically (and politically) correct and can also improve the SEO of that particular form page.

    You don’t need “separate CSS for diffrent media types” when it comes to downright plain sense, do you? 🙂

    If you do put an image in a label control, AND you put an ALT text inside that image, most screen readers will manage just fine. What seems to be the problem there?

    Semantic labels ARE the way to go.

Advertisment ad adsense adlogger