Difference between revisions of "ARIA Tabs- Javascript"

From Level Access Web Labs
Jump to navigation Jump to search
Line 41: Line 41:
 
<div role="panel" id="tabpanel2" class="panel container-hidden" aria-labelledby="tab2" tabindex="-1">
 
<div role="panel" id="tabpanel2" class="panel container-hidden" aria-labelledby="tab2" tabindex="-1">
 
<h2>Our Services and What we Do</h2>
 
<h2>Our Services and What we Do</h2>
<p>This is information regarding the Services tab</p>
+
<p>This is information regarding the Services tab</p> Visit the <a href="http://www.ssbbartgroup.com">SSB BART Group website</a> to learn more.  You can also send us an email. 
<a href="http://www.ssbbartgroup.com">SSB BART Group</a>
+
<input type="button" value="Contact Us" onclick="alert('Make it happen');"/>
<input type="button" value="Contact Us" onclick="alert('Make it happen');">Contact Us</input>
 
 
</div>
 
</div>
 
<div role="panel" id="tabpanel3" class="panel container-hidden" aria-labelledby="tab3" tabindex="-1">
 
<div role="panel" id="tabpanel3" class="panel container-hidden" aria-labelledby="tab3" tabindex="-1">

Revision as of 13:01, 12 February 2016

Tab List and Tab Panels

ARIA Tabs and Tab Panels

Home Information

This is information regarding the home tab

Our Services and What we Do

This is information regarding the Services tab

Visit the SSB BART Group website to learn more. You can also send us an email.

General Information About Accessibility

This is information regarding the General tab

Who We Are

This is information regarding the About Us

Ways to Contact Us

This is information about the Contact us tab