Add ARIA attributes from Design System component

This commit copies the same ARIA attributes that are added to the
character count component[1] in the GOV.UK Design System.

This means that screen reader users will hear the count message when
they stop typing.

1. https://design-system.service.gov.uk/components/character-count/
This commit is contained in:
Chris Hill-Scott
2021-01-07 14:30:48 +00:00
parent 3fdaa29f35
commit c3b6c03411
5 changed files with 38 additions and 3 deletions

View File

@@ -14,7 +14,11 @@
this.$component = $(component);
this.$textbox = $('#' + this.$component.data('target'));
this.$component
.attr('id', id);
this.$textbox
.attr('aria-described-by', this.$textbox.attr('aria-described-by') + ' ' + id)
.on('input', this.update)
.trigger('input');