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

Add an additional aria labelledby attribute to the toolbox blocks.

Browse Source
This commit is contained in:
Sean Lip
2016-07-28 18:44:08 -07:00
parent 3c395ac161
commit 03900e1400
1 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
accessible/toolbox-tree.component.js
View File

@@ -77,8 +77,9 @@ blocklyApp.ToolboxTreeComponent = ng.core
</blockly-toolbox-tree>
<li [id]="idMap['inputList' + i]" role="treeitem"
*ngIf="inputBlock.connection && !inputBlock.connection.targetBlock()"
[attr.aria-level]="level + 1">
<label>
[attr.aria-level]="level + 1"
[attr.aria-labelledBy]="generateAriaLabelledByAttr(idMap['inputListLabel' + i])">
<label [id]="idMap['inputListLabel' + i]">
{{utilsService.getInputTypeLabel(inputBlock.connection)}} {{utilsService.getBlockTypeLabel(inputBlock)}} needed:
</label>
</li>
@@ -119,7 +120,8 @@ blocklyApp.ToolboxTreeComponent = ng.core
}
for (var i = 0; i < this.block.inputList.length; i++){
elementsNeedingIds.push(
'listItem' + i, 'inputList' + i, 'fieldLabel' + i);
'listItem' + i, 'inputList' + i, 'fieldLabel' + i,
'inputListLabel' + i);
}
this.idMap = this.utilsService.generateIds(elementsNeedingIds);
if (this.isTopLevel) {