Short and Sweet, Accessible Character Counter
Tested with VoiceOver (Safari 11) & NVDA (FF 60)
- Tells user the amount of space left when the field is focussed
- Updates the user periodically while typing
Play around with the demo at: https://codepen.io/rikschennink/pen/LmoJYY
- No dependencies
- Easy setup
Time to learn ES6?
Short and Sweet is written in ES6.
Install from npm:
npm install short-and-sweet --save
dist/short-and-sweet.min.js and include the script on your page like shown below.
Run short-and-sweet like shown below and pass an element reference or a querySelector. For best performance include the script just before the closing
The following options are available to pass to the
||The classname of the counter element|
||The text shown in the counter element, placeholders available are
||The time in milliseconds the assist waits before updating the user with the screenreader user with the current count|
||The method used to append the element to the DOM|
- Modern browsers
- VoiceOver + Safari
- NVDA + Firefox
- IE 10+
Versioning follows Semver.