Hello,
Are there any generic and CSS standard mean of highlighting an accesskey?
I only fond a workaround by encapsulating the corresponding letter in a
<em></eminside the label. But it is not applicable for a submit button
which label is not a content.
Here is en example:
<form method="get" action="http://example.com/cgi-bin/smokeping.cgi"
enctype="multip art/form-data" id="rangeform" >
<fieldset><lege nd>Time range:</legend>
<label for="start"><em >F</em>rom:</label>
<input type="text" name="start" tabindex="1" value="2008-04-16
11:22" accesskey="f" id="start" />
<label for="end"><em>T </em>o:</label>
<input type="text" name="end" tabindex="2" value="now"
accesskey="t" id="end" />
<input type="hidden" name="target" value="World.Eu rope.France.IPv 6" />
<input type="hidden" name="displaymo de" value="n" />
<input type="submit" tabindex="3" name="Generate! "
value="Generate !" accesskey="g" />
</fieldset>
</form>
There would also exist another unsatisfying possibility with CSS:
input:before { content: attr(accesskey) ; }
But it would display the accesskey outside the label and before or after
the input field. Furthermore, there are few compatible browsers.
Regards,
--
Léa Gris
Are there any generic and CSS standard mean of highlighting an accesskey?
I only fond a workaround by encapsulating the corresponding letter in a
<em></eminside the label. But it is not applicable for a submit button
which label is not a content.
Here is en example:
<form method="get" action="http://example.com/cgi-bin/smokeping.cgi"
enctype="multip art/form-data" id="rangeform" >
<fieldset><lege nd>Time range:</legend>
<label for="start"><em >F</em>rom:</label>
<input type="text" name="start" tabindex="1" value="2008-04-16
11:22" accesskey="f" id="start" />
<label for="end"><em>T </em>o:</label>
<input type="text" name="end" tabindex="2" value="now"
accesskey="t" id="end" />
<input type="hidden" name="target" value="World.Eu rope.France.IPv 6" />
<input type="hidden" name="displaymo de" value="n" />
<input type="submit" tabindex="3" name="Generate! "
value="Generate !" accesskey="g" />
</fieldset>
</form>
There would also exist another unsatisfying possibility with CSS:
input:before { content: attr(accesskey) ; }
But it would display the accesskey outside the label and before or after
the input field. Furthermore, there are few compatible browsers.
Regards,
--
Léa Gris
Comment