Improved implementation of a11y.inputAriaLabel

Author: Akiracr

README.md

@@ -1143,7 +1143,7 @@ backspace                      | <sub>*</sub>                 | true
 originalInputValueFormat       | <sub>Function</sub>          |                                             | If you wish your original input/textarea `value` property format to other than the default (which I recommend keeping) you may use this and make sure it returns a *string*.
 mixMode.*insertAfterTag*       | <sub>Node/String</sub>       | `\u00A0`                                    | `node` or `string` to add after a tag added |
 a11y.*focusableTags*           | <sub>Boolean</sub>           | false                                       | allows tags to get focus, and also to be deleted via <kbd>Backspace</kbd>
-a11y.*inputAriaLabel*          | <sub>String</sub>            | `""`                                             | Provides an accessible name for Tagify’s internal `contenteditable` input. When set, the value is applied as `aria-label`. Useful for WCAG compliance when the component replaces a native text input.
+a11y.*inputAriaLabel*          | <sub>String</sub>            | `"Tags input field"`                        | Provides an accessible name for Tagify’s internal `contenteditable` input. When set, the value is applied as `aria-label`. Useful for WCAG compliance when the component replaces a native text input.
 dropdown.*enabled*             | <sub>Number</sub>            | 2                                           | Minimum characters input for showing a suggestions list. `false` will not render a suggestions list.
 dropdown.*caseSensitive*       | <sub>Boolean</sub>           | false                                       | if `true`, match **exact** item when a suggestion is selected (from the dropdown) and also more strict matching for dulpicate items. **Ensure** `fuzzySearch` is `false` for this to work.
 dropdown.*maxItems*            | <sub>Number</sub>            | 10                                          | Maximum items to show in the suggestions list

src/parts/defaults.js

@@ -30,7 +30,7 @@ export default {
     trim                : true,           // whether or not the value provided should be trimmed, before being added as a tag
     a11y: {
         focusableTags: false,
-        inputAriaLabel: null,
+        inputAriaLabel: "Tags input field",
     },
 
     mixMode: {

src/parts/templates.js

@@ -27,7 +27,7 @@ export default {
                     role="textbox"
                     autocapitalize="false"
                     autocorrect="off"
-                    ${_s.a11y.inputAriaLabel ? `aria-label="${_s.a11y.inputAriaLabel}"` : ""}
+                    aria-label="${_s.a11y.inputAriaLabel}"
                     aria-autocomplete="both"
                     aria-multiline="${_s.mode=='mix'?true:false}"></span>`
     },