Remove aria-readonly property from a subgrid table in a Power Pages form

(0) Share

Report

Posted on by NaivePowerApper Microsoft Employee

I used the MSFT 'Accessibility Insights for Web' browser extension to check my power Pages site for accessibility issues.

It flagged multiple instances of 'ARIA attribute is not allowed: '. Apparently having the aria-readonly attribute in a table element is an accessibility issue. Power Pages adds this property by default.

For standard tables I was able to resolve the issue by adding the following Javascript to the power pages list:

$(document).ready(function (){

$(".entitylist.entity-grid").on("loaded", function () {

$(this).children(".view-grid").find("[aria-readonly]").each(function (){

$(this).removeAttr("aria-readonly");

});

});

});