<html><head></head><body style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; ">Good evening,<div><br></div><div>I am rather new to this list and am curious if anytime recently there has been discussion about adding tabstrip and tab elements to the html5 spec?  The concept of a tabstrip is a rather commonly used UI component on the web (web-applications, content management systems, facetted searches) and it would be particularly useful for accessibility if we could communicate the semantics of the tabstrip through markup.</div><div><br></div><div>My definition for a tabstrip is a collection of items (tabs) of which one is "active" or "selected", each tab usually will perform an action when activated.</div><div><br></div><div>Possible markup for tabs with no function (informational only).</div><div><br></div><div><tabstrip></div><div>  <tab>Apple</tab></div><div>  <tab selected>Orange</tab></div><div>  <tab>Peach</tab></div><div></tabstrip></div><div><br></div><div>For active elements like links anchor or buttons could be used within each tab.</div><div><br></div><div>Thanks,</div><div><div><div>
<span class="Apple-style-span" style="border-collapse: separate; color: rgb(0, 0, 0); font-family: Helvetica; font-size: medium; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-align: auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; "><span class="Apple-style-span" style="border-collapse: separate; color: rgb(0, 0, 0); font-family: Helvetica; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; "><div style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; "><span class="Apple-style-span" style="border-collapse: separate; color: rgb(0, 0, 0); font-family: Helvetica; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; "><div style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; "><div><span class="Apple-style-span" style="font-size: medium; "><span class="Apple-style-span" style="font-size: 12px; "><div>Everett Zufelt<br></div><div><a href="http://zufelt.ca">http://zufelt.ca</a></div><div><br></div><div>Follow me on Twitter<br><a href="http://twitter.com/ezufelt">http://twitter.com/ezufelt</a><br><br>View my LinkedIn Profile<br><a href="http://www.linkedin.com/in/ezufelt">http://www.linkedin.com/in/ezufelt</a></div><div><br></div></span></span></div></div></span></div></span></span><br class="Apple-interchange-newline">
</div>

<br></div></div></body></html>