Fix accessibility issue in azdataQueryPlan.js

microsoft · Feb 27, 2024 · 20c7d22 · 20c7d22
1 parent 592f147
commit 20c7d22
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 1 deletion.
diff --git a/dist/build.js b/dist/build.js
@@ -93311,6 +93311,7 @@ azdataQueryPlan.prototype.init = function (queryPlanConfiguration) {
                             edgeElement.tabIndex = -1;
                         } else {
                             cell.cellDivs.body.tabIndex = -1;
+                            cell.cellDivs.body.ariaSelected = false;
                             if(cell.cellDivs.expandCollapse) {
                                 cell.cellDivs.expandCollapse.tabIndex = -1;
                             }
@@ -93328,6 +93329,7 @@ azdataQueryPlan.prototype.init = function (queryPlanConfiguration) {
                             edgeElement.focus();
                         } else {
                             cell.cellDivs.body.tabIndex = 0;
+                            cell.cellDivs.body.ariaSelected = true;
                             if(cell.cellDivs.expandCollapse) {
                                 cell.cellDivs.expandCollapse.tabIndex = 0;
                             }
@@ -93526,6 +93528,7 @@ azdataQueryPlan.prototype.init = function (queryPlanConfiguration) {
                 this.firstLoad = false;
                 if(cellDivs.body){
                     cellDivs.body.tabIndex = 0;
+                    cellDivs.body.ariaSelected = true;
                 }
                 if(cellDivs.expandCollapse){
                     cellDivs.expandCollapse.tabIndex = 0;

diff --git a/dist/js/azdata/azdataQueryPlan.js b/dist/js/azdata/azdataQueryPlan.js
@@ -367,6 +367,7 @@ azdataQueryPlan.prototype.init = function (queryPlanConfiguration) {
                             edgeElement.tabIndex = -1;
                         } else {
                             cell.cellDivs.body.tabIndex = -1;
+                            cell.cellDivs.body.ariaSelected = false;
                             if(cell.cellDivs.expandCollapse) {
                                 cell.cellDivs.expandCollapse.tabIndex = -1;
                             }
@@ -384,6 +385,7 @@ azdataQueryPlan.prototype.init = function (queryPlanConfiguration) {
                             edgeElement.focus();
                         } else {
                             cell.cellDivs.body.tabIndex = 0;
+                            cell.cellDivs.body.ariaSelected = true;
                             if(cell.cellDivs.expandCollapse) {
                                 cell.cellDivs.expandCollapse.tabIndex = 0;
                             }
@@ -582,6 +584,7 @@ azdataQueryPlan.prototype.init = function (queryPlanConfiguration) {
                 this.firstLoad = false;
                 if(cellDivs.body){
                     cellDivs.body.tabIndex = 0;
+                    cellDivs.body.ariaSelected = true;
                 }
                 if(cellDivs.expandCollapse){
                     cellDivs.expandCollapse.tabIndex = 0;

diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "azdataGraph",
   "description": "azdataGraph is a derivative of mxGraph, which is a fully client side JavaScript diagramming library that uses SVG and HTML for rendering.",
-  "version": "0.0.59",
+  "version": "0.0.61",
   "homepage": "https://github.com/microsoft/azdataGraph",
   "author": "Microsoft",
   "license": "Apache-2.0",

diff --git a/src/js/azdata/azdataQueryPlan.js b/src/js/azdata/azdataQueryPlan.js
@@ -367,6 +367,7 @@ azdataQueryPlan.prototype.init = function (queryPlanConfiguration) {
                             edgeElement.tabIndex = -1;
                         } else {
                             cell.cellDivs.body.tabIndex = -1;
+                            cell.cellDivs.body.ariaSelected = false;
                             if(cell.cellDivs.expandCollapse) {
                                 cell.cellDivs.expandCollapse.tabIndex = -1;
                             }
@@ -384,6 +385,7 @@ azdataQueryPlan.prototype.init = function (queryPlanConfiguration) {
                             edgeElement.focus();
                         } else {
                             cell.cellDivs.body.tabIndex = 0;
+                            cell.cellDivs.body.ariaSelected = true;
                             if(cell.cellDivs.expandCollapse) {
                                 cell.cellDivs.expandCollapse.tabIndex = 0;
                             }
@@ -582,6 +584,7 @@ azdataQueryPlan.prototype.init = function (queryPlanConfiguration) {
                 this.firstLoad = false;
                 if(cellDivs.body){
                     cellDivs.body.tabIndex = 0;
+                    cellDivs.body.ariaSelected = true;
                 }
                 if(cellDivs.expandCollapse){
                     cellDivs.expandCollapse.tabIndex = 0;