Difference between revisions of "ARIA Accordion TalkBack SamC"
Jump to navigation
Jump to search
Accordion
Line 132: | Line 132: | ||
</head> | </head> | ||
<body> | <body> | ||
− | < | + | <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