http://www.marcozehe.de/2008/03/25/a-follow-up-to-my-easy-aria-tip-2/ Musings, tips and tricks about the accessible software world Thu, 22 Jul 2010 22:41:09 +0000 hourly 1 http://wordpress.org/?v=3.0 http://www.marcozehe.de/2008/03/25/a-follow-up-to-my-easy-aria-tip-2/comment-page-1/#comment-1376 pvagner Thu, 05 Jun 2008 08:24:46 +0000 http://www.marcozehe.de/2008/03/25/a-follow-up-to-my-easy-aria-tip-2/#comment-1376 I am getting too excited about WAI-ARIA and all the nice tricks it allows a web developer to do. So I decided to try this trick with latest release candidate of firefox as well as with the internet explorer 7. Using either ARIA markup or plain HTML 4 Internet explorer does not clip all the label parts into one so if the construction without the actual number from the input box is rather senseless it is really good idea to use an ARIA markup because anyway if internet explorer does not seem to support either of these method with the ARIA based approach the label can be overidden for legacy browsers. I am getting too excited about WAI-ARIA and all the nice tricks it allows a web developer to do. So I decided to try this trick with latest release candidate of firefox as well as with the internet explorer 7.
Using either ARIA markup or plain HTML 4 Internet explorer does not clip all the label parts into one so if the construction without the actual number from the input box is rather senseless it is really good idea to use an ARIA markup because anyway if internet explorer does not seem to support either of these method with the ARIA based approach the label can be overidden for legacy browsers.

]]> http://www.marcozehe.de/2008/03/25/a-follow-up-to-my-easy-aria-tip-2/comment-page-1/#comment-503 James Craig Tue, 25 Mar 2008 18:32:11 +0000 http://www.marcozehe.de/2008/03/25/a-follow-up-to-my-easy-aria-tip-2/#comment-503 The embedded example may not have worked in Internet Explorer because it requires use of the for/id attributes, even if the association is implied by nesting the the input element inside the label element. Therefore, if you nested the input in the label, and still included the for/id, it should work in both of your browsers. The embedded example may not have worked in Internet Explorer because it requires use of the for/id attributes, even if the association is implied by nesting the the input element inside the label element. Therefore, if you nested the input in the label, and still included the for/id, it should work in both of your browsers.

]]>