Difference between revisions of "ARIA Controls Property"

From Level Access Web Labs
Jump to navigation Jump to search
Line 11: Line 11:
 
   <div style="float:left; width:40%;">  <!-- left pane -->
 
   <div style="float:left; width:40%;">  <!-- left pane -->
 
     <div>Choose an option below </div>
 
     <div>Choose an option below </div>
     <div><input type="radio" id="r1" name="rr"/ onchage="updateContent(1);" aria-control="outline"/> <label for="r1">Course A</label></div>
+
     <div><input type="radio" id="r1" name="rr"/ onchange="updateContent(1);" aria-control="outline"/> <label for="r1">Course A</label></div>
     <div><input type="radio" id="r2" name="rr" onchage="updateContent(2);" aria-controls="outline"/> <label for="r2">Course B</label></div>
+
     <div><input type="radio" id="r2" name="rr" onchange="updateContent(2);" aria-controls="outline"/> <label for="r2">Course B</label></div>
 
     <div><input type="radio" id="r3" name="rr" onchange="updateContent(3);" aria-control="outline"/> <label for="r3">Course C</label></div>
 
     <div><input type="radio" id="r3" name="rr" onchange="updateContent(3);" aria-control="outline"/> <label for="r3">Course C</label></div>
 
   </div>
 
   </div>
 +
 
   <div id="outline" style="float:left;"> <!-- right pane -->
 
   <div id="outline" style="float:left;"> <!-- right pane -->
 
     <div> Course Outline </div>
 
     <div> Course Outline </div>

Revision as of 16:00, 9 April 2014

Choose an option below
Course Outline
  • outline here for course
  • ....