How do I add aria-dialog-name attribute to PrimeNg dynamicdialog?

I am using the primeng dynamic dialog like this:

private dialogService: DialogService
...
...
this.dialogService.open(MyComponent, {
showHeader: false,
modal: true,
autoZIndex: true,
data: {
key: "value"
}
});


However, some of my accessibility tests fail as they are not able to find the aria-dialog-name attribute in the div that has role=dialog.

The project has several dialogs and so it would be impossible to refactor them into a different type of mode and I need to use dynamic model. How can I add this attribute?

Continue reading...