Question

2
Replies
27
Views
ReginaS9 Member since 2019 22 posts
Sky Solutions LLC
Posted: September 15, 2020
Last activity: September 18, 2020

prevent or remove 'tabindex' from being added dynamically to table layout 'td'

Hello, 

Product: Customer Service Application 

Version: 8.3

Accessibility Issue:  Tabindex is set on the first cell ('td') for every row causing extra tabbing for users with disabilities.  We want to remove the tabindex from the first 'td' and only allow focus on interactive elements within the cells, such as links.  

How do we prevent tabindex from being dynamically added to the first cell of every row?   

I found an article linked here (https://community.pega.com/node/2103226) that mentions that this issue was resolved for product version 8.4.2. Is there an available resolution for the Customer Service Application version 8.3? 

We have tried the following approach with no luck:

  • Applied the following code 

function setGridCellTabindex(){      

$("#gridLayoutTable table.gridTable tr.cellCont td.gridCell").attr('tabindex', '-1');

};

$(document).ready(setGridCellTabindex); 

$("#gridLayoutTable").on('keydown', '.gridCell', function(e) {   

var keyCode = e.keyCode || e.which; 

  if (keyCode == 9) {       

setGridCellTabindex();  

}  });

  • Issue with code

It will set the tabindex of <td> elements to -1, but since the tabindex is being added dynamically to the first 'td' as user tabs through the table cells and focusable elements within a table, the first 'td' remains tabbable. 

Pega Platform 8.3 User Interface Healthcare and Life Sciences System Architect
Share this page LinkedIn