This is not a tablist nor are these tab buttons. See http://www.w3.org/TR/wai-aria/roles#tablist for the roles related to tabs.

<div style="display: block; opacity: 1;" unselectable="on" class="drupal-aloha aloha-surface aloha-toolbar-tabs">
<ul unselectable="on" class="tab-handles aloha-drupal-ui-tab-handle-container">
<li class="aloha-drupal-ui-tab-handle aloha-drupal-ui-state-hidden">
<a aria-controls="aloha-drupal-ui-tab-panel-1" href="#aloha-drupal-ui-tab-panel-1">Captioned Image</a>
</li>
<li class="aloha-drupal-ui-tab-handle aloha-drupal-ui-state-default aloha-drupal-ui-state-active">
<a aria-controls="aloha-drupal-ui-tab-panel-2" href="#aloha-drupal-ui-tab-panel-2">Format</a>
</li>
<li class="aloha-drupal-ui-tab-handle aloha-drupal-ui-state-default">
<a aria-controls="aloha-drupal-ui-tab-panel-3" href="#aloha-drupal-ui-tab-panel-3">Insert</a>
</li>

Comments

wim leers’s picture

Project: Spark » Edit
Component: User interface » Accessibility
Issue tags: +sprint

Tagging for DrupalCon Munich code sprint.

mgifford’s picture

Issue tags: +aria

Great you had time to do this review. Fits in nicely with your DrupalCon presentation:

http://blip.tv/drupalcon/accessibility-of-custom-user-interface-componen...

wim leers’s picture

Project: Edit » Aloha Editor (obsolete)
Version: 7.x-1.x-dev » 8.x-2.x-dev