Difference between revisions of "ARIA Accordion TalkBack SamC"

From Level Access Web Labs
Jump to navigation Jump to search
Line 132: Line 132:
 
   </head>
 
   </head>
 
<body>
 
<body>
     <div id="container">
+
  <div>
       <div>
+
     <ul>
 +
       <li>
 
         <a class="accbutton" role="button" id="b1" onkeydown="change(event);" aria-expanded="false" aria-controls="r1" onclick="toggle(this);"><h2>Web Accessibility</h2></a>
 
         <a class="accbutton" role="button" id="b1" onkeydown="change(event);" aria-expanded="false" aria-controls="r1" onclick="toggle(this);"><h2>Web Accessibility</h2></a>
 
         <div class="panel" role="region" id="r1">
 
         <div class="panel" role="region" id="r1">
Line 140: Line 141:
 
           <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/>
 
         </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>

Revision as of 23:34, 10 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