WebAIM - Web Accessibility In Mind

E-mail List Archives

Accessibility of dotNET

for

From: Cohen, Lisa A.
Date: Apr 23, 2003 8:58AM

As an ASP developer who is just beginning to look at developing pages using
ASP.NET and C#, I am finding very little information on the accessibility of
the ASP.NET objects, which generate HTML. This HTML does not appear to be
fully accessible or 508 compliant (at least to me).
For example, it seems that SPAN and DIV tags are generated quite a bit, and
in places that prevent the use of LABEL tags for form controls. The SPAN
and DIV tags are also using absolute positioning. I've included an example
at the end of my note.
My question to this list: Has anyone found information about ASPdotNET
(regarding how to make it accessible) - other than the very little bit
offered on the MSDN website?

TIA,
~Lisa

Lisa A. Cohen
Northrop Grumman Information Technology
1831 Wiehle Ave, Suite 300
Reston, VA 20190
(571) 203-6359
(703) 318-1098 (Fax)
Email: L. Cohen <mailto: <EMAIL REMOVED> >


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
<HEAD>
<title>StepByStep2_7</title>
<meta name="GENERATOR" Content="Microsoft Visual Studio
7.0">
<meta name="CODE_LANGUAGE" Content="C#">
<meta name="vs_defaultClientScript" content="JavaScript">
<meta name="vs_targetSchema"
content="http://schemas.microsoft.com/intellisense/ie5">
</HEAD>
<body MS_POSITIONING="GridLayout">
<form name="WebForm2_6" method="post"
action="StepByStep2_7.aspx" id="WebForm2_6">
<input type="hidden" name="__EVENTTARGET" value="" />
<input type="hidden" name="__EVENTARGUMENT" value="" />
<input type="hidden" name="__VIEWSTATE"
value="dDwzNDM3ODEwNjM7Oz5GujKV/FiBoN18H/3k1eYp3wB5lg==" />

<script language="javascript">
<!--
function __doPostBack(eventTarget, eventArgument) {
var theform = document.WebForm2_6;
theform.__EVENTTARGET.value = eventTarget;
theform.__EVENTARGUMENT.value = eventArgument;
theform.submit();
}
// -->
</script>

<span id="Label1"
style="font-family:Arial;font-size:Medium;width:278px;Z-INDEX: 101; LEFT:
8px; POSITION: absolute; TOP: 8px">Travel Expense Calculator</span>
<span id="Label3" style="width:143px;Z-INDEX: 106;
LEFT: 16px; POSITION: absolute; TOP: 80px">Number of days</span>
<div id="pnlDynamic"
style="height:21px;width:407px;Z-INDEX: 105; LEFT: 16px; POSITION: absolute;
TOP: 112px">
Travel Expense for Day-1 <input name="Expense1" type="text"
id="Expense1" /><br></br>Travel Expense for Day-2 <input name="Expense2"
type="text" id="Expense2" /><br></br>Travel Expense for Day-3 <input
name="Expense3" type="text" id="Expense3" /><br></br>Travel Expense for
Day-4 <input name="Expense4" type="text" id="Expense4" /><br></br>Travel
Expense for Day-5 <input name="Expense5" type="text" id="Expense5"
/><br></br><a href="javascript:__doPostBack('_ctl5','')">Submit
Expenses</a><br></br>
</div>
<select name="ddlDays" id="ddlDays"
onchange="__doPostBack('ddlDays','')" language="javascript"
style="width:39px;Z-INDEX: 104; LEFT: 176px; POSITION: absolute; TOP: 80px">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option selected="selected" value="5">5</option>

</select>
<span id="Label2" style="width:143px;Z-INDEX: 103;
LEFT: 15px; POSITION: absolute; TOP: 49px"> Associate Name</span>
<HR style="Z-INDEX: 102; LEFT: 8px; POSITION:
absolute; TOP: 34px" width="100%" SIZE="1">
<input name="txtName" type="text" id="txtName"
style="Z-INDEX: 107; LEFT: 176px; POSITION: absolute; TOP: 48px" />
</form>
</body>
</HTML>



----
To subscribe, unsubscribe, or view list archives,
visit http://www.webaim.org/discussion/