Re: <noscript> interfere with screen readers?

It may separate from main subject, but above all that markup is invalid:

FORM element can't have inline elements just under itself.
SELECT element must be markup in block element.
LABEL element can't have block element just under itself.
NOSCRIPT element is a block element, and NOSCRIPT element have block element just under itself.

If that is an XHTML document, INPUT element is an empty element. The start tag must end with " />".
Or, if it becomes a HTML document, SELECTED attribute need be omitted. In short, it is specified SELECTED instead of
SELECTED=SELECTED.

*See XHTML 1.0 <http://www.w3.org/TR/xhtml1/> and HTML 4.01 <http://www.w3.org/TR/html4/>


Furthermore it can be made more accessibility:

SELECT element may be markup with tabindex attribute, and it may specify an appropriate accesskey.
INPUT element with TYPE=SUBMIT attiribute may be markup with tabindex attribute.

*See WCAG 1.0 <http://www.w3.org/TR/WAI-WEBCONTENT/>


If it is my case, I'll be markup below:

<form method="post" action="something.cgi">
<p style="display:inline"><label accesskey="C">
<select onchange="function()" tabindex="1">
<option value="none" selected="selected">Click below.</option>
<option value="foo">Foo</option>
<option value="bar">Bar</option>
</select>
</label></p>
<noscript>
<p style="display:inline"><label accesskey="S">
<input type="submit" value="do something" tabindex="2" />
</label></p>
</noscript>
</form>

Or,

<script type="text/javascript"><!--
document.write('<'+'form method="post" action="something.cgi"'+'>');
document.write('<'+'p'+'>'+'<'+'label accesskey="C"'+'>');
document.write('<'+'select onchange="function()" tabindex="1"'+'>');
document.write('<'+'option value="none" selected="selected"'+'>'+'Click below.'+'<'+'/option'+'>');
document.write('<'+'option value="foo"'+'>'+'Foo'+'<'+'/option'+'>');
document.write('<'+'option value="bar"'+'>'+'Bar'+'<'+'/option'+'>');
document.write('<'+'/select'+'>');
document.write('<'+'/label'+'>'+'<'+'/p'+'>');
document.write('<'+'/form'+'>');
// --></script>
<noscript>
<form method="post" action="something.cgi">
<p><label accesskey="C">
<select onchange="function()" tabindex="1">
<option value="none" selected="selected">Click below.</option>
<option value="foo">Foo</option>
<option value="bar">Bar</option>
</select>
</label><label accesskey="S">
<input type="submit" value="do something" tabindex="2" />
</label></p>
</form>
</noscript>


----- Original Message -----
From: "Shifra Raffel" <sraffel@oxygen.com>
To: <w3c-wai-ig@w3.org>
Sent: Saturday, June 02, 2001 5:25 AM
Subject: <noscript> interfere with screen readers?


> Sorry for a slightly newbie question. On a program I'm building, we're using
> the following format, putting the "submit" button inside a <noscript> tag to
> hide it from all but non-Javascript users, for design reasons. Can anyone
> tell me, does this interfere with the accessibility? Many thanks for word.
>
> <form method="post" action="/cgi-bin/something.cgi">
>    <select onchange="JavaScript_does_cgi's_thing_unless_scripting_off">
>      <option value="none" selected="selected">Click below:</option>
>      <option value="foo">Foo</option>
>      <option value="bar">Bar</option>
>   </select>
>  <label accesskey="s"><NOSCRIPT><input type="submit" value="do
> something"></NOSCRIPT></label>
> </form>
>
> --
> Shifra Raffel
> Web Programmer
> ThriveOnline, www.thriveonline.oxygen.com
> (415) 908-3079
> sraffel@oxygen.com
>
>
> This e-mail is the property of Oxygen Media, LLC.  It is intended only for the person or entity to which it is addressed and may
contain information that is privileged, confidential, or otherwise protected from disclosure. Distribution or copying of this e-mail
or the information contained herein by anyone other than the intended recipient is prohibited. If you have received this e-mail in
error, please immediately notify us by sending an e-mail to postmaster@oxygen.com and destroy all electronic and paper copies of
this e-mail.
>
>

Received on Friday, 1 June 2001 19:56:07 UTC