Is there a way to prevent a p-fieldset from autogenerating an aria-labelledby attribute?

I have an app with an angular front-end that uses several p-fieldset components.

The trouble I'm having is that these p-fieldset components keep generating 'Broken ARIA reference' errors.

The reason they do this is because the p-fieldset components auto-generate a child fieldset with child div with an autogenerated aria-labelledby attribute.



Which then results in a Broken ARIA reference when I do a WAVE scan.



I've tried setting this aria-labelledby attribute to empty in ngOnInit()

ngOnInit() {

let pFieldSets = document.getElementsByTagName('p-fieldset');

for (let ii=0; ii<pFieldSets.length; ii++) {

let pFieldSet = pFieldSets[ii];

let fieldSets = pFieldSet.getElementsByTagName('fieldset');

for (let jj=0; jj<fieldSets.length; jj++) {
let fieldSet = fieldSets[jj];

let fieldsetChildren = fieldSet.children;
for (let kk=0; kk<fieldsetChildren.length; kk++) {
fieldsetChildren[kk].setAttribute('aria-labelledby','')
}
}
}
}


The problem is this doesn't work because the ngOnInit() function is called before the div field with its auto-generated aria-labelledby attribute is created - and thus it just gets overridden.

And I've tried adding the value of the aria-labelledby attribute as an id to the p-fieldset in my html file like this...

<p-fieldset id="pn_id_43_header">


Which kind of works sometimes - but it's not reliable because the pn_id_43_header value can change.

Can anyone tell me how to either

1. Permanently prevent the aria-labelledby attribute from being auto-generated?
2. Set the aria-labelledby attribute to empty (like I do in the ngOnInit() function above) AFTER it is auto-generated so it doesn't just get overridden?

Thanks much!

Continue reading...