Content Security Policy with Inline Styles of A11y Plugin

[bozdevs]

"a11y-plugin" append an element to DOM Tree, like this:

<p aria-live="assertive" aria-atomic="true" id="swup-announcer" style="position:absolute;top:0;left:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;word-wrap:normal;width:1px;height:1px;"></p>

But my CSP settings will block inline styling.

Problems

1- It will trigger an error log into browser.
2- Screen Reader Only styles doesn't work.

I have solve problem two with #swup-announcer { ... } this style but I can't block to occour error log, how can I disable to make inline style?

[daun]

You could calculate the SHA256 hash of the inline style and add it to your CSP config as an unsafe hash. See this post for an example.

[daun]

This would get rid of both problems.