<html xmlns:v="urn:schemas-microsoft-com:vml"
xmlns:o="urn:schemas-microsoft-com:office:office"
xmlns:m="http://schemas.microsoft.com/office/2004/12/omml"
xmlns="http://www.w3.org/TR/REC-html40" xmlns:msdt="uuid:C2F41010-65B3-11d1-A29F-00AA00C14882"><head><meta http-equiv=Content-Type content="text/html; charset=windows-1252"><meta name=ProgId content=Word.Document><meta name=Generator content="Microsoft Word 14"><meta name=Originator content="Microsoft Word 14"><link rel=File-List href="AccCheckerWebARIAHelp_files/filelist.xml"><title>AccChecker ARIA Verifications Help</title><style>
																																																																																																											 <!--
 																																																																																																											p.MsoNormal
	{
																																																																																																											 	margin: 5pt 0in 5pt 0in;
																																																																																																											 	line-height: 115%;
																																																																																																											 	font-size: 11.0pt;
																																																																																																											 	font-family: "Calibri","sans-serif";
																																																																																																											 }
h1
	{margin-top:24.0pt;
	margin-right:0in;
	margin-bottom:0in;
	margin-left:0in;
	margin-bottom:.0001pt;
	line-height:115%;
	page-break-after:avoid;
	font-size:14.0pt;
	font-family:"Cambria","serif";
	color:#365F91;
	font-weight:bold;
}
h2
	{margin-top:10.0pt;
	margin-right:0in;
	margin-bottom:0in;
	margin-left:0in;
	margin-bottom:.0001pt;
	line-height:115%;
	page-break-after:avoid;
	font-size:13.0pt;
	font-family:"Cambria","serif";
	color:#4F81BD;
	font-weight:bold;
}
h3
	{margin-top:10.0pt;
	margin-right:0in;
	margin-bottom:0in;
	margin-left:0in;
	margin-bottom:.0001pt;
	line-height:115%;
	page-break-after:avoid;
	font-size:11.0pt;
	font-family:"Cambria","serif";
	color:#4F81BD;
	font-weight:bold;
}
h4
	{margin-top:10.0pt;
	margin-right:0in;
	margin-bottom:0in;
	margin-left:0in;
	margin-bottom:.0001pt;
	line-height:115%;
	page-break-after:avoid;
	font-size:11.0pt;
	font-family:"Cambria","serif";
	color:#4F81BD;
	font-weight:bold;
	font-style:italic;
}
p.MsoToc1
	{margin-top:0in;
	margin-right:0in;
	margin-bottom:5.0pt;
	margin-left:0in;
	line-height:115%;
	font-size:11.0pt;
	font-family:"Calibri","sans-serif";
	}
p.MsoToc2
	{margin-top:0in;
	margin-right:0in;
	margin-bottom:5.0pt;
	margin-left:11.0pt;
	line-height:115%;
	font-size:11.0pt;
	font-family:"Calibri","sans-serif";
	}
p.MsoToc3
	{margin-top:0in;
	margin-right:0in;
	margin-bottom:5.0pt;
	margin-left:22.0pt;
	line-height:115%;
	font-size:11.0pt;
	font-family:"Calibri","sans-serif";
	}
p.MsoTitle
	{margin-top:0in;
	margin-right:0in;
	margin-bottom:15.0pt;
	margin-left:0in;
	font-size:26.0pt;
	font-family:"Cambria","serif";
	color:#17365D;
	letter-spacing:.25pt;
}
a:link, span.MsoHyperlink
	{color:blue;
	text-decoration:underline;
	}
a:visited
	{color:purple;
	text-decoration:underline;
	}
p
	{margin-right:0in;
	margin-left:0in;
	font-size:12.0pt;
	font-family:"Times New Roman","serif";
	}
				  p.MsoListParagraph
	{
	margin: 0in 0in 0pt .5in;
	line-height: 115%;
	font-size: 11.0pt;
	font-family: "Calibri","sans-serif";
}
p.MsoTocHeading
	{margin-top:24.0pt;
	margin-right:0in;
	margin-bottom:0in;
	margin-left:0in;
	margin-bottom:.0001pt;
	line-height:115%;
	page-break-after:avoid;
	font-size:14.0pt;
	font-family:"Cambria","serif";
	color:#365F91;
	font-weight:bold;
}
p.MyExample
	{margin-top:0in;
	margin-right:0in;
	margin-bottom:0in;
	margin-left:.25in;
	margin-bottom:.0001pt;
	background:#FCFCFC;
	font-size:9.0pt;
	font-family:"Courier New";
	color:#0000CC;
}
.style1 {
	color: blue;
}
-->
</style>
<!--[if gte mso 9]><xml>
<o:shapedefaults v:ext="edit" spidmax="1026"/>
</xml><![endif]--><!--[if gte mso 9]><xml>
<o:shapelayout v:ext="edit">
<o:idmap v:ext="edit" data="1"/>
</o:shapelayout></xml><![endif]--><!--[if gte mso 9]><xml>
<o:CustomDocumentProperties>
<o:Doc_x0020_Status msdt:dt="string">Signed off</o:Doc_x0020_Status>
<o:Dev_x0020_Contact msdt:dt="string">manasiva</o:Dev_x0020_Contact>
<o:Feature_x0020_ID msdt:dt="string">1396</o:Feature_x0020_ID>
<o:Doc_x0020_Owner msdt:dt="string">130788</o:Doc_x0020_Owner>
<o:Architect msdt:dt="string"></o:Architect>
<o:UX_x0020_Designer msdt:dt="string"></o:UX_x0020_Designer>
<o:UA_x0020_Contact msdt:dt="string"></o:UA_x0020_Contact>
<o:SE_x0020_Contact msdt:dt="string"></o:SE_x0020_Contact>
<o:ContentType msdt:dt="string">Document</o:ContentType>
<o:TFS_x0020_Error msdt:dt="string"></o:TFS_x0020_Error>
<o:Milestone msdt:dt="string">M2</o:Milestone>
<o:Product_x0020_Planner msdt:dt="string"></o:Product_x0020_Planner>
<o:UX_x0020_Researcher msdt:dt="string"></o:UX_x0020_Researcher>
<o:Doc_x0020_Type msdt:dt="string">Other</o:Doc_x0020_Type>
<o:PM_x0020_Contact msdt:dt="string">dejanl</o:PM_x0020_Contact>
<o:Test_x0020_Contact msdt:dt="string">donfu</o:Test_x0020_Contact>
</o:CustomDocumentProperties>
</xml><![endif]--></head><body lang=EN-US link=blue vlink=purple><div ><p class=MsoTitle>UI Accessibility Checker ARIA Verifications</p><p class=MsoTocHeading>Contents</p>
	<p class=MsoNormal>&nbsp;</p><p class=MsoToc1>ARIA Verifications</p><p class=MsoToc2><span class=MsoHyperlink><a href="#Info_and_Relationships">Information and Relationships </a></span></p><p class=MsoToc3><span class=MsoHyperlink><a href="#ARIA_Label">Error - ARIA Label</a></span></p><p class=MsoToc3><span class=MsoHyperlink><a href="#ARIA_Layout_Table">Warning - ARIA Layout Table</a></span></p><p class=MsoToc3><span class=MsoHyperlink><a href="#ARIA_Data_Table_Desc">Warning - ARIA Data Table Description</a></span></p><p class=MsoToc3><span class=MsoHyperlink><a href="#ARIA_Data_Table_Name_Header">Error - ARIA Table Name and Header </a></span></p><p class=MsoToc3><span class=MsoHyperlink><a href="#ARIA_Grid_Structure">Error - ARIA Grid Structure </a></span></p><p class=MsoToc2><span class=MsoHyperlink><a href="#Name_role_value">Name, Role, Value</a></span></p><p class=MsoToc3><span class=MsoHyperlink><a href="#ARIA_Role_Missing">Error - ARIA Role Missing</a></span></p><p class=MsoToc3><span class=MsoHyperlink><a href="#ARIA_Role_Invalid">Error - ARIA Role Invalid</a></span></p><p class=MsoToc3><span class=MsoHyperlink><a href="#ARIA_Container_Role">Error - ARIA Container Role</a></span></p><p class=MsoToc3><span class=MsoHyperlink><a
href="#ARIA_Range_Control_Attributes_Missing">Error - ARIA Range Control Attributes Missing</a></span></p><p class=MsoToc3><span class=MsoHyperlink><a
href="#ARIA_Range_Control_Attribute_OutOfRange">Error - ARIA Range Control Attribute Out of Range</a></span></p><p class=MsoToc2><span class=MsoHyperlink><a href="#Keyboard_accessibility">Keyboard Accessible</a></span></p><p class=MsoToc3><span class=MsoHyperlink><a href="#ARIA_Click_Tabindex">Error - ARIA Click <span >Tabindex</span></a></span></p><p class=MsoToc3><span class=MsoHyperlink><a href="#ARIA_Container_Tabindex">Error - ARIA Container <span >Tabindex</span></a></span></p><p class=MsoToc3><span class=MsoHyperlink><a href="#ARIA_Container_KeyEvents">Error - ARIA Container Keyboard Events</a></span></p><p class=MsoToc3><span class=MsoHyperlink><a
href="#ARIA_Container_noactdesc_Tabindex">Error - ARIA Container (no active descendant) <span >Tabindex</span></a></span></p><p class=MsoToc3><span class=MsoHyperlink><a
href="#ARIA_Container_noactdesc_KeyEvents">Error - ARIA Container (no active descendants) Keyboard Events</a></span></p><h1><a name="ARIA_Verifications">ARIA Verifications</a></h1>
	<!--
Information and Relationships 
--><p>&nbsp;<o:p></o:p></p><h2><a name="Info_and_Relationships">Information and Relationships </a></h2><p>&nbsp;<o:p></o:p></p>
	<a name="ARIA_Label" vid="21,46"><h3>Error - ARIA Label<o:p></o:p></h3></a><h4>Element doesnt have the accessible name.<o:p></o:p></h4><p class="MsoNormal"><span style="font-size:11.0pt;line-height:115%;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
">All semantically important UI elements such as form fields (for example, input, select, textarea), images, buttons and landmarks (tags representing logical regions) must have the </span><a href="http://www.w3.org/WAI/PF/aria-implementation/#def_accessible_name"><u><span style="font-size:11.0pt;line-height:115%;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:blue">accessible name</span></u></a><span style="font-size:11.0pt;line-height:115%;font-family:
&quot;Calibri&quot;,&quot;sans-serif&quot;;"> to allow screen readers to correctly announce them. &nbsp;<o:p></o:p></span></p><p class="MsoNormal"><span style="font-size:11.0pt;line-height:115%;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
">To fix this error, set the accessible name in one of the following ways (listed in the order of preference):<o:p></o:p></span></p><p class="MsoListParagraph"><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:windowtext">-<span style="font:7.0pt &quot;Times New Roman&quot;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span>Form fields:&nbsp; Use the </span><a href="http://www.w3.org/TR/html5/forms.html#the-label-element"><u><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue;">LABEL</span></u></a><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:windowtext"> tag and set the </span><a href="http://www.w3.org/TR/html5/forms.html#attr-label-for"><u><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">for</span></u></a><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:blue"> </span><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:windowtext">attribute to the id of the target field.<o:p></o:p></span></p><p class="MsoListParagraph"><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:windowtext">-<span style="font:7.0pt &quot;Times New Roman&quot;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span>Image/image button: Set the </span><a href="http://www.w3.org/TR/html5/embedded-content-1.html#alt"><u><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">alt</span></u></a><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:blue"> </span><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:windowtext">attribute.<o:p></o:p></span></p><p class="MsoListParagraph"><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:windowtext">-<span style="font:7.0pt &quot;Times New Roman&quot;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span>Buttons: Set the button caption text.<o:p></o:p></span></p><p class="MsoListParagraph"><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:windowtext">-<span style="font:7.0pt &quot;Times New Roman&quot;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span>For any element:<o:p></o:p></span></p><p class="MsoListParagraph">
		<span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: darkgreen; background: white; "><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> &nbsp;&nbsp; </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&nbsp;&nbsp;&nbsp; <span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> &nbsp;&nbsp; </span>&nbsp;&nbsp;&nbsp; </span> </span>
	<span style="font-size:11.0pt;
font-family:&quot;Courier New&quot;;color:windowtext">o<span style="font:7.0pt &quot;Times New Roman&quot;">&nbsp;&nbsp; </span></span><a href="http://www.w3.org/WAI/PF/aria/states_and_properties#aria-labelledby"><u><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue;">aria-labelledby</span></u></a><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:windowtext"> attribute: Set to the id of the element containing the accessible name string .<o:p></o:p></span></p><p class="MsoListParagraph">
		<span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: darkgreen; background: white; "><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> &nbsp;&nbsp; </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&nbsp;&nbsp;&nbsp; <span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> &nbsp;&nbsp; </span>&nbsp;&nbsp;&nbsp; </span> </span>
	<span style="font-size:11.0pt;
font-family:&quot;Courier New&quot;;color:windowtext">o<span style="font:7.0pt &quot;Times New Roman&quot;">&nbsp;&nbsp; </span></span><a href="http://www.w3.org/WAI/PF/aria/states_and_properties#aria-label"><u><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue;">aria-label</span></u></a><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue"> </span><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:windowtext">attribute: Set to the accessible name string.<o:p></o:p></span></p><p class="MsoListParagraph">
		<span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: darkgreen; background: white; "><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> &nbsp;&nbsp; </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&nbsp;&nbsp;&nbsp; <span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> &nbsp;&nbsp; </span>&nbsp;&nbsp;&nbsp; </span> </span>
	<span style="font-size:11.0pt;
font-family:&quot;Courier New&quot;;color:windowtext">o<span style="font:7.0pt &quot;Times New Roman&quot;">&nbsp;&nbsp; </span></span><a href="http://www.w3.org/TR/html5/elements.html#the-title-attribute"><u><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue;">title</span></u></a><i><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:windowtext"> </span></i><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:windowtext">attribute: Set to the accessible name string (also create a tooltip).<o:p></o:p></span></p><p class="MsoNormal"><i><span style="font-size:11.0pt;line-height:
115%;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">Example:<o:p></o:p></span></i></p><div style="border: solid #999999 1.0pt; padding: 6.0pt 10.0pt 6.0pt 10.0pt; background: #FCFCFC; margin-left: .25in; margin-right: 0in"><p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:darkgreen">&lt;!-- For landmark tags, set the accessible name by using the aria-labelledby attribute to reference the visible headers. --&gt;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:#0000CC">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <o:p></o:p></span></p><p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&lt;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:maroon">h1</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:#0000CC"> </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:red">id</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">=&quot;formHeader&quot;&gt;Application Form&lt;/</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:maroon">h1</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&gt;<o:p></o:p></span></p><p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&lt;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:maroon">form</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:#0000CC"> </span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: red; background: yellow; ">aria-labelledby</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: blue; background: yellow; ">=&quot;formHeader&quot;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&gt;<o:p></o:p></span></p><p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:#0000CC"><o:p>&nbsp;</o:p></span></p><p class="MyExample">
		<span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: darkgreen; background: white; "><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> &nbsp;&nbsp; </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&nbsp;&nbsp;&nbsp; </span>&lt;!-- </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:darkgreen">For input fields, use <span style="background: white; ">the LABEL tag with the <i>for</i> attribute. --&gt;</span></span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: #0000CC; background: white; ">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <o:p></o:p></span></p>
		<p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> &nbsp;&nbsp; </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&nbsp;&nbsp;&nbsp; &lt;</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: maroon; background: yellow; ">label</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: #0000CC; background: yellow; "> </span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: red; background: yellow; ">for</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: blue; background: yellow; ">=&quot;fullName&quot;&gt;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">Full </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:#0000CC">Name</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&lt;/</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:maroon">label</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&gt;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:#0000CC"><o:p></o:p></span></p>
		<p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> &nbsp;&nbsp; </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&nbsp;&nbsp;&nbsp; &lt;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:maroon">input</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:#0000CC"> </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:red">id</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">=&quot;fullName&quot;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:#0000CC"> </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:red">type</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">=&quot;text&quot;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:#0000CC"> </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">/&gt;<o:p></o:p></span></p><p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:darkgreen"><o:p>&nbsp;</o:p></span></p><p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> &nbsp;&nbsp; </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&nbsp;&nbsp;&nbsp; </span>
		<span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:darkgreen">&lt;!-- If there is no visible text that can be referenced, set the accessible name by using aria-label or title attributes. --&gt;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <o:p></o:p></span></p><p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> &nbsp;&nbsp; </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&nbsp;&nbsp;&nbsp; 
		&lt;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:maroon">input</span><span style="font-family:
&quot;Calibri&quot;,&quot;sans-serif&quot;;"> </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:red">type</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">=&quot;file&quot;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> </span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: red; background: yellow; ">aria-label=</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: blue; background: yellow; ">&quot;Your photo&quot;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">/&gt;<o:p></o:p></span></p><p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:darkgreen">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <o:p></o:p></span></p><p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> &nbsp;&nbsp; </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&nbsp;&nbsp;&nbsp; </span>
		<span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:darkgreen">&lt;!-- For images, use the <i>alt</i> attribute. --&gt;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <o:p></o:p></span></p><p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> &nbsp;&nbsp; </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&nbsp;&nbsp;&nbsp; &lt;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:maroon">img</span><span style="font-family:
&quot;Calibri&quot;,&quot;sans-serif&quot;;"> </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:red">src</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">=&quot;&quot;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> </span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: red; background: yellow; ">alt</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: blue; background: yellow; ">=&quot;Uploaded photo&quot;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">/&gt;<o:p></o:p></span></p><p class="MsoNormal"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:darkgreen"><o:p>&nbsp;</o:p></span></p><p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> &nbsp;&nbsp; </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&nbsp;&nbsp;&nbsp; </span>
		<span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:darkgreen">
		&lt;!-- For buttons, caption text is also used as the accessible name. --&gt;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"><o:p></o:p></span></p><p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> &nbsp;&nbsp; </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&nbsp;&nbsp;&nbsp; &lt;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:maroon">button </span><span style="font-family:
&quot;Calibri&quot;,&quot;sans-serif&quot;;color:red">onclick</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">=&quot;processForm()&quot;<span style="background: yellow; ">&gt;Send&lt;</span>/</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:maroon">button&gt;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue"><o:p></o:p></span></p><p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue"><o:p>&nbsp;</o:p></span></p>
		<p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> &nbsp;&nbsp; </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&nbsp;&nbsp;&nbsp; </span>
		<span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:darkgreen">&lt;!-- For image buttons, use the <i>alt</i> attribute to define the accessible name. --&gt;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue"><o:p></o:p></span></p><p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> &nbsp;&nbsp; </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&nbsp;&nbsp;&nbsp; &lt;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:maroon">input </span><span style="font-family:
&quot;Calibri&quot;,&quot;sans-serif&quot;;color:red">type</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">=&quot;image&quot; </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:red">src</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">=&quot;images/moreinfo.png&quot;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> </span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: red; background: yellow; ">alt</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: blue; background: yellow; ">=&quot;Show more info&quot;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">/&gt;<o:p></o:p></span></p>
        <p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue"><o:p>&nbsp;</o:p></span></p>
        <p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> &nbsp;&nbsp; </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&nbsp;&nbsp;&nbsp; </span>
		<span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:darkgreen">
		&lt;!-- 
            For elements with inner text this error can be
            suppressed because the accessible name is set by default. --&gt;<span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"><o:p></o:p></span></p>
        <p class="MyExample">
            <span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> &nbsp;&nbsp; </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&nbsp;&nbsp;&nbsp; &lt;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:maroon">div
            <span style="font-family:
&quot;Calibri&quot;,&quot;sans-serif&quot;;color:red">role</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">=&quot;banner&quot;&gt;</span></span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue"><span style="background: yellow; ">Accessible 
            name set by default</span></span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:maroon"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&lt;/</span>div&gt;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue"><o:p></o:p></span></p>
        </span>
		<p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&lt;/</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:maroon">form</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue"> &gt;<o:p></o:p></span></p></div><p class="MsoNormal"><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
"><o:p>&nbsp;</o:p></span></p><p class="MsoNormal"><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
">This error applies to:<br></span></p><p class="MsoNormal"><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
">Form input fields: <o:p></o:p></span></p><p class="MsoListParagraph"><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">-<span style="font:7.0pt &quot;Times New Roman&quot;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span>HTML tags: 
	INPUT[type= &quot;text|password|checkbox|radio|file|email|tel|color|date|datetime|datetime-local|time|week|month|number|range|search|url&quot;], 
	SELECT, DATALIST, TEXTAREA <o:p></o:p></span></p><p class="MsoListParagraph"><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">-<span style="font:7.0pt &quot;Times New Roman&quot;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span>WAI-ARIA roles: checkbox, combobox, listbox, radiogroup, radio, textbox, tree, slider, spinbutton<o:p></o:p></span></p><p class="MsoNormal"><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
">Images/image buttons/ buttons<o:p></o:p></span></p><p class="MsoListParagraph"><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">-<span style="font:7.0pt &quot;Times New Roman&quot;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span>HTML tags: 
	IMG, INPUT[type=image|<span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">button</span>], 
	BUTTON</span></p><p class="MsoListParagraph"><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">-<span style="font:7.0pt &quot;Times New Roman&quot;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span>WAI-ARIA roles: img, button<o:p></o:p></span></p>
	<p class="MsoNormal"><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">Landmarks: <o:p></o:p>
	</span></p>
	<p class="MsoListParagraph">
	<span><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">-<span style="font:7.0pt &quot;Times New Roman&quot;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span></span>
	WAI-ARIA roles: region, banner, complementary, contentinfo, form, main, 
	navigation, search</span></p>
	<p class="MsoNormal" ><o:p>
		<span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">
		Note that AccChecker will show this error even for elements for which 
        the accessible name is set by default based on inner 
        HTML content (see the banner element in the above example). In such cases you 
        can suppress this error. </span></o:p>
	</p>
	<p>&nbsp; </p><h3><a name="ARIA_Layout_Table" vid=25></a><span style='color:#4F81BD;text-decoration:none;'>Warning - ARIA Layout Table<o:p></o:p></span></a></h3><h4><span
style='color:#4F81BD;text-decoration:none;'>Table is used for layout only but it has accessible name, accessible description or header information.<o:p></o:p></span></a></h4><p class="MsoNormal"><span style="font-size:11.0pt;line-height:115%;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
">This warning indicates that a table is marked as layout only (has role<i>=</i>&quot;</span><a href="http://www.w3.org/WAI/PF/aria/roles#presentation"><u><span style="font-size:11.0pt;line-height:115%;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:blue">presentation</span></u></a><span style="font-size:11.0pt;line-height:115%;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
">&quot;), but it also contains accessibility information as if it was a data table, which can be confusing for screen reader users.<o:p></o:p></span></p><p class="MsoNormal"><span style="font-size:11.0pt;line-height:115%;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
">To address this warning, determine whether the table actually is just a layout table and, if so, remove the accessible markup: <o:p></o:p></span></p><p class="MsoListParagraph"><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">-<span style="font:7.0pt &quot;Times New Roman&quot;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span></span><a href="http://www.w3.org/TR/html5/tabular-data.html#the-caption-element"><u><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue;">CAPTION</span></u></a><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> </span><span style="font-size:
11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:windowtext">tag</span><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">, </span><a href="http://www.w3.org/WAI/PF/aria/states_and_properties#aria-labelledby"><u><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue;">aria-labelledby</span></u></a><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">, </span><a href="http://www.w3.org/WAI/PF/aria/states_and_properties#aria-label"><u><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue;">aria-label</span></u></a><u><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue;">,</span></u><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> </span><span style="font-size:
11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:windowtext">or </span><a href="http://www.w3.org/TR/html5/elements.html#the-title-attribute"><u><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue;">title</span></u></a><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> </span><span style="font-size:11.0pt;font-family:
&quot;Calibri&quot;,&quot;sans-serif&quot;;color:windowtext">attributes</span><span style="font-size:11.0pt;font-family:
&quot;Calibri&quot;,&quot;sans-serif&quot;;"><o:p></o:p></span></p><p class="MsoListParagraph"><a><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:windowtext">-<span style="font:7.0pt &quot;Times New Roman&quot;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span>summary</span></a><span class="MsoCommentReference"><i><span style="font-size:8.0pt;color:windowtext">&nbsp;</span></i></span><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:windowtext"> or </span><a href="http://www.w3.org/WAI/PF/aria/states_and_properties#aria-describedby"><u><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">aria-describedby</span></u></a><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:windowtext"> attributes<o:p></o:p></span></p><p class="MsoListParagraph"><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:windowtext">-<span style="font:7.0pt &quot;Times New Roman&quot;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span></span><a href="http://www.w3.org/TR/html5/tabular-data.html#the-th-element"><u><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">TH</span></u></a><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue"> </span><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:windowtext">header tags <o:p></o:p></span></p>
	<p class="MsoNormal">
	<span style="font-size:11.0pt;line-height:115%;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
">If you determine that a table does need accessibility markup, remove the role attribute or set it to a value other than &quot;presentation&quot;.<o:p></o:p></span></p><p class="MsoNormal"><i><span style="font-size:11.0pt;line-height:
115%;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">Example:<o:p></o:p></span></i></p><div style="border: solid #999999 1.0pt; padding: 6.0pt 10.0pt 6.0pt 10.0pt; background: #FCFCFC; margin-left: .25in; margin-right: 0in"><p class="MyExample"><i><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:darkgreen">&lt;!-- Layout tables shoudnt contain accessibility markup. --&gt;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"><o:p></o:p></span></i></p><p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&lt;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:#A31515">table</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> </span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: red; background: yellow; ">role</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: blue; background: yellow; ">=&quot;presentation&quot;</span><span style="font-family:
&quot;Calibri&quot;,&quot;sans-serif&quot;;"> </span><s><span style="font-family:
&quot;Calibri&quot;,&quot;sans-serif&quot;;color:#7F7F7F;">summary=&quot;&quot;</span></s><span style="font-family:
&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&gt;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"><o:p></o:p></span></p><p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> &nbsp;&nbsp; </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&nbsp;&nbsp;&nbsp; </span>
		<span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:#7F7F7F;
"><s>&lt;caption&gt;&lt;/caption&gt;<o:p></o:p></s></span></p><p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> &nbsp;&nbsp; </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&nbsp;&nbsp;&nbsp; </span>
		<span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:#7F7F7F;
"><s>&lt;thead&gt;<o:p></o:p></s></span></p><p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> &nbsp;&nbsp; </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&nbsp;&nbsp;&nbsp; <span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> &nbsp;&nbsp; </span>&nbsp;&nbsp;&nbsp; </span>
		<span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:#7F7F7F;
"><s>&lt;tr&gt;<o:p></o:p></s></span></p><p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> &nbsp;&nbsp; </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&nbsp;&nbsp;&nbsp; <span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> &nbsp;&nbsp; </span>&nbsp;&nbsp;&nbsp; <span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> &nbsp;&nbsp; </span>&nbsp;&nbsp;&nbsp; </span>
		<span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:#7F7F7F;
"><s>&lt;th&gt;&lt;/th&gt;<o:p></o:p></s></span></p><p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> &nbsp;&nbsp; </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&nbsp;&nbsp;&nbsp; <span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> &nbsp;&nbsp; </span>&nbsp;&nbsp;&nbsp; <span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> &nbsp;&nbsp; </span>&nbsp;&nbsp;&nbsp; </span>
		<span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:#7F7F7F;
"><s>&lt;th&gt;&lt;/th&gt;<o:p></o:p></s></span></p><p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> &nbsp;&nbsp; </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&nbsp;&nbsp;&nbsp; <span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> &nbsp;&nbsp; </span>&nbsp;&nbsp;&nbsp; <span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> &nbsp;&nbsp; </span>&nbsp;&nbsp;&nbsp; </span>
		<span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:#7F7F7F;
"><o:p></o:p></span></p><p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> &nbsp;&nbsp; </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&nbsp;&nbsp;&nbsp; <span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> &nbsp;&nbsp; </span>&nbsp;&nbsp;&nbsp; </span>
		<span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:#7F7F7F;
"><s>&lt;/tr&gt;<o:p></o:p></s></span></p><p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> &nbsp;&nbsp; </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&nbsp;&nbsp;&nbsp; </span>
		<span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:#7F7F7F;
"><s>&lt;/thead&gt;<o:p></o:p></s></span></p>
		<p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> &nbsp;&nbsp; </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&nbsp;&nbsp;&nbsp; &lt;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:#A31515">tbody</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:blue">&gt;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
"><o:p></o:p></span></p>
		<p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> &nbsp;&nbsp; </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&nbsp;&nbsp;&nbsp; <span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> &nbsp;&nbsp; </span>&nbsp;&nbsp;&nbsp; &lt;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:#A31515">tr</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:blue">&gt;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
"><o:p></o:p></span></p><p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> &nbsp;&nbsp; </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&nbsp;&nbsp;&nbsp; <span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> &nbsp;&nbsp; </span>&nbsp;&nbsp;&nbsp; <span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> &nbsp;&nbsp; </span>&nbsp;&nbsp;&nbsp; &lt;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:#A31515">td</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:blue">&gt;&lt;/</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:#A31515">td</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:blue">&gt;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
"><o:p></o:p></span></p><p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> &nbsp;&nbsp; </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&nbsp;&nbsp;&nbsp; <span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> &nbsp;&nbsp; </span>&nbsp;&nbsp;&nbsp; <span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> &nbsp;&nbsp; </span>&nbsp;&nbsp;&nbsp; </span>
		<span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:blue">&lt;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:#A31515">td</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:blue">&gt;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
"></span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:blue">&lt;/</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:#A31515">td</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:blue">&gt;<o:p></o:p></span></p><p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:#7F7F7F;
"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:darkgreen">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span></span>
		<span style="font-family:
&quot;Calibri&quot;,&quot;sans-serif&quot;;"><o:p></o:p></span></p><p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> &nbsp;&nbsp; </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&nbsp;&nbsp;&nbsp;
		<span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">&nbsp;&nbsp;
		</span>&nbsp;&nbsp;&nbsp; &lt;/</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:#A31515">tr</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:blue">&gt;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
"><o:p></o:p></span></p><p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> &nbsp;&nbsp; </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&nbsp;&nbsp;&nbsp; &lt;/</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:#A31515">tbody</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&gt;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"><o:p></o:p></span></p><p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&lt;/</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:#A31515">table</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&gt;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"><o:p></o:p></span></p></div><p class="MsoNormal"><span style="font-size:11.0pt;line-height:115%;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
"><o:p>&nbsp;</o:p></span></p><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">This error applies to HTML table tags that have the role attribute set to &quot;</span><span style="font-size:9.0pt;font-family:&quot;Segoe UI&quot;,&quot;sans-serif&quot;;"><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">presentation</span></span><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">&quot;, or with a table that has a single cell (1x1 table).</span> <p>&nbsp;<o:p></o:p></p>
	<a name="ARIA_Data_Table_Desc" vid="26"><h3><span style='color:#4F81BD;text-decoration:none;'>Warning</span><span style='font-family:"Calibri","sans-serif";
color:#4F81BD;text-decoration:none;
'> </span><span style='color:#4F81BD;text-decoration:none;'>- ARIA Data Table Description<o:p></o:p></span></h3></a><h4><span style='color:
#4F81BD;text-decoration:none;'>Table contains data but it doesnt have the recommended accessible description.<o:p></o:p></span></a></h4><p class="MsoNormal"><span style="font-size:11.0pt;line-height:115%;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
">This warning indicates that the table is identified as a data table but it doesnt have an accessible description defined. <o:p></o:p></span></p><p class="MsoNormal"><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
">To address this warning, define a table accessible description by using the summary attribute or the </span><a href="http://www.w3.org/WAI/PF/aria/states_and_properties#aria-describedby"><u><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">aria-describedby</span></u></a><u><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue;"> </span></u><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">attribute.<o:p></o:p></span></p><p class="MsoNormal"><i><span style="font-size:11.0pt;font-family:
&quot;Calibri&quot;,&quot;sans-serif&quot;;">Example:<o:p></o:p></span></i></p><div style="border: solid #999999 1.0pt; padding: 6.0pt 10.0pt 6.0pt 10.0pt; background: #FCFCFC; margin-left: .25in; margin-right: 0in"><p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:darkgreen">&lt;!-- Define a table description by using the summary attribute. --&gt;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">&nbsp; <o:p></o:p></span></p><p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">&lt;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:maroon">table</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:red">summary</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">=&quot;The first column contains the list of examples. In the second column ...&quot;&gt; <o:p></o:p></span></p><p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"><br>&lt;/</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:maroon">table</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
">&gt;<o:p></o:p></span></p><p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:darkgreen"><o:p>&nbsp;</o:p></span></p><p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:darkgreen">&lt;!-- Define a table description using the aria-describedby attribute. --&gt;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <o:p></o:p></span></p><p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">&lt;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:maroon">p</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:red">id</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">=&quot;tableHeader&quot; &gt;The first column contains the list of examples. In the second column ...&lt;/</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:maroon">p</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
">&gt;<o:p></o:p></span></p><p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">&lt;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:maroon">table</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:red">aria-describedby</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">=&quot;tableHeader&quot; &gt; &nbsp;<o:p></o:p></span></p><p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"><br>&lt;/</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:maroon">table</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
">&gt;<o:p></o:p></span></p><p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"><o:p>&nbsp;</o:p></span></p></div><p class="MsoNormal">
	&nbsp;</p>
	<p class="MsoNormal">
	<span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
">Note: Not all data tables are required to have an accessible description. You 
	should define an accessible description if user need more information to 
	understand the data table structure and content.<o:p></o:p></span></p>
	<p class="MsoNormal">
	<span style="font-size:11.0pt;line-height:115%;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
">This warning applies to HTML tables with more than one cell.<o:p> This warning 
	does not apply to tables with role=&quot;presentation&quot; since these are considered 
	to be layout tables.</o:p></span></p>
	<p>&nbsp;</a></p>
	<a name="ARIA_Data_Table_Name_Header" vid="29"><h3><span style='color:#4F81BD;text-decoration:none;'>Error - ARIA Data Table Name and Header<o:p></o:p></span></h3></a><h4><span
style='color:#4F81BD;text-decoration:none;'>Table contains data but it doesnt have accessible name or headers.<o:p></o:p></span></a></h4><p class="MsoNormal"><span style="font-size:11.0pt;line-height:115%;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
">This error indicates that a data table doesnt have an accessible name or header information. <o:p></o:p></span></p><p class="MsoNormal"><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
">To fix this error, define an accessible name by using the </span><a href="http://www.w3.org/TR/html5/tabular-data.html#the-caption-element"><u><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue;">CAPTION</span></u><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:windowtext"> </span></a><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">tag, or the </span><a href="http://www.w3.org/WAI/PF/aria/states_and_properties#aria-labelledby"><u><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue;">aria-labelledby</span></u></a><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">,</span><span style="font-size:
11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:black"> </span><a href="http://www.w3.org/WAI/PF/aria/states_and_properties#aria-label"><u><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue;">aria-label</span></u></a><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:black"> or </span><a href="http://www.w3.org/TR/html5/elements.html#the-title-attribute"><u><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue;">title</span></u></a><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> attributes. If the table is missing header information, use </span><a href="http://www.w3.org/TR/html5/tabular-data.html#the-th-element"><u><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">TH</span></u></a><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> header tags 
	to mark header cells.<o:p></o:p></span></p><p class="MsoNormal"><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">
	<em>Example:</em><o:p></o:p></span></p><div style="border: solid #999999 1.0pt; padding: 6.0pt 10.0pt 6.0pt 10.0pt; background: #FCFCFC; margin-left: .25in; margin-right: 0in"><p class="MyExample"><i><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:darkgreen">&lt;!-- Data tables must contain an accessibile name and header information. --&gt;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"><o:p></o:p></span></i></p><p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&lt;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:#A31515">table</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&gt;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"><o:p></o:p></span></p><p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:#7F7F7F;
"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:darkgreen"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> &nbsp;&nbsp; </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&nbsp;&nbsp;&nbsp; </span> </span></span></span>
		<span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: blue; background: yellow; ">&lt;</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: #A31515; background: yellow; ">caption</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: blue; background: yellow; ">&gt;ARIA </span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; background: yellow; ">Examples</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: blue; background: yellow; ">&lt;/</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: #A31515; background: yellow; ">caption</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: blue; background: yellow; ">&gt;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"><o:p></o:p></span></p><p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:#7F7F7F;
"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:darkgreen"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> &nbsp;&nbsp; </span>&nbsp;&nbsp;&nbsp; </span></span>
		&lt;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:#A31515">thead</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:blue">&gt;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
"><o:p></o:p></span></p><p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> &nbsp;&nbsp; </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&nbsp;&nbsp;&nbsp; <span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> &nbsp;&nbsp; </span>&nbsp;&nbsp;&nbsp; </span>
		<span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:blue">&lt;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:#A31515">tr</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:blue">&gt;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
"><o:p></o:p></span></p><p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> &nbsp;&nbsp; </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&nbsp;&nbsp;&nbsp; <span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> &nbsp;&nbsp; </span>&nbsp;&nbsp;&nbsp; <span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> &nbsp;&nbsp; </span>&nbsp;&nbsp;&nbsp; </span>
		<span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: blue; background: yellow; ">&lt;</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: #A31515; background: yellow; ">th</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: blue; background: yellow; ">&gt;Name&lt;/</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: #A31515; background: yellow; ">th</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: blue; background: yellow; ">&gt;<o:p></o:p></span></p><p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> &nbsp;&nbsp; </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&nbsp;&nbsp;&nbsp; <span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> &nbsp;&nbsp; </span>&nbsp;&nbsp;&nbsp; <span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> &nbsp;&nbsp; </span>&nbsp;&nbsp;&nbsp; </span>
		<span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: blue; background: yellow; ">&lt;</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: #A31515; background: yellow; ">th</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: blue; background: yellow; ">&gt;Description&lt;/</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: #A31515; background: yellow; ">th</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: blue; background: yellow; ">&gt;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue"><o:p></o:p></span></p><p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> &nbsp;&nbsp; </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&nbsp;&nbsp;&nbsp; <span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> &nbsp;&nbsp; </span>&nbsp;&nbsp;&nbsp; <span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> &nbsp;&nbsp; </span>&nbsp;&nbsp;&nbsp; </span><span style="font-family:
&quot;Calibri&quot;,&quot;sans-serif&quot;;"><o:p></o:p></span></p><p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> &nbsp;&nbsp; </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&nbsp;&nbsp;&nbsp; <span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> &nbsp;&nbsp; </span>&nbsp;&nbsp;&nbsp; &lt;/</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:#A31515">tr</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:blue">&gt;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
"><o:p></o:p></span></p><p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> &nbsp;&nbsp; </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&nbsp;&nbsp;&nbsp; &lt;/</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:#A31515">thead</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:blue">&gt;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
"><o:p></o:p></span></p><p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> &nbsp;&nbsp; </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&nbsp;&nbsp;&nbsp; 
		&lt;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:#A31515">tbody</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:blue">&gt;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
"><o:p></o:p></span></p><p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> &nbsp;&nbsp; </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&nbsp;&nbsp;&nbsp; <span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> &nbsp;&nbsp; </span>&nbsp;&nbsp;&nbsp; &lt;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:#A31515">tr</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:blue">&gt;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
"><o:p></o:p></span></p><p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> &nbsp;&nbsp; </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&nbsp;&nbsp;&nbsp; <span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> &nbsp;&nbsp; </span>&nbsp;&nbsp;&nbsp; <span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> &nbsp;&nbsp; </span>&nbsp;&nbsp;&nbsp; &lt;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:#A31515">td</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:blue">&gt;Accessible tables&lt;/</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:#A31515">td</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&gt;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"><o:p></o:p></span></p><p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> &nbsp;&nbsp; </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&nbsp;&nbsp;&nbsp; <span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> &nbsp;&nbsp; </span>&nbsp;&nbsp;&nbsp; <span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> &nbsp;&nbsp; </span>&nbsp;&nbsp;&nbsp; </span>
		<span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:blue">&lt;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:#A31515">td</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:blue">&gt;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
">This example illustrates how to make data tables accessible using ARIA</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&lt;/</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:#A31515">td</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:blue">&gt;<o:p></o:p></span></p><p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> &nbsp;&nbsp; </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&nbsp;&nbsp;&nbsp; <span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> &nbsp;&nbsp; </span>&nbsp;&nbsp;&nbsp; <span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> &nbsp;&nbsp; </span>&nbsp;&nbsp;&nbsp; </span>
		<span style="font-family:
&quot;Calibri&quot;,&quot;sans-serif&quot;;"><o:p></o:p></span></p><p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> &nbsp;&nbsp; </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&nbsp;&nbsp;&nbsp; <span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> &nbsp;&nbsp; </span>&nbsp;&nbsp;&nbsp; &lt;/</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:#A31515">tr</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:blue">&gt;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
"><o:p></o:p></span></p><p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> &nbsp;&nbsp; </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&nbsp;&nbsp;&nbsp; 
		&lt;/</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:#A31515">tbody</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:blue">&gt;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
"><o:p></o:p></span></p><p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&lt;/</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:#A31515">table</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&gt;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"><o:p></o:p></span></p></div><p class="MsoNormal"><span style="font-size:11.0pt;line-height:115%;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
"><o:p>&nbsp;</o:p></span></p><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">This error applies to HTML tables with more than one cell.
	<span style="font-size:11.0pt;line-height:115%;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
"><o:p>This warning does not apply to tables with role=&quot;presentation&quot; since 
	these are considered to be layout tables.</o:p></span></span><p>
	&nbsp;</p><h3><a name="ARIA_Grid_Structure" vid=33></a><span
style='color:#4F81BD;text-decoration:none;'>Error - ARIA Grid Structure<o:p></o:p></span></a></h3><h4><span
style='color:#4F81BD;text-decoration:none;'>Element with the grid role doesnt correspond with the WAI-ARIA specification.<o:p></o:p></span></a></h4><p class="MsoNormal"><span style="font-size:11.0pt;line-height:115%;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
">An element that has its role attribute set to &quot;</span><a href="http://www.w3.org/WAI/PF/aria/roles#grid"><u><span style="font-size:11.0pt;
line-height:115%;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">grid</span></u></a><span style="font-size:11.0pt;line-height:115%;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
">&quot; must have the structure defined by the WAI-ARIA grid role, including the accessible name for the grid and its header subelements. <o:p></o:p></span></p><p class="MsoNormal"><span style="font-size:11.0pt;
font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">To fix this error, review your implementation to ensure that it complies with the WAI-ARIA specification. Specifically, ensure that the structure meets the following rules:<o:p></o:p></span></p><p class="MsoListParagraph"><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:black">-<span style="font:7.0pt &quot;Times New Roman&quot;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span></span><a href="http://www.w3.org/WAI/PF/aria/roles#grid"><u><span style="font-size:11.0pt;
font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue;">grid</span></u></a><span style="font-size:
11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:black;"> </span><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">contains </span><a href="http://www.w3.org/WAI/PF/aria/roles#row"><u><span style="font-size:11.0pt;
font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">row</span></u></a><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> or &nbsp;</span><a href="http://www.w3.org/WAI/PF/aria/roles#rowgroup"><u><span style="font-size:
11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">rowgroup</span></u></a><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:black"> elements <u><o:p></o:p></u></span></p><p class="MsoListParagraph"><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:black">-<span style="font:7.0pt &quot;Times New Roman&quot;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span></span><a href="http://www.w3.org/WAI/PF/aria/roles#rowgroup"><u><span style="font-size:
11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">rowgroup</span></u></a><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue"> </span><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:black;
">contains </span><a href="http://www.w3.org/WAI/PF/aria/roles#row"><u><span style="font-size:11.0pt;
font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">row</span></u></a><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:windowtext"> elements</span><u><span style="font-size:11.0pt;font-family:
&quot;Calibri&quot;,&quot;sans-serif&quot;;color:black"><o:p></o:p></span></u></p><p class="MsoListParagraph"><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:black">-<span style="font:7.0pt &quot;Times New Roman&quot;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span></span><a href="http://www.w3.org/WAI/PF/aria/roles#row"><u><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">row</span></u></a><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:blue"> </span><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:black;
">elements contain </span><a href="http://www.w3.org/WAI/PF/aria/roles#columnheader"><u><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">columnheader</span></u></a><span style="font-size:11.0pt;
font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:black;"> or </span><a href="http://www.w3.org/WAI/PF/aria/roles#gridcell"><u><span style="font-size:
11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">gridcell</span></u></a><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:black;"> </span><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:blue;
">or </span><a href="http://www.w3.org/WAI/PF/aria/roles#rowheader"><u><span style="font-size:
11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">rowheader</span></u></a><u><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue"> </span></u><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:windowtext">elements</span></p><p class="MsoNormal">&nbsp;</p><p class="MsoNormal"><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
">An accessible name should be defined for </span><a href="http://www.w3.org/WAI/PF/aria/roles#grid"><u><span style="font-size:11.0pt;
font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue;">grid</span></u></a><span style="font-size:11.0pt;
font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">, </span><a href="http://www.w3.org/WAI/PF/aria/roles#columnheader"><u><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">columnheader</span></u></a><span style="font-size:11.0pt;
font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">, </span><a href="http://www.w3.org/WAI/PF/aria/roles#gridcell"><u><span style="font-size:
11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">gridcell</span></u></a><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue"> </span><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
">and </span><a href="http://www.w3.org/WAI/PF/aria/roles#rowheader"><u><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">rowheader</span></u></a><span style="font-size:11.0pt;font-family:
&quot;Calibri&quot;,&quot;sans-serif&quot;;"> elements</span><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:black;"> by using one of the following attributes:<o:p></o:p></span></p><p class="MsoListParagraph"><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">-<span style="font:7.0pt &quot;Times New Roman&quot;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span></span><a href="http://www.w3.org/WAI/PF/aria/states_and_properties#aria-labelledby"><u><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue;">aria-labelledby</span></u></a><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:black"> </span><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
">attribute for referencing the element containing text<o:p></o:p></span></p><p class="MsoListParagraph"><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">-<span style="font:7.0pt &quot;Times New Roman&quot;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span></span><a href="http://www.w3.org/WAI/PF/aria/states_and_properties#aria-label"><u><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue;">aria-label</span></u></a><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:black"> </span><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
">attribute to set the accessible name directly<o:p></o:p></span></p><p class="MsoListParagraph"><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">-<span style="font:7.0pt &quot;Times New Roman&quot;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span></span><a href="http://www.w3.org/TR/html5/elements.html#the-title-attribute"><u><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue;">title</span></u></a><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> attribute for creating a tooltip which is at the same time used as a name<o:p></o:p></span></p><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">This error applies to custom elements that have the role attribute set to grid. It does NOT apply to HTML table tags that have an implicit role of &quot;grid&quot;.</span><p class=MsoNormal>
	&nbsp;</p><h2><a name="Name_role_value"><!--
2.1.1 Keyboard accessible 
--></a><span style='color:#4F81BD;text-decoration:none;'>Name, Role, Value<o:p></o:p></span></a></h2><p>&nbsp;<o:p></o:p></p><h3><a name="ARIA_Role_Missing" vid=34></a><span style='color:#4F81BD;text-decoration:none;'>Error - ARIA Role<o:p></o:p></span></a> <span style='color:#4F81BD;text-decoration:none;'>
	Missing</span></h3><h3><i><span
style='color:#4F81BD;text-decoration:none;'>Element is interactive but it doesnt have a valid WAI-ARIA role.</span><span style='color:#4F81BD;
font-style:normal;text-decoration:none;'><o:p></o:p></span></a></i></h3><p class="MsoNormal"><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">This error indicates that an element has a mouse or keyboard event handler (click, mousedown, mouseup, mousemove, mouseout, mouseover, keyup, keydown, or keypress), but doesnt have the role attribute set, and is not one of the HTML tags that has an </span><a href="http://www.w3.org/TR/html5/content-models.html#wai-aria"><u><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">implicit</span></u></a><span style="font-size:11.0pt;font-family:
&quot;Calibri&quot;,&quot;sans-serif&quot;;"> WAI-ARIA role (for example, A, BUTTON, IMG, INPUT, SELECT and so on). <o:p></o:p></span></p><p class="MsoNormal"><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">Setting the role attribute for interactive elements that have no implicit role (such as a DIV tag) is necessary to expose the element's behavior patterns to screen readers and other assistive technologies. <o:p></o:p></span></p><p class="MsoNormal"><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">To fix this error, set the role attribute to a valid </span><a href="http://www.w3.org/WAI/PF/aria/appendices#quickref"><u><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">WAI-ARIA role</span></u></a><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> that best fits this element's behavior patterns and required attributes. For example, if a DIV tag is a button, set the role attribute to button.<o:p></o:p></span></p><p class="MsoNormal"><i><span style="font-size:11.0pt;font-family:
&quot;Calibri&quot;,&quot;sans-serif&quot;;">Example:<o:p></o:p></span></i></p><div style="border: solid #999999 1.0pt; padding: 6.0pt 10.0pt 7.0pt 10.0pt; background: #FCFCFC; margin-left: .25in; margin-right: 0in"><p class="MyExample"><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: darkgreen; background: white; ">&lt;!-- Setting role attribute allows screen readers to know it can be clicked --&gt;<o:p></o:p></span></p><p class="MyExample"><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; background: white; ">&lt;</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: maroon; background: white; ">div</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: black; background: white; "> </span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: red; background: yellow; ">role</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; background: yellow; ">=&quot;button&quot;</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: black; background: white; "> </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:red">tabindex</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
">=&quot;0&quot;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:black"> </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:red">aria-label</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
">=&quot;Back&quot; </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:red">onclick</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
">=&quot;mouseAction(event)&quot; </span><span style="font-family:
&quot;Calibri&quot;,&quot;sans-serif&quot;;color:red">onkeyup</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">=&quot;keyAction(event)&quot;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:black"> &gt;</span><span style="font-size:11.0pt;font-family:
&quot;Calibri&quot;,&quot;sans-serif&quot;;"><o:p></o:p></span></p></div><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"><br>This error applies to elements that do not have an implicit WAI-ARIA role.</span><p>&nbsp;<span style='color:#4F81BD;text-decoration:none;'><o:p>&nbsp;</o:p></span></a></p>
	<h3><a
name="ARIA_Role_Invalid"><span style='color:#4F81BD;text-decoration:none;'>Error - ARIA Role Invalid<o:p></o:p></span></a></h3><h4><span
style='color:#4F81BD;text-decoration:none;'>Element has an invalid WAI-ARIA role.<o:p></o:p></span></a></h4><p class="MsoNormal"><span style="font-size:11.0pt;line-height:115%;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
">This error indicates that a role attribute is set but its value is not a valid </span><a href="http://www.w3.org/WAI/PF/aria/appendices#quickref"><span style="font-size:11.0pt;line-height:115%;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:blue">WAI-ARIA role</span></a><span style="font-size:11.0pt;line-height:115%;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
"> value as defined by the WAI-ARIA specification. Setting a valid role is important to ensure that the element is correctly interpreted by screen readers and other assistive technology tools. <o:p></o:p></span></p><p class="MsoNormal"><span style="font-size:11.0pt;line-height:115%;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
">To fix this error, set the role attribute to a valid </span><a href="http://www.w3.org/WAI/PF/aria/appendices#quickref"><span style="font-size:11.0pt;line-height:115%;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:blue">WAI-ARIA role</span></a><span style="font-size:11.0pt;line-height:115%;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
"> value. Note: Abstract WAI-ARIA roles are not considered to be valid values for the role attribute.<o:p></o:p></span></p><p class="MsoNormal"><i><span style="font-size:11.0pt;font-family:
&quot;Calibri&quot;,&quot;sans-serif&quot;;">Example:<o:p></o:p></span></i></p><div style="border: solid #999999 1.0pt; padding: 6.0pt 10.0pt 6.0pt 10.0pt; background: #FCFCFC; margin-left: .25in; margin-right: 0in"><p class="MyExample"><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: darkgreen; background: white; ">&lt;!The invalid role will not expose this element as a button. --&gt;<o:p></o:p></span></p><p class="MyExample"><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; background: white; ">&lt;</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: maroon; background: white; ">div</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: black; background: white; "> </span><s><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: red; background: yellow; ">role</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; background: yellow; ">=&quot;<i>backbutton</i></s>&quot;</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: black; background: white; "> </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:red">tabindex</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
">=&quot;0&quot;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:black"> </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:red">aria-label</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
">=&quot;Back&quot; </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:red">onclick</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
">=&quot;mouseAction(event)&quot; </span><span style="font-family:
&quot;Calibri&quot;,&quot;sans-serif&quot;;color:red">onkeyup</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">=&quot;keyAction(event)&quot;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:black"> &gt;<o:p></o:p></span></p><p class="MyExample"><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
"><o:p>&nbsp;</o:p></span></p><p class="MyExample"><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: darkgreen; background: white; ">&lt;!Setting the correct role will expose this as a button that can be clicked. --&gt;<o:p></o:p></span></p><p class="MyExample"><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; background: white; ">&lt;</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: maroon; background: white; ">div</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: black; background: white; "> </span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: red; background: yellow; ">role</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; background: yellow; ">=&quot;button&quot;</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: black; background: white; "> </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:red">tabindex</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
">=&quot;0&quot;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:black"> </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:red">aria-label</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
">=&quot;Back&quot; </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:red">onclick</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
">=&quot;mouseAction(event)&quot; </span><span style="font-family:
&quot;Calibri&quot;,&quot;sans-serif&quot;;color:red">onkeyup</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">=&quot;keyAction(event)&quot;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:black"> &gt;</span><span style="font-size:11.0pt;font-family:
&quot;Calibri&quot;,&quot;sans-serif&quot;;"><o:p></o:p></span></p></div><p class="MsoNormal"><span style="font-size:11.0pt;line-height:115%;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
"><o:p>&nbsp;</o:p></span></p><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">This error applies to all elements that have the role attribute set.</span><p>&nbsp;<o:p></o:p></p><h3><a name="ARIA_Container_Role" vid="36"><span style='color:#4F81BD;text-decoration:none;'>Error - ARIA Container Role<o:p></o:p></span></a></h3><h4><span
style='color:#4F81BD;text-decoration:none;'>Element is a container but it doesnt have a valid container role.<o:p></o:p></span></a></h4><p class="MsoNormal"><span style="font-size:11.0pt;line-height:115%;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
">An element appears to be a container that has the 
	<a href="http://www.w3.org/WAI/PF/aria/states_and_properties#aria-activedescendant">aria-activedescendant</a> attribute set, but the element's role attribute doesnt have a value that is valid for a container. <o:p></o:p></span></p><p class="MsoNormal"><i><span style="font-size:11.0pt;font-family:
&quot;Calibri&quot;,&quot;sans-serif&quot;;">Example:<o:p></o:p></span></i></p><div style="border: solid #999999 1.0pt; padding: 6.0pt 10.0pt 6.0pt 10.0pt; background: #FCFCFC; margin-left: .25in; margin-right: 0in"><p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&lt;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:maroon">div</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue"> </span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: red; background: yellow; ">role</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: blue; background: yellow; ">=&quot;listbox&quot;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:blue"> </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:red">id</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:blue">=&quot;listbox1&quot;</span><span style="font-family:
&quot;Calibri&quot;,&quot;sans-serif&quot;;"> </span><span style="font-family:
&quot;Calibri&quot;,&quot;sans-serif&quot;;color:red;">tabindex</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:blue;">=&quot;0&quot;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue"> </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:red">aria-activedescendant=</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&quot;listbox1-1&quot;&gt;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> <br>&nbsp;&nbsp; </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&nbsp;&nbsp;&nbsp; &lt;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:maroon">div</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:blue"> </span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: red; background: yellow; ">role</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: blue; background: yellow; ">=&quot;option&quot;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue"> </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:red">id</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">=&quot;listbox1-1&quot; </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:red">class</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:blue">=&quot;selected&quot;&gt;</span><span style="font-family:
&quot;Calibri&quot;,&quot;sans-serif&quot;;">Item 1</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&lt;/</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:maroon">div</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&gt;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> <br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:blue">&nbsp;&lt;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:maroon">div</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:blue"> </span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: red; background: yellow; ">role</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: blue; background: yellow; ">=&quot;option&quot;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue"> </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:red">id</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">=&quot;listbox1-2&quot;&gt;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">Item 2</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&lt;/</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:maroon">div</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&gt;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> <o:p></o:p></span></p><p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&nbsp;&lt;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:maroon">div</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:blue"> </span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: red; background: yellow; ">role</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: blue; background: yellow; ">=&quot;option&quot;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue"> </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:red">id</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">=&quot;listbox1-3&quot;&gt;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">Item 3</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&lt;/</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:maroon">div</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&gt;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; ... <br></span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&lt;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:maroon">div</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:blue">&gt;</span><span style="font-size:7.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"><o:p></o:p></span></p>
	</div><p class="MsoNormal"><span style="font-size:11.0pt;line-height:115%;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
"><o:p>&nbsp;</o:p></span></p><p class="MsoNormal"><span style="font-size:11.0pt;line-height:115%;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
">To fix this error, set the role attribute to a </span><a href="http://www.w3.org/WAI/PF/aria/appendices#quickref"><span style="font-size:11.0pt;line-height:115%;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:blue">WAI-ARIA role</span></a><span style="font-size:11.0pt;line-height:115%;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
"> value that is valid for a container element: combobox, grid, listbox, menu, menubar, radiogroup, tablist, tree, or treegrid.<o:p></o:p></span></p><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">This error applies to elements that have the aria-activedescendant attribute.</span><p>
	&nbsp;</p><a name="ARIA_Range_Control_Attributes_Missing" vid=79><h3><span
style='color:#4F81BD;text-decoration:none;'>Error - ARIA Range Control Attributes Missing<o:p></o:p></span></h3></a><h4><span
style='color:#4F81BD;text-decoration:none;'>Element has <span
>progressbar</span>, slider or <span >spinbutton</span> role but it is not exposing required WAI-ARIA attributes: aria-<span
>valuenow</span>, aria-<span >valuemin</span>, and aria-<span >valuemax</span> attributes.<o:p></o:p></span></a></h4><p class="MsoNormal"><span style="font-size:11.0pt;line-height:115%;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
">According to the WAI-ARIA specification, elements that have the </span><a href="http://www.w3.org/WAI/PF/aria/roles#progressbar"><u><span style="font-size:11.0pt;line-height:115%;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:blue">progressbar</span></u></a><span style="font-size:11.0pt;line-height:115%;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
">, </span><a href="http://www.w3.org/WAI/PF/aria/roles#slider"><u><span style="font-size:
11.0pt;line-height:115%;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">slider</span></u></a><span style="font-size:11.0pt;line-height:115%;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
">, or </span><a href="http://www.w3.org/WAI/PF/aria/roles#spinbutton"><u><span style="font-size:11.0pt;line-height:115%;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:blue">spinbutton</span></u></a><span style="font-size:11.0pt;line-height:115%;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:blue"> </span><span style="font-size:11.0pt;line-height:115%;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
">role must expose the </span>
	<span style="font-size:11.0pt;line-height:115%;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
">aria-valuemax</span><span style="font-size:
11.0pt;line-height:115%;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:black">, </span>
	<span style="font-size:11.0pt;line-height:115%;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
">aria-valuemin</span><span style="font-size:11.0pt;line-height:115%;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
">,</span><span style="font-size:11.0pt;
line-height:115%;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:black"> and </span>
	<span style="font-size:11.0pt;line-height:115%;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
">aria-valuenow</span><span style="font-size:
11.0pt;line-height:115%;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> attributes.<o:p></o:p></span></p><p class="MsoNormal"><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">To fix this error, set the <a href="http://www.w3.org/WAI/PF/aria/states_and_properties#aria-valuemax"><u><span style="font-size:11.0pt;line-height:115%;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:blue">aria-valuemax</span></u></a></span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">, </span>
	<span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"><a href="http://www.w3.org/WAI/PF/aria/states_and_properties#aria-valuemin"><u><span style="font-size:11.0pt;line-height:115%;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:blue">aria-valuemin</span></u></a>, </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">&nbsp;</span><span style="font-size:11.0pt;
font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">and <a href="http://www.w3.org/WAI/PF/aria/states_and_properties#aria-valuenow"><u><span style="font-size:11.0pt;line-height:115%;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:blue">aria-valuenow</span></u></a> attributes, and dynamically maintain the aria-valuenow value to ensure that the current value is exposed. You should also set the </span><a href="http://www.w3.org/WAI/PF/aria/states_and_properties#aria-valuetext"><u><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">aria-valuetext</span></u></a><span style="font-size:11.0pt;
font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> attribute to add more meaning to the exposed aria-valuenow value.<o:p></o:p></span></p><p class="MsoNormal"><i><span style="font-size:11.0pt;font-family:
&quot;Calibri&quot;,&quot;sans-serif&quot;;">Example:<o:p></o:p></span></i></p><div style="border: solid #999999 1.0pt; padding: 6.0pt 10.0pt 6.0pt 10.0pt; background: #FCFCFC; margin-left: .25in; margin-right: 0in"><p class="MyExample"><span style="font-size:9.5pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&lt;</span><span style="font-size:9.5pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:maroon">div</span><span style="font-size:9.5pt;font-family:
&quot;Calibri&quot;,&quot;sans-serif&quot;;"> </span><span style="font-size:
9.5pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:red">role</span><span style="font-size:9.5pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">=&quot;slider&quot;</span><span style="font-size:9.5pt;font-family:
&quot;Calibri&quot;,&quot;sans-serif&quot;;"> </span><span style="font-size:
9.5pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:red">id=</span><span style="font-size:9.5pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&quot;sl&quot;</span><span style="font-size:9.5pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:red"> <span style="background: yellow; ">aria-valuemin</span></span><span style="font-size:9.5pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">=&quot;1&quot;</span><span style="font-size:9.5pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
"> </span><span style="font-size: 9.5pt; font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: red; background: yellow; ">aria-valuemax</span><span style="font-size:9.5pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">=&quot;5&quot;</span><span style="font-size:9.5pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
"> </span><span style="font-size: 9.5pt; font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: red; background: yellow; ">aria-valuenow</span><span style="font-size:9.5pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">=&quot;3&quot;</span><span style="font-size:9.5pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
"> </span><span style="font-size: 9.5pt; font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: red; background: yellow; ">aria-valuetext</span><span style="font-size:9.5pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">=&quot;good&quot;&gt;<o:p></o:p></span></p><p class="MyExample"><span style="font-size:9.5pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&lt;/</span><span style="font-size:9.5pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:maroon">div&gt;<o:p></o:p></span></p><p class="MyExample"><span style="font-size:9.5pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:maroon"><o:p>&nbsp;</o:p></span></p><p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&lt;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:maroon">script</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&gt;<o:p></o:p></span></p><p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:darkgreen"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> &nbsp;&nbsp; </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&nbsp;&nbsp;&nbsp; </span>// This function should be triggered when the slider value changes.<o:p></o:p></span></p><p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> &nbsp;&nbsp; </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&nbsp;&nbsp;&nbsp; </span> </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:blue">function</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
"> manageValue()<o:p></o:p></span></p><p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> &nbsp;&nbsp; </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&nbsp;&nbsp;&nbsp; </span>
		<span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">{<o:p></o:p></span></p><p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> &nbsp;&nbsp; </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&nbsp;&nbsp;&nbsp; <span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> &nbsp;&nbsp; </span>&nbsp;&nbsp;&nbsp; </span>
		<span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">...<o:p></o:p></span></p><p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> &nbsp;&nbsp; </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&nbsp;&nbsp;&nbsp; <span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> &nbsp;&nbsp; </span>&nbsp;&nbsp;&nbsp; </span>
		<span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">sl.setAttribute(&quot;aria-valuenow&quot;, currentValue); <o:p></o:p></span></p><p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> &nbsp;&nbsp; </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&nbsp;&nbsp;&nbsp; <span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> &nbsp;&nbsp; </span>&nbsp;&nbsp;&nbsp; </span>
		<span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">sl.setAttribute(&quot;aria-valuetext&quot;, currentValueText); <o:p></o:p></span></p><p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> &nbsp;&nbsp; </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&nbsp;&nbsp;&nbsp; <span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> &nbsp;&nbsp; </span>&nbsp;&nbsp;&nbsp; </span>
		<span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">..<o:p></o:p></span></p><p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> &nbsp;&nbsp; </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&nbsp;&nbsp;&nbsp; </span>
		<span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">}&nbsp; <o:p></o:p></span></p><p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&lt;/</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:maroon">script</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&gt;<o:p></o:p></span></p><p class="MyExample"><span style="font-size:9.5pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue"><o:p>&nbsp;</o:p></span></p></div><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">
	<br>This error applies to elements that have a role (implicit or explicit) that is equal to progressbar, slider, or spinbutton.</span><p class=MsoNormal>
	&nbsp;</p><p>&nbsp;</p><h3><a name="ARIA_Range_Control_Attribute_OutOfRange" vid=80></a><span
style='color:#4F81BD;text-decoration:
none;'>Error - ARIA Range Control Attribute Out of Range<o:p></o:p></span></h3><h4><span
style='color:#4F81BD;text-decoration:none;'>Element has <span
>progressbar</span>, slider or <span >spinbutton</span> role but the exposed aria-<span >valuenow</span> value is outside of aria-<span >valuemin</span>/aria-<span >valuemax</span> range.<o:p></o:p></span></h4><p class="MsoNormal"><span style="font-size:11.0pt;line-height:115%;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
">This error indicates that the exposed
	<span style="font-size:11.0pt;line-height:115%;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
">aria-valuenow</span> value is not in the range defined by the
	<span style="font-size:11.0pt;line-height:115%;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
">aria-valuemin</span> and
	<span style="font-size:11.0pt;line-height:115%;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
">aria-valuemax</span> attributes.<o:p></o:p></span></p><p class="MsoNormal"><span style="font-size:11.0pt;line-height:115%;
font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">To fix this error, 
	check your implementation to ensure that the <span style="font-size:11.0pt;line-height:115%;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
"><a href="http://www.w3.org/WAI/PF/aria/states_and_properties#aria-valuemin"><u><span style="font-size:11.0pt;line-height:115%;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:blue">aria-valuemin</span></u></a></span> and <span style="font-size:11.0pt;line-height:115%;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
"><a href="http://www.w3.org/WAI/PF/aria/states_and_properties#aria-valuemax"><u><span style="font-size:11.0pt;line-height:115%;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:blue">aria-valuemax</span></u></a></span> attributes are correctly set, 
	and that the <span style="font-size:11.0pt;line-height:115%;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
"><a href="http://www.w3.org/WAI/PF/aria/states_and_properties#aria-valuenow"><u><span style="font-size:11.0pt;line-height:115%;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:blue">aria-valuenow</span></u></a></span> attribute value is properly maintained.</span><b><span style="font-size:13.0pt;
line-height:115%;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:#4F81BD"><o:p></o:p></span></b></p><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">This error applies to elements that have a role (implicit or explicit) equal to <a href="http://www.w3.org/WAI/PF/aria/roles#progressbar"><u><span style="font-size:11.0pt;line-height:115%;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:blue">progressbar</span></u></a>, <a href="http://www.w3.org/WAI/PF/aria/roles#slider"><u><span style="font-size:
11.0pt;line-height:115%;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">slider</span></u></a>, or <a href="http://www.w3.org/WAI/PF/aria/roles#spinbutton"><u><span style="font-size:11.0pt;line-height:115%;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:blue">spinbutton</span></u></a>.</span><p>&nbsp;<o:p></o:p></p><h2><a name="Keyboard_accessibility"></a><span style='color:#4F81BD;text-decoration:none;'>Keyboard Accessibility <o:p></o:p></span></h2><p>&nbsp;<o:p></o:p></p><h3><a name="ARIA_Click_Tabindex" vid=new></a><span style='color:#4F81BD;text-decoration:none;'>Error - ARIA Click <span >Tabindex</span><o:p></o:p></span></h3><h4><span
style='color:#4F81BD;text-decoration:none;'>Element has a click event handler but it is not in tab order, neither by default nor with explicitly set <span >tabindex</span> attribute. <o:p></o:p></span></h4><p class="MsoNormal"><span style="font-size:11.0pt;line-height:115%;
font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">All elements that have a click event handler and are not disabled must be in the tab order. This ensures that an element can be reached using the TAB key, which is how screen reader users typically navigate the UI. <o:p></o:p></span></p><p class="MsoNormal"><span style="font-size:11.0pt;line-height:115%;
font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">To fix this error, set the </span><a href="http://www.w3.org/TR/wai-aria-practices/#focus_tabindex"><u><span style="font-size:11.0pt;line-height:115%;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:blue">tabindex</span></u></a><span style="font-size:11.0pt;
line-height:115%;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue"> </span><span style="font-size:11.0pt;line-height:115%;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
">attribute to a value that is equal to or greater than 0. You do not need to explicitly set the tabindex attribute for tags that are in the tab order by default, such as A 
	(with href attriute), BUTTON, INPUT (excluding &quot;hidden&quot;), SELECT, TEXTAREA, and AREA (as part of the image map). For more information, see </span><a href="http://www.w3.org/TR/html5/editing.html#focusable"><u><span style="font-size:11.0pt;line-height:115%;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:blue">HTML focusable tags</span></u></a><span style="font-size:11.0pt;line-height:115%;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
">.<o:p></o:p></span></p><p class="MsoNormal"><i><span style="font-size:11.0pt;line-height:115%;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
">Example:<o:p></o:p></span></i></p><div style="border: solid #999999 1.0pt; padding: 6.0pt 10.0pt 6.0pt 10.0pt; background: #FCFCFC; margin-left: .25in; margin-right: 0in"><p class="MyExample"><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; background: white; ">&lt;</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: maroon; background: white; ">div</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: black; background: white; "> </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:red">role</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
">=&quot;button&quot;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:black"> </span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: red; background: yellow; ">tabindex</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; background: yellow; ">=&quot;0&quot;</span><span style="font-family:
&quot;Calibri&quot;,&quot;sans-serif&quot;;color:black"> </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:red">aria-label</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">=&quot;Back&quot; </span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: red; background: yellow; ">onclick</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">=&quot;mouseAction(event)&quot; </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:red">onkeyup</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
">=&quot;keyAction(event)&quot;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:black"> &gt;</span><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"><o:p></o:p></span></p></div><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">
	<br>This error applies to elements that have a click event handler and are not disabled.</span><p>&nbsp;<o:p></o:p></p><h3><a name="ARIA_Container_Tabindex" vid=37></a><span style='color:#4F81BD;text-decoration:none;'>Error - ARIA Container <span >Tabindex</span><o:p></o:p></span></h3><h4><span
style='color:#4F81BD;text-decoration:none;'>Element is a container with an active descendant defined but it doesnt have the <span
>tabindex</span> attribute set to a value greater or equal to 0.<o:p></o:p></span></h4><p class="MsoNormal"><span style="font-size:11.0pt;line-height:115%;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
">An element that has the 
	<a href="http://www.w3.org/WAI/PF/aria/states_and_properties#aria-activedescendant">aria-activedescendant</a> attribute defined, and is not disabled must be in tab order because it is responsible for handling keyboard events for its child elements. <o:p></o:p></span></p><p class="MsoNormal"><span style="font-size:11.0pt;line-height:115%;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
">To fix this&nbsp;error, set the </span><span style="font-size:11.0pt;line-height:115%"><a href="http://www.w3.org/TR/html5/editing.html#sequential-focus-navigation-and-the-tabindex-attribute"><u><span style="line-height:115%;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:blue">tabindex</span></u></a></span><span style="font-size:11.0pt;line-height:115%;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
"> attribute to a value that is greater than or equal to 0.<o:p></o:p></span></p><p class="MsoNormal"><i><span style="font-size:11.0pt;line-height:115%;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
">Example</span></i><span style="font-size:11.0pt;line-height:115%;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
">:<o:p></o:p></span></p><div style="border: solid #999999 1.0pt; padding: 6.0pt 10.0pt 6.0pt 10.0pt; background: #FCFCFC; margin-left: .25in; margin-right: 0in"><p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&lt;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:maroon">div</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue"> </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:red">role</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">=&quot;listbox&quot; </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:red">id</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">=&quot;listbox1&quot;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
"> </span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: red; background: yellow; ">tabindex</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: blue; background: yellow; ">=&quot;0&quot;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:blue"> </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:red">aria-activedescendant=</span><span style="font-family:
&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&quot;listbox1-1&quot;&gt;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> <br>&nbsp;&nbsp; </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&nbsp;&nbsp;&nbsp; &lt;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:maroon">div</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:blue"> </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:red">role</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:blue">=&quot;option&quot; </span><span style="font-family:
&quot;Calibri&quot;,&quot;sans-serif&quot;;color:red">id</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">=&quot;listbox1-1&quot; </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:red">class</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:blue">=&quot;selected&quot;&gt;</span><span style="font-family:
&quot;Calibri&quot;,&quot;sans-serif&quot;;">Item 1</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&lt;/</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:maroon">div</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&gt;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> <br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:blue">&nbsp;&lt;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:maroon">div</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:blue"> </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:red">role</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:blue">=&quot;option&quot; </span><span style="font-family:
&quot;Calibri&quot;,&quot;sans-serif&quot;;color:red">id</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">=&quot;listbox1-2&quot;&gt;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">Item 2</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&lt;/</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:maroon">div</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&gt;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> <o:p></o:p></span></p><p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&nbsp;&lt;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:maroon">div</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:blue"> </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:red">role</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:blue">=&quot;option&quot; </span><span style="font-family:
&quot;Calibri&quot;,&quot;sans-serif&quot;;color:red">id</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">=&quot;listbox1-3&quot;&gt;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">Item 3</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&lt;/</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:maroon">div</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&gt;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; ... <br></span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&lt;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:maroon">div</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:blue">&gt;</span><span style="font-size:7.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"><o:p></o:p></span></p></div><p class="MsoNormal">
	&nbsp;</p>
	<p class="MsoNormal">
	<span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">This error applies to elements that have the aria-activedescendant attribute, are not disabled, and do not have the tabindex attribute set to a value that is greater than or equal to 0.<o:p></o:p></span></p><p>&nbsp;<o:p></o:p></p><h3><a name="ARIA_Container_KeyEvents" vid=35></a><span style='color:#4F81BD;text-decoration:none;'>Error - ARIA Container Keyboard Events</snap><o:p></o:p></span></h3><h4><span
style='color:#4F81BD;text-decoration:none;'>Element is a container with an active descendant defined and it has mouse event handlers but it doesnt have 
	any keyboard event handler. <o:p></o:p></span></h4><p class="MsoNormal"><span style="font-size:11.0pt;line-height:115%;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
">An element that has the 
	<a href="http://www.w3.org/WAI/PF/aria/states_and_properties#aria-activedescendant">aria-activedescendant</a> attributed defined has one or more mouse event handlers (m<a>ousemove, 
	mousedown or mouseup</a>), but is missing the equivalent keyboard event handlers (k<a>eydown, 
	keyup or keypress</a></span><span style="font-size:11.0pt;line-height:115%;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
">). The keyboard event handlers are needed to ensure that the user can invoke the element's functionality by using the keyboard, and to ensure that the element maintains the aria-activedescendant attribute. <o:p></o:p></span></p><p class="MsoNormal"><span style="font-size:11.0pt;line-height:115%;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
">To fix this error, implement one of the keyboard event handlers. <o:p></o:p></span></p><p class="MsoNormal"><i><span style="font-size:11.0pt;line-height:115%;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
">Example</span></i><span style="font-size:11.0pt;line-height:115%;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
">:<o:p></o:p></span></p><div style="border: solid #999999 1.0pt; padding: 6.0pt 10.0pt 6.0pt 10.0pt; background: #FCFCFC; margin-left: .25in; margin-right: 0in"><p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">&lt;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:maroon">div</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:red">role</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">=&quot;listbox&quot; </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:red">id</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">=&quot;listbox1&quot; tabindex=&quot;0&quot; <span style="background: yellow; ">aria-activedescendant=&quot;</span></span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: blue; background: yellow; ">listbox1-1</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; background: yellow; ">&quot;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
">&gt; <o:p></o:p></span></p><p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">&nbsp;&nbsp; </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&nbsp;&nbsp;&nbsp; &lt;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:maroon">div</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:blue"> </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:red">role</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:blue">=&quot;option&quot; </span><span style="font-family:
&quot;Calibri&quot;,&quot;sans-serif&quot;;color:red">id</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">=&quot;listbox1-1&quot; </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:red">class</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:blue">=&quot;selected&quot;&gt;</span><span style="font-family:
&quot;Calibri&quot;,&quot;sans-serif&quot;;">Item 1</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&lt;/</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:maroon">div</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&gt;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> <br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:blue">&nbsp;&lt;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:maroon">div</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:blue"> </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:red">role</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:blue">=&quot;option&quot; </span><span style="font-family:
&quot;Calibri&quot;,&quot;sans-serif&quot;;color:red">id</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">=&quot;listbox1-2&quot;&gt;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">Item 2</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&lt;/</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:maroon">div</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&gt;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> <o:p></o:p></span></p><p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&nbsp;&lt;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:maroon">div</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:blue"> </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:red">role</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:blue">=&quot;option&quot; </span><span style="font-family:
&quot;Calibri&quot;,&quot;sans-serif&quot;;color:red">id</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">=&quot;listbox1-3&quot;&gt;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">Item 3</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&lt;/</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:maroon">div</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&gt;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"><o:p></o:p></span></p><p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">&lt;/</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:maroon">div</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">&gt;&nbsp; <o:p></o:p></span></p><p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"><o:p>&nbsp;</o:p></span></p><p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&lt;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:#CC0000">script</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&gt;<o:p></o:p></span></p><p class="MyExample"><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; background: white; ">&nbsp; </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">&nbsp;...<span style="background: white; "><o:p></o:p></span></span></p><p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">&nbsp;&nbsp; <span style="background: yellow; ">listbox1</span></span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: teal; background: yellow; ">.</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; background: yellow; ">addEventListener</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: teal; background: yellow; ">(</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: #A31515; background: yellow; ">'keyup'</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: teal; background: white; ">,</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; background: white; "> </span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: blue; background: white; ">function</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: teal; background: white; ">(e)</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; background: white; "> </span>
		<span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; background: white; " class="style1">{<o:p></o:p></span></p><p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">&nbsp;&nbsp;&nbsp;&nbsp; </span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: blue; background: white; ">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
"><o:p></o:p></span></p><p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var </span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: windowtext; background: white; ">itm</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:windowtext"> = document.getElementById</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">(</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">this</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">.</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:windowtext">getAttribute</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">(</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: #C00000; background: white; ">'</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:#A31515">aria-activedescendant</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: #C00000; background: white; ">'</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
">));<o:p></o:p></span></p><p class="MyExample"><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: windowtext; background: white; ">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: blue; background: white; ">var </span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: windowtext; background: white; ">prev = itm</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; background: white; ">.</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: windowtext; background: white; ">previousElementSibling;<o:p></o:p></span></p><p class="MyExample"><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: windowtext; background: white; ">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: blue; background: white; ">var </span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: windowtext; background: white; ">next = itm</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; background: white; ">.</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: windowtext; background: white; ">nextElementSibling;</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: teal; background: white; "><o:p></o:p></span></p><p class="MyExample"><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; background: white; "><o:p>&nbsp;</o:p></span></p><p class="MyExample"><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; background: white; "><o:p>&nbsp;</o:p></span></p><p class="MyExample"><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; background: white; ">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">if ( </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:windowtext">e.keyCode &nbsp;38</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
"> &amp;&amp; </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:windowtext">prev </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
">){<o:p></o:p></span></p><p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:darkgreen">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; // Arrow up to move active descendant to the previous item</span><span style="font-family:
&quot;Calibri&quot;,&quot;sans-serif&quot;;"><o:p></o:p></span></p><p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:windowtext">itm</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">.</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:windowtext">removeAttribute</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">(</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:#C00000">'</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:#A31515">class</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">);<o:p></o:p></span></p><p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:windowtext">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; prev.</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">setAttribute(</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:#A31515">&quot;class&quot;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">, </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:#A31515">&quot;selected&quot;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">);<o:p></o:p></span></p><p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">this</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">.</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:windowtext">setAttribute</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> (</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:#C00000">'</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:#A31515">aria-activedescendant</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:#C00000">', </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:windowtext">prev.id</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
">)<o:p></o:p></span></p><p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; } else if ( </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:windowtext">e.keyCode == 40 </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">&amp;&amp; </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:windowtext">next</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
">){<o:p></o:p></span></p><p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:darkgreen">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; // Arrow down to move focus to the next item<o:p></o:p></span></p><p class="MyExample"><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; background: white; ">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: windowtext; background: white; ">itm</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
">.</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:windowtext">removeAttribute</span><span style="font-family:
&quot;Calibri&quot;,&quot;sans-serif&quot;;">(</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: #C00000; background: white; ">'</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:#A31515">class</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
">);<o:p></o:p></span></p><p class="MyExample"><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: windowtext; background: white; ">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; next</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:windowtext">.</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">setAttribute(</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:#A31515">&quot;class&quot;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">, </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:#A31515">&quot;selected&quot;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">);<o:p></o:p></span></p><p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; this</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">.</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: windowtext; background: white; ">setAttribute</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> (</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: #C00000; background: white; ">'</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:#A31515">aria-activedescendant</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: #C00000; background: white; ">'</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:#C00000">, </span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: windowtext; background: white; ">next</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:windowtext">.id</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">)<span style="background: white; "> <o:p></o:p></span></span></p><p class="MyExample"><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: windowtext; background: white; ">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; background: white; ">}<o:p></o:p></span></p><p class="MyExample"><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; background: white; ">&nbsp;&nbsp; });&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <o:p></o:p></span></p><p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"><o:p>&nbsp;</o:p></span></p><p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&lt;/</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:#CC0000">script</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&gt;<o:p></o:p></span></p><p class="MyExample"><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
"><o:p>&nbsp;</o:p></span></p></div><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">
	<br>This error applies to elements that have the aria-activedescendant attribute.</span> <p>&nbsp;<o:p></o:p></p><h3><a name="ARIA_Container_noactdesc_Tabindex" vid=38></a><span style='color:#4F81BD;text-decoration:none;'>Error - ARIA Container (no active descendants) <span >Tabindex</span> <o:p></o:p></span></h3><h4><span
style='color:#4F81BD;text-decoration:none;'>Element is a container without an active descendant defined but it doesnt have the <span
>tabindex</span> attribute set on one of its child elements.<o:p></o:p></span></h4><p class="MsoNormal"><span style="font-size:11.0pt;line-height:115%;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
">Container elements that do not have the 
	<a href="http://www.w3.org/WAI/PF/aria/states_and_properties#aria-activedescendant">aria-activedescendant</a> attribute implement keyboard navigation among child elements by using the concept known as roving index. In this concept, the </span><b><span style="font-size:11.0pt;line-height:115%;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
">tabindex attributes of child elements are maintained dynamically,</span></b><span style="font-size:11.0pt;line-height:115%;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
"> ensuring that at all times only one child element is in tab order. <o:p></o:p></span></p><p class="MsoNormal"><span style="font-size:11.0pt;line-height:115%;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
">This error indicates that a container element that does not have the aria-activedescendant attribute, and is not disabled, is not accessible to keyboard users because none of the container's child elements are in the tab order. <o:p></o:p></span></p><p class="MsoNormal"><span style="font-size:11.0pt;line-height:115%;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
">To fix this error, set the <span style="font-size:11.0pt;line-height:115%"><a href="http://www.w3.org/TR/html5/editing.html#sequential-focus-navigation-and-the-tabindex-attribute"><u><span style="line-height:115%;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:blue">tabindex</span></u></a> </span>attribute of one of the child elements to a value equal to or greater than 0. <o:p></o:p></span></p><div style="border: solid #999999 1.0pt; padding: 6.0pt 10.0pt 6.0pt 10.0pt; background: #FCFCFC; margin-left: .25in; margin-right: 0in"><p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">&lt;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:maroon">div</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:red">id</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">=&quot;listbox&quot; </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:red">role</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
">=&quot;listbox1&quot;&gt; <o:p></o:p></span></p><p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">&nbsp;&nbsp; </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&nbsp;&nbsp;&nbsp; &lt;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:maroon">div</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:blue"> </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:red">role</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:blue">=&quot;option&quot; </span><span style="font-family:
&quot;Calibri&quot;,&quot;sans-serif&quot;;color:red">id</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">=&quot;listbox1-1&quot; </span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: red; background: yellow; ">tabindex</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; background: yellow; ">=&quot;0&quot;</span><span style="font-family:
&quot;Calibri&quot;,&quot;sans-serif&quot;;"> </span><span style="font-family:
&quot;Calibri&quot;,&quot;sans-serif&quot;;color:red">class</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">=&quot;selected&quot;&gt;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">Item 1</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&lt;/</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:maroon">div</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&gt;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> <br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:blue">&nbsp;&lt;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:maroon">div</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:blue"> </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:red">role</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:blue">=&quot;option&quot; </span><span style="font-family:
&quot;Calibri&quot;,&quot;sans-serif&quot;;color:red">id</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">=&quot;listbox1-2&quot;&gt;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">Item 2</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&lt;/</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:maroon">div</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&gt;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> <o:p></o:p></span></p><p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&nbsp;&lt;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:maroon">div</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:blue"> </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:red">role</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:blue">=&quot;option&quot; </span><span style="font-family:
&quot;Calibri&quot;,&quot;sans-serif&quot;;color:red">id</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">=&quot;listbox1-3&quot;&gt;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">Item 3</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&lt;/</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:maroon">div</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&gt;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"><o:p></o:p></span></p><p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">&lt;/</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:maroon">div</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">&gt;&nbsp; <o:p></o:p></span></p><p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"><o:p>&nbsp;</o:p></span></p><p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&lt;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:#CC0000">script</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&gt;<o:p></o:p></span></p><p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">&nbsp;&nbsp; ...<o:p></o:p></span></p><p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">&nbsp;&nbsp; listbox1</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: teal; background: white; ">.</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; background: white; ">addEventListener</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: teal; background: white; ">(</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: #A31515; background: white; ">'keyup'</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: teal; background: white; ">,</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; background: white; "> </span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: blue; background: white; ">function</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: teal; background: white; ">(e)</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; background: white; "> </span>
		<span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; background: white; " class="style1">{<o:p></o:p></span></p><p class="MyExample"><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: blue; background: white; "><o:p>&nbsp;</o:p></span></p><p class="MyExample"><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: blue; background: white; ">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; background: white; "> </span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: windowtext; background: white; ">itm = e.srcElement;<o:p></o:p></span></p><p class="MyExample"><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: windowtext; background: white; ">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var prev = itm</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; background: white; ">.</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: windowtext; background: white; ">previousElementSibling;<o:p></o:p></span></p><p class="MyExample"><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: windowtext; background: white; ">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var next = itm</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; background: white; ">.</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: windowtext; background: white; ">nextElementSibling;</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: teal; background: white; "><o:p></o:p></span></p><p class="MyExample"><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: teal; background: white; "><o:p>&nbsp;</o:p></span></p><p class="MyExample"><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; background: white; ">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; if ( </span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: windowtext; background: white; ">e.keyCode == 38 </span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; background: white; ">&amp;&amp; prev){<o:p></o:p></span></p><p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:darkgreen">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; // Arrow up to move focus to the previous item.</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
"><o:p></o:p></span></p><p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:windowtext">itm.setAttribute</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">(</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:#C00000">'tabindex'</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">, '</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:#C00000">-1'</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">);<o:p></o:p></span></p><p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:windowtext">prev.setAttribute</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">(</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:#C00000">'tabindex'</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">,</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:#C00000">'0'</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">);<o:p></o:p></span></p><p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:windowtext">prev.focus</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">(); <o:p></o:p></span></p><p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:windowtext">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span><span style="font-family:
&quot;Calibri&quot;,&quot;sans-serif&quot;;">} else if ( </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:windowtext">e.keyCode == 40 </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">&amp;&amp; next){<o:p></o:p></span></p><p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:darkgreen">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; // Arrow down to move focus to the next item.</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; background: white; "><o:p></o:p></span></p><p class="MyExample"><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; background: white; ">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: windowtext; background: white; ">itm.setAttribute</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; background: white; ">(</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: #C00000; background: white; ">'tabindex'</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; background: white; ">, '</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: #C00000; background: white; ">-1'</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; background: white; ">);<o:p></o:p></span></p><p class="MyExample"><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; background: white; ">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: windowtext; background: white; ">next.setAttribute</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; background: white; ">(</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: #C00000; background: white; ">'tabindex'</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; background: white; ">,</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: #C00000; background: white; ">'0'</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; background: white; ">);<o:p></o:p></span></p><p class="MyExample"><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; background: white; ">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: windowtext; background: white; ">next.focus</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; background: white; ">(); <o:p></o:p></span></p><p class="MyExample"><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: windowtext; background: white; ">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; background: white; ">}<o:p></o:p></span></p><p class="MyExample"><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; background: white; ">&nbsp;&nbsp; });&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <o:p></o:p></span></p><p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"><o:p>&nbsp;</o:p></span></p><p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&lt;/</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:#CC0000">script</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&gt;<o:p></o:p></span></p><p class="MyExample"><span style="font-size:8.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
"><o:p>&nbsp;</o:p></span></p></div><p class="MsoNormal"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"><o:p>&nbsp;</o:p></span></p><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">This error applies to elements that have a container role, do not have an aria-activedescendant attribute, and are not disabled.</span><p>
	&nbsp;</p><h3><a name="ARIA_Container_noactdesc_KeyEvents" vid=39></a><span style='color:#4F81BD;text-decoration:none;'>Error - ARIA Container (without active descendant) Keyboard Events<o:p></o:p></span></h3><h4><span
style='color:#4F81BD;text-decoration:none;'>Element is a container without an active descendant defined but it doesnt have keyboard event handlers neither on itself nor on one of child elements.<o:p></o:p></span></h4><p class="MsoNormal"><span style="font-size:11.0pt;line-height:115%;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
">Container elements that do not have the 
	<a href="http://www.w3.org/WAI/PF/aria/states_and_properties#aria-activedescendant">aria-activedescendant</a> attribute implement keyboard navigation among child elements by using the concept known as roving index. In this concept, the </span><b><span style="font-size:11.0pt;line-height:115%;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
">tabindex attributes of child elements are maintained dynamically,</span></b><span style="font-size:11.0pt;line-height:115%;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
"> ensuring that at all times only one child element is in tab order. <o:p></o:p></span></p><p class="MsoNormal"><span style="font-size:11.0pt;line-height:115%;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
">This error indicates that a container element that does not have the aria-activedescendant attribute, and that is not disabled, is not accessible to keyboard users. The problem exists because the container does not have the needed keyboard event handlers (keydown, keyup, or keypress), and neither do any of the container's child elements.<o:p></o:p></span></p><p class="MsoNormal"><span style="font-size:11.0pt;line-height:115%;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
">To fix this error, define a keydown, keyup, or keypress event handler for the container or one of child elements. <o:p></o:p></span></p><div style="border: solid #999999 1.0pt; padding: 6.0pt 10.0pt 6.0pt 10.0pt; background: #FCFCFC; margin-left: .25in; margin-right: 0in"><p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">&nbsp;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&lt;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:maroon">div</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue"> </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:red">role</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">=&quot;listbox&quot; </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:red">id</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">=&quot;listbox1&quot;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
"> </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:blue">&gt;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
"> <br>&nbsp;&nbsp; </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&nbsp;&nbsp;&nbsp; &lt;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:maroon">div</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:blue"> </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:red">role</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:blue">=&quot;option&quot; </span><span style="font-family:
&quot;Calibri&quot;,&quot;sans-serif&quot;;color:red">id</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">=&quot;listbox1-1&quot; </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:red;">tabindex</span><span style="font-family:
&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue;">=&quot;0&quot;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:blue"> </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:red">class</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:blue">=&quot;selected&quot;&gt;</span><span style="font-family:
&quot;Calibri&quot;,&quot;sans-serif&quot;;">Item 1</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&lt;/</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:maroon">div</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&gt;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> <br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:blue">&nbsp;&lt;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:maroon">div</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:blue"> </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:red">role</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:blue">=&quot;option&quot; </span><span style="font-family:
&quot;Calibri&quot;,&quot;sans-serif&quot;;color:red">id</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">=&quot;listbox1-2&quot;&gt;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">Item 2</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&lt;/</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:maroon">div</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&gt;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> <o:p></o:p></span></p><p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&nbsp;&lt;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:maroon">div</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:blue"> </span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:red">role</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:blue">=&quot;option&quot; </span><span style="font-family:
&quot;Calibri&quot;,&quot;sans-serif&quot;;color:red">id</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">=&quot;listbox1-3&quot;&gt;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">Item 3</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&lt;/</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:maroon">div</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&gt;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> <br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; ... <br></span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&lt;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:maroon">div</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:blue">&gt;<o:p></o:p></span></p><p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue"><o:p>&nbsp;</o:p></span></p><p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&lt;</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:#CC0000">script</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&gt;<o:p></o:p></span></p><p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">&nbsp;&nbsp; ...<o:p></o:p></span></p><p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">&nbsp;&nbsp; <span style="background: yellow; ">listbox1</span></span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: teal; background: yellow; ">.</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; background: yellow; ">addEventListener</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: teal; background: yellow; ">(</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: #A31515; background: yellow; ">'keyup'</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: teal; background: white; ">,</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; background: white; "> </span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: blue; background: white; ">function</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: teal; background: white; ">(e)</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; background: white; "> </span>
		<span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; background: white; " class="style1">{<o:p></o:p></span></p><p class="MyExample"><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: blue; background: white; "><o:p>&nbsp;</o:p></span></p><p class="MyExample"><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: blue; background: white; ">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; background: white; "> </span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: windowtext; background: white; ">itm = e.srcElement;<o:p></o:p></span></p><p class="MyExample"><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: windowtext; background: white; ">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var prev = itm</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; background: white; ">.</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: windowtext; background: white; ">previousElementSibling;<o:p></o:p></span></p><p class="MyExample"><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: windowtext; background: white; ">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var next = itm</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; background: white; ">.</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: windowtext; background: white; ">nextElementSibling;</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: teal; background: white; "><o:p></o:p></span></p><p class="MyExample"><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: teal; background: white; "><o:p>&nbsp;</o:p></span></p><p class="MyExample"><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; background: white; ">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; if ( </span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: windowtext; background: white; ">e.keyCode == 3</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:windowtext">8</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"> <span style="background: white; ">&amp;&amp; prev){<o:p></o:p></span></span></p><p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:darkgreen">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; // On arrow up move focus to the previous item</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; background: white; "><o:p></o:p></span></p><p class="MyExample"><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; background: white; ">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: windowtext; background: white; ">itm.setAttribute</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; background: white; ">(</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: #C00000; background: white; ">'tabindex'</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; background: white; ">, '</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: #C00000; background: white; ">-1'</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; background: white; ">);<o:p></o:p></span></p><p class="MyExample"><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; background: white; ">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: windowtext; background: white; ">prev.setAttribute</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; background: white; ">(</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: #C00000; background: white; ">'tabindex'</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; background: white; ">,</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: #C00000; background: white; ">'0'</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; background: white; ">);<o:p></o:p></span></p><p class="MyExample"><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; background: white; ">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: windowtext; background: white; ">prev.focus</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; background: white; ">(); <o:p></o:p></span></p><p class="MyExample"><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: windowtext; background: white; ">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; background: white; ">} else if ( </span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: windowtext; background: white; ">e.keyCode == 4</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:windowtext">0 </span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; background: white; ">&amp;&amp; next){<o:p></o:p></span></p><p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:darkgreen">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; // On arrow down move focus to the next item</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; background: white; "><o:p></o:p></span></p><p class="MyExample"><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; background: white; ">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: windowtext; background: white; ">itm.setAttribute</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; background: white; ">(</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: #C00000; background: white; ">'tabindex'</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; background: white; ">, '</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: #C00000; background: white; ">-1'</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; background: white; ">);<o:p></o:p></span></p><p class="MyExample"><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; background: white; ">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: windowtext; background: white; ">next.setAttribute</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; background: white; ">(</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: #C00000; background: white; ">'tabindex'</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; background: white; ">,</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: #C00000; background: white; ">'0'</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; background: white; ">);<o:p></o:p></span></p><p class="MyExample"><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; background: white; ">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: windowtext; background: white; ">next.focus</span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; background: white; ">(); <o:p></o:p></span></p><p class="MyExample"><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; color: windowtext; background: white; ">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; background: white; ">}<o:p></o:p></span></p><p class="MyExample"><span style="font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;; background: white; ">&nbsp;&nbsp; });&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <o:p></o:p></span></p><p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;"><o:p>&nbsp;</o:p></span></p><p class="MyExample"><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&lt;/</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:#CC0000">script</span><span style="font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:blue">&gt;</span><span style="font-size:10.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:blue"><o:p></o:p></span></p></div><p class="MsoNormal">&nbsp;</p>
	<p class="MsoNormal">
	<span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;">This error applies to elements that have a container role, do not have an aria-activedescendant attribute, and are not disabled.</span><a
href="http://www.w3.org/TR/wai-aria-practices/#kbd_general_within"><span
style='color:windowtext;text-decoration:none;'>&nbsp;</span></a></p>
	<p>&nbsp;</p></div></body></html>