From 5268ca94b9527e45f0d1c1cd47c1aa1c791d7527 Mon Sep 17 00:00:00 2001
From: Sean Lip <sll@google.com>
Date: Tue, 2 Aug 2016 18:06:55 -0700
Subject: [PATCH] Use more descriptive ARIA labels for toolbox categories.

---
 accessible/toolbox.component.js | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/accessible/toolbox.component.js b/accessible/toolbox.component.js
index 5e2418417..0cefbb12c 100644
--- a/accessible/toolbox.component.js
+++ b/accessible/toolbox.component.js
@@ -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;