set aria label for table (#8443)

extensions/resource-deployment/src/ui/resourceTypePickerDialog.ts

@@ -92,7 +92,8 @@ export class ResourceTypePickerDialog extends DialogBase {
 			this._toolsTable = view.modelBuilder.table().withProperties<azdata.TableComponentProperties>({
 				data: [],
 				columns: [toolColumn, descriptionColumn, installStatusColumn, versionColumn, minVersionColumn],
-				width: tableWidth
+				width: tableWidth,
+				ariaLabel: localize('deploymentDialog.RequiredToolsTitle', "Required tools")
 			}).component();
 
 			const toolsTableWrapper = view.modelBuilder.divContainer().withLayout({ width: tableWidth }).component();

src/sql/base/browser/ui/table/table.ts

@@ -364,4 +364,8 @@ export class Table<T extends Slick.SlickData> extends Widget implements IDisposa
 	public set ariaRole(value: string) {
 		this._tableContainer.setAttribute('role', value);
 	}
+
+	public set ariaLabel(value: string) {
+		this._tableContainer.setAttribute('aria-label', value);
+	}
 }

src/sql/workbench/browser/modelComponents/table.component.ts

@@ -252,6 +252,10 @@ export default class TableComponent extends ComponentBase implements IComponent,
 			this._table.ariaRole = this.ariaRole;
 		}
 
+		if (this.ariaLabel) {
+			this._table.ariaLabel = this.ariaLabel;
+		}
+
 		if (this.updateCells !== undefined) {
 			this.updateTableCells(this.updateCells);
 		}