When you get a reply you should really read it properly.
As I said, and as described here, a label tag can wrap another tag in
which case "for" is not needed:
http://www.w3schools.com/tags/tag_label.asp
<label>
a label
<input type="checkbox" name="cb1">
</label>
<div>
just some text
<input type="checkbox" name="cb2">
</div>
Clicking on the text "a label" will toggle the checkbox, ie the text
really is a label. Clicking on "just some text" will NOT toggle the
checkbox.
However if you want a label that is not adjacent to the input control,
then do:
<h:inputText id="input1" .../>
some other stuff
<h:outputLabel for="input1" value="labeltext"/>
See also:
http://www.nabble.com/How-to-reply-to-emails-tf3182877.html
Nael Ramadan wrote:
The "for" attribute enables the target component to be selected via its
label. For example:
<hr>Select Type version of MyFaces </hr>
<label for="comp_id1">Version 1</label><input type="radio" name="comp_id1">
<label for="comp_id2">Version 2</label><input type="radio" name="comp_id2">
<label for="comp_id3">Version 3</label><input type="radio" name="comp_id3">
By clicking on "Version 1" label, the radio button (with name = comp_id1 )
is selected.
By clicking on "Version 2" label, the radio button (with name = comp_id2 )
is selected.
By clicking on "Version 3" label, the radio button (with name = comp_id3 )
is selected.
This is for html. By definition, a label serves no purpose without its for
attribute.
How can this be done in JSF?
-----Original Message-----
From: Simon Kitching [mailto:[EMAIL PROTECTED]
Sent: Tuesday, February 06, 2007 2:57 PM
To: MyFaces Discussion
Subject: Re: jsf 508 accessibility requirement satisfaction and use of
<label for=..> tag.
Nael Ramadan wrote:
1.
Dear listner,
My JSF pages must satisify 508 accessibility requirement through the use
of the html label tag.
In html, you wrap the html component (i.e. <input type=radio
id="id_name" ..>) with the <label for="id_name"> .. </label> tag where
the "id" links the label with the component. This allows ease of
selection where users would just have to click on the label of the html
component in order to select the component.
So how is this achieved in JSF?
When JSF renders an html equivalent components (i.e.
h:selectOneRadioButton) into html, the component is surrounded
automatically with <label>..</label> tag but without the "for" attribute.
How can I get around this issue such that I can control the <label> and
not the JSF rendering engine?
I tried surrounding the component with <h:outputLabel for=..> ..
</h:outputLabel> but JSF pretty much seems to ignore it.
Do I need to create my own custom JSF component?
When a <label> tag *wraps* am HTML tag then there is *no need* for a
"for" attribute - the tag the label refers to is obvious. This is
standard HTML, not JSF-specific. I'm sure your 508 spec does NOT require
the "for" attribute if the label tag wraps the target tag.
If the label tag cannot wrap its target tag for any reason, then (and
only then) the "for" attribute is needed.
http://java.sun.com/javaee/javaserverfaces/1.1_01/docs/tlddocs/index.html
Regards,
Simon
