Commit 19511100 authored by Jono Mingard's avatar Jono Mingard
Browse files

Rearranged Inbox table headers for screen reader users (Bug #1259411)



Moved "Select all" buttons to the table footer and moved "Mark as read" and
"Delete" buttons into a separate div. This allows screen readers to read out
the "Read" and "Delete" column headers properly.

Change-Id: Ia2553b3dc55c79349b92ccafa589abfb3a64fb2f
Signed-off-by: default avatarJono Mingard <jonom@catalyst.net.nz>
parent 5f81eb3d
......@@ -3630,10 +3630,10 @@ form#requestfriendship {
text-align: right;
padding: 0;
}
#activitylist td.right input.submit {
.activity-buttons input.submit {
font-weight: bold;
}
#activitylist td.right input.btn-del {
.activity-buttons input.btn-del {
font-weight: normal;
}
.inbox-showmessage {
......
......@@ -19,23 +19,29 @@
<th><span class="accessible-hidden">{str section='activity' tag='messagetype'}</span></th>
<th>{str section='activity' tag='subject'}</th>
<th>{str section='activity' tag='date'}</th>
<th class="center">{str section='activity' tag='read'}<br><a href="" onclick="toggleChecked('tocheckread'); return false;">{str section='activity' tag='selectall'}</a></th>
<th class="center">{str tag='delete'}<br><a href="" onclick="toggleChecked('tocheckdel'); return false;">{str section='activity' tag='selectall'}</a></th>
<th class="center">{str section='activity' tag='read'}</th>
<th class="center">{str tag='delete'}</th>
</tr>
</thead>
<tfoot>
<tr>
<td colspan="2"></td>
<td colspan="3" class="right">
<input class="submit" type="submit" value="{str tag='markasread' section='activity'}" />
<input class="submit btn-del" type="button" value="{str tag='delete'}" onClick="markread(document.notificationlist, 'del'); return false;" />
</td>
<td colspan="3"></td>
<td class="center">
<a href="" onclick="toggleChecked('tocheckread'); return false;">{str section='activity' tag='selectall'}</a>
</td>
<td class="center">
<a href="" onclick="toggleChecked('tocheckdel'); return false;">{str section='activity' tag='selectall'}</a>
</td>
</tr>
</tfoot>
<tbody>
{$activitylist.tablerows|safe}
</tbody>
</table>
<div class="right activity-buttons">
<input class="submit" type="submit" value="{str tag='markasread' section='activity'}" />
<input class="submit btn-del" type="button" value="{str tag='delete'}" onClick="markread(document.notificationlist, 'del'); return false;" />
</div>
{$activitylist.pagination|safe}
</form>
</div>
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment