I've only just come across this project. As a bit of a HTML purist who's been fighting against .net's standard controls for a while, this is fantastic to see :)
Anyway, I've been looking through the examples and I've got a couple of suggestions for you:
- In the Tree View example, you've got code like "<img src="images/checkers.gif" alt="Business Solutions" />Business Solutions". A screen reader is going to read that aloud as "Business Solutions Business Solutions". It'd be better to have a blank alt here (alt=""), or better, use a background image instead.
- Secondly, you've used a lot of href="javascript:__doPostBack URIs. It'd be nice if these worked as a progressive enhancement, so non-javascript users got a fully-expanded menu with standard http:// URIs.
- The Menu Control doesn't appear to be keyboard navigable - this is a fairly major accessibility gotcha. As an example of one that works with the keyboard, http://onlinetools.org/tools/yadm/dropdown.html lets you hit return to open up drop-downs.
- The only other one is the use of more semantic HTML. For the login form for instance, something like this might be better:
<fieldset>
<legend>Login</legend>
<ul>
<li>
<label for="ctl00_ctl00_MainContent_LiveExample_loginview1_login1_UserName"><em>U</em>ser Name:</label>
<input type="text" id="ctl00_ctl00_MainContent_LiveExample_loginview1_login1_UserName" name="ctl00$ctl00$MainContent$LiveExample$loginview1$login1$UserName" value="" accesskey="u" />
</li>
<li>
<label for="ctl00_ctl00_MainContent_LiveExample_loginview1_login1_Password"><em>P</em>assword:</label>
<input type="password" id="ctl00_ctl00_MainContent_LiveExample_loginview1_login1_Password" name="ctl00$ctl00$MainContent$LiveExample$loginview1$login1$Password" value="" accesskey="p" />
</li>
<li>
[and so on...]
</li>
</ul>
</fieldset>
- One more thing (and feel free to kick this one to the kerb): It'd be nice if you could use the hCard microformat on the DetailsView, FormView and DataList examples.
Hope these are useful :)
Olly.