A11Y: markup sidebar form errors as live regions (#25937)
This commit is contained in:
parent
30c86ee21d
commit
b532c780c6
|
@ -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}}
|
||||
|
|
Loading…
Reference in New Issue