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

Improve accessibility of expand/contract button in block editor

(Bug #1482469) Added aria-hidden to recommend to screen readers
that they should hide the link, and accessible text in case they
don't.

behatnotneeded

Change-Id: I22dacc30dc83d11149c34902ad3eaac6cc2c20ed
parent a51c604c
......@@ -229,6 +229,7 @@ $string['groupviewurltaken'] = 'A page with this URL already exists.';
$string['editblockspagedescription'] = '<p>Drag and drop content blocks from the tabs below to create your page.</p>';
$string['displayview'] = 'Display page';
$string['editthisview'] = 'Edit this page';
$string['expandcontract'] = 'Expand/Contract list of block types';
$string['success.addblocktype'] = 'Added block successfully';
$string['err.addblocktype'] = 'Could not add the block to your page';
......
......@@ -2,7 +2,7 @@
<div id="block-category-{$category.name}" class="block-category-title hide-title-collapsed btn btn-primary text-left" title="{$category.description}">
<span class="icon icon-sm icon-chevron-down indicator prs ptm"></span>
<span class="icon icon-{$category.name} block-icon"></span>
<span class="title pls">{$category.title}</span>
</div>
{if $selectedcategory == $category.name}
......@@ -19,7 +19,8 @@
{/if}
{/foreach}
<div class="btn btn-primary text-right last collapse-expand" title="{$category.description}" data-trigger="col-collapse">
<div class="btn btn-primary text-right last collapse-expand" aria-hidden="true" data-trigger="col-collapse">
<span class="icon icon-angle-double-left"></span>
<span class="icon icon-angle-double-right"></span>
<span class="sr-only">{str tag=expandcontract section=view}</span>
</div>
Markdown is supported
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