Difference between revisions of "ARIA Accordion TalkBack SamC"

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