[ticket/12648] Added ARIA functionality

PHPBB3-12648
This commit is contained in:
PayBas 2014-06-08 12:58:07 +02:00
parent b83b72b271
commit 1cf6a0e124
4 changed files with 13 additions and 13 deletions

View file

@ -22,7 +22,7 @@
<div style="width: 100%;"> <div style="width: 100%;">
<div id="cp-menu"> <div id="cp-menu">
<div id="navigation"> <div id="navigation" role="navigation">
<ul> <ul>
<!-- BEGIN l_block1 --> <!-- BEGIN l_block1 -->
<!-- IF l_block1.S_SELECTED --> <!-- IF l_block1.S_SELECTED -->

View file

@ -11,16 +11,16 @@
<!-- DEFINE $SHOW_PANEL = 'display-panel' --> <!-- DEFINE $SHOW_PANEL = 'display-panel' -->
<!-- ENDIF --> <!-- ENDIF -->
<div id="minitabs" class="sub-panels" data-show-panel="{$SHOW_PANEL}"> <div id="minitabs" class="sub-panels" data-show-panel="{$SHOW_PANEL}" role="tablist">
<ul> <ul>
<li id="display-panel-tab" class="tab<!-- IF not S_MERGE_VIEW --> activetab<!-- ENDIF -->"> <li id="display-panel-tab" class="tab<!-- IF not S_MERGE_VIEW --> activetab<!-- ENDIF -->">
<a href="#minitabs" data-subpanel="display-panel">{L_DISPLAY_OPTIONS}</a> <a href="#minitabs" data-subpanel="display-panel" role="tab" aria-controls="display-panel">{L_DISPLAY_OPTIONS}</a>
</li> </li>
<li id="split-panel-tab" class="tab"> <li id="split-panel-tab" class="tab">
<a href="#minitabs" data-subpanel="split-panel">{L_SPLIT_TOPIC}</a> <a href="#minitabs" data-subpanel="split-panel" role="tab" aria-controls="split-panel">{L_SPLIT_TOPIC}</a>
</li> </li>
<li id="merge-panel-tab" class="tab<!-- IF S_MERGE_VIEW --> activetab<!-- ENDIF -->"> <li id="merge-panel-tab" class="tab<!-- IF S_MERGE_VIEW --> activetab<!-- ENDIF -->">
<a href="#minitabs" data-subpanel="merge-panel">{L_MERGE_POSTS}</a> <a href="#minitabs" data-subpanel="merge-panel" role="tab" aria-controls="merge-panel">{L_MERGE_POSTS}</a>
</li> </li>
</ul> </ul>
</div> </div>
@ -31,7 +31,7 @@
<div class="panel"> <div class="panel">
<div class="inner"> <div class="inner">
<fieldset id="display-panel" class="fields2"> <fieldset id="display-panel" class="fields2" role="tabpanel">
<dl> <dl>
<dt><label for="posts_per_page">{L_POSTS_PER_PAGE}{L_COLON}</label><br /><span>{L_POSTS_PER_PAGE_EXPLAIN}</span></dt> <dt><label for="posts_per_page">{L_POSTS_PER_PAGE}{L_COLON}</label><br /><span>{L_POSTS_PER_PAGE_EXPLAIN}</span></dt>
<dd><input class="inputbox autowidth" type="number" min="1" name="posts_per_page" id="posts_per_page" size="6" value="{POSTS_PER_PAGE}" /></dd> <dd><input class="inputbox autowidth" type="number" min="1" name="posts_per_page" id="posts_per_page" size="6" value="{POSTS_PER_PAGE}" /></dd>
@ -43,7 +43,7 @@
</fieldset> </fieldset>
<!-- IF S_CAN_SPLIT --> <!-- IF S_CAN_SPLIT -->
<fieldset id="split-panel" class="fields2"> <fieldset id="split-panel" class="fields2" role="tabpanel">
<p>{L_SPLIT_TOPIC_EXPLAIN}</p> <p>{L_SPLIT_TOPIC_EXPLAIN}</p>
<!-- IF S_SHOW_TOPIC_ICONS --> <!-- IF S_SHOW_TOPIC_ICONS -->
@ -66,7 +66,7 @@
<!-- ENDIF --> <!-- ENDIF -->
<!-- IF S_CAN_MERGE --> <!-- IF S_CAN_MERGE -->
<fieldset id="merge-panel" class="fields2"> <fieldset id="merge-panel" class="fields2" role="tabpanel">
<p>{L_MERGE_TOPIC_EXPLAIN}</p> <p>{L_MERGE_TOPIC_EXPLAIN}</p>
<dl> <dl>
<dt><label for="to_topic_id">{L_MERGE_TOPIC_ID}{L_COLON}</label></dt> <dt><label for="to_topic_id">{L_MERGE_TOPIC_ID}{L_COLON}</label></dt>

View file

@ -99,17 +99,17 @@
<!-- ENDIF --> <!-- ENDIF -->
<!-- IF not S_PRIVMSGS and not S_SHOW_DRAFTS and not $SIG_EDIT eq 1 --> <!-- IF not S_PRIVMSGS and not S_SHOW_DRAFTS and not $SIG_EDIT eq 1 -->
<div id="tabs" class="sub-panels" data-show-panel="<!-- IF SHOW_PANEL -->{SHOW_PANEL}<!-- ELSE -->options-panel<!-- ENDIF -->"> <div id="tabs" class="sub-panels" data-show-panel="<!-- IF SHOW_PANEL -->{SHOW_PANEL}<!-- ELSE -->options-panel<!-- ENDIF -->" role="tablist">
<ul> <ul>
<li id="options-panel-tab" class="tab activetab"><a href="#tabs" data-subpanel="options-panel"><span>{L_OPTIONS}</span></a></li> <li id="options-panel-tab" class="tab activetab"><a href="#tabs" data-subpanel="options-panel" role="tab" aria-controls="options-panel"><span>{L_OPTIONS}</span></a></li>
<!-- IF S_SHOW_ATTACH_BOX --> <!-- IF S_SHOW_ATTACH_BOX -->
<li id="attach-panel-tab" class="tab"> <li id="attach-panel-tab" class="tab">
<a href="#tabs" data-subpanel="attach-panel"> <a href="#tabs" data-subpanel="attach-panel" role="tab" aria-controls="attach-panel">
{L_ATTACHMENTS} <strong id="file-total-progress"><strong id="file-total-progress-bar"></strong></strong> {L_ATTACHMENTS} <strong id="file-total-progress"><strong id="file-total-progress-bar"></strong></strong>
</a> </a>
</li> </li>
<!-- ENDIF --> <!-- ENDIF -->
<!-- IF S_SHOW_POLL_BOX || S_POLL_DELETE --><li id="poll-panel-tab"><a href="#tabs" data-subpanel="poll-panel"><span>{L_ADD_POLL}</span></a></li><!-- ENDIF --> <!-- IF S_SHOW_POLL_BOX || S_POLL_DELETE --><li id="poll-panel-tab"><a href="#tabs" data-subpanel="poll-panel" role="tab" aria-controls="poll-panel"><span>{L_ADD_POLL}</span></a></li><!-- ENDIF -->
</ul> </ul>
</div> </div>
<!-- ENDIF --> <!-- ENDIF -->

View file

@ -20,7 +20,7 @@
<div style="width: 100%;"> <div style="width: 100%;">
<div id="cp-menu"> <div id="cp-menu">
<div id="navigation"> <div id="navigation" role="navigation">
<!-- IF S_PRIVMSGS --> <!-- IF S_PRIVMSGS -->
<!-- BEGIN t_block2 --> <!-- BEGIN t_block2 -->