From f85ace9ebbe1647926552e2272e1549fa0967b14 Mon Sep 17 00:00:00 2001 From: Chocobozzz Date: Thu, 5 Oct 2023 15:20:24 +0200 Subject: [PATCH] Improve alert links accessibility --- client/src/app/app.component.ts | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/client/src/app/app.component.ts b/client/src/app/app.component.ts index 4ad20bfd6..42842987d 100644 --- a/client/src/app/app.component.ts +++ b/client/src/app/app.component.ts @@ -213,8 +213,13 @@ export class AppComponent implements OnInit, AfterViewInit { error: 'alert-danger' } + const root = document.createElement('div') + root.innerHTML = await this.markdownService.markdownToUnsafeHTML({ markdown: messageConfig.message }) + // Use alert-link class on links since there will be in an alert block + root.querySelectorAll('a').forEach(a => a.className += ' alert-link') + this.broadcastMessage = { - message: await this.markdownService.markdownToUnsafeHTML({ markdown: messageConfig.message }), + message: root.innerHTML, dismissable: messageConfig.dismissable, class: classes[messageConfig.level] }