scratchfoundation/scratch-blocks
1
0
Fork 0
mirror of https://github.com/scratchfoundation/scratch-blocks.git synced 2025-08-28 22:10:31 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Use more descriptive ARIA labels for toolbox categories.

Browse source
This commit is contained in:
Sean Lip 2016-08-02 18:06:55 -07:00
commit 5268ca94b9
1 changed files with 4 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

5
accessible/toolbox.component.js
View file

@ -40,7 +40,7 @@ blocklyApp.ToolboxComponent = ng.core
[ngClass]="{blocklyHasChildren: true, blocklyActiveDescendant: tree.getAttribute('aria-activedescendant') == idMap['Parent' + i]}"
*ngFor="#category of toolboxCategories; #i=index"
aria-level="1"
[attr.aria-label]="category.attributes.name.value">
[attr.aria-label]="getCategoryAriaLabel(category.attributes.name.value)">
<div *ngIf="category && category.attributes">
<label [id]="idMap['Label' + i]" #name>
{{category.attributes.name.value}}
@ -119,6 +119,9 @@ blocklyApp.ToolboxComponent = ng.core
getActiveDescId: function() {
return this.treeService.getActiveDescId('blockly-toolbox-tree');
},
getCategoryAriaLabel: function(categoryName) {
return 'toolbox category ' + categoryName;
},
getToolboxWorkspace: function(categoryNode) {
if (categoryNode.attributes && categoryNode.attributes.name) {
var categoryName = categoryNode.attributes.name.value;