A11Y: markup sidebar form errors as live regions (#25937)

This commit is contained in:
Kris
2024-02-28 15:31:57 -05:00
committed by GitHub
parent 30c86ee21d
commit b532c780c6

View File

@@ -35,7 +35,7 @@
ariaLabel={{i18n "sidebar.sections.custom.links.icon.label"}}
/>
{{#if @link.invalidIconMessage}}
<div class="icon warning">
<div class="icon warning" role="alert" aria-live="assertive">
{{@link.invalidIconMessage}}
</div>
{{/if}}
@@ -50,7 +50,7 @@
{{on "input" (with-event-value (fn (mut @link.name)))}}
/>
{{#if @link.invalidNameMessage}}
<div class="name warning">
<div class="name warning" role="alert" aria-live="assertive">
{{@link.invalidNameMessage}}
</div>
{{/if}}
@@ -65,7 +65,7 @@
{{on "input" (with-event-value (fn (mut @link.value)))}}
/>
{{#if @link.invalidValueMessage}}
<div class="value warning">
<div class="value warning" role="alert" aria-live="assertive">
{{@link.invalidValueMessage}}
</div>
{{/if}}