Difference between revisions of "ARIA Accordion TalkBack SamC"

From Level Access Web Labs
Jump to navigation Jump to search
 
(6 intermediate revisions by the same user not shown)
Line 132: Line 132:
 
   </head>
 
   </head>
 
<body>
 
<body>
     <div id="container">
+
  <div>
       <div>
+
     <ul>
         <a class="accbutton" role="button" id="b1" onkeydown="change(event);" aria-expanded="false" aria-controls="r1" onclick="toggle(this);"><h2>Web Accessibility</h2></a>
+
       <li>
         <div class="panel" role="region" id="r1">
+
         <a role="button" id="b1" onkeydown="change(event);" aria-expanded="true" aria-controls="r1" onclick="toggle(this);"><i>a</i><h2>Web Accessibility</h2></a>
 +
         <div role="region" id="r1" aria-labelledby="b1">
 +
          <ul><li>
 
           <a href="https://amp.ssbbartgroup.com/public/standards/view_violations.php?media_type_id=9">Structure</a><br/>
 
           <a href="https://amp.ssbbartgroup.com/public/standards/view_violations.php?media_type_id=9">Structure</a><br/>
 
           <a href="https://amp.ssbbartgroup.com/public/standards/view_violations.php?media_type_id=4">Forms</a><br/>
 
           <a href="https://amp.ssbbartgroup.com/public/standards/view_violations.php?media_type_id=4">Forms</a><br/>
 
           <a href="https://amp.ssbbartgroup.com/public/standards/view_violations.php?media_type_id=10">Color and Contrast</a><br/>
 
           <a href="https://amp.ssbbartgroup.com/public/standards/view_violations.php?media_type_id=10">Color and Contrast</a><br/>
 +
          </ul></li>
 
         </div>
 
         </div>
       </div>
+
       </li>
 +
    </ul>
 +
  </div>
 +
    <div id="container">
 
       <div>
 
       <div>
 
         <button class="accbutton" id="b2" onkeydown="change(event);" aria-expanded="false" aria-controls="r2" onclick="toggle(this);">Mobile Accessibility</button>
 
         <button class="accbutton" id="b2" onkeydown="change(event);" aria-expanded="false" aria-controls="r2" onclick="toggle(this);">Mobile Accessibility</button>

Latest revision as of 00:01, 11 February 2017

This page is derived from the ARIA Accordion page (https://labs.ssbbartgroup.com/index.php/ARIA_Accordion). It is modified for Android TalkBack testing on Android OS 7.1.1.
Reference: WAI Description, Keyboard Interaction , States and Properties of Accordion: http://www.w3.org/TR/wai-aria-practices-1.1/#accordion
Accordion