CodingPirates/blockly
1
0
Fork 0
mirror of https://github.com/google/blockly.git synced 2026-01-21 07:47:09 +01:00
Code Issues Packages Projects Releases Wiki Activity

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
parent a263e29abd
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;