Andal.LND/edx-platform
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

About Me textarea character counter accessibility issue

Browse Source 
LEARNER-6612
This commit is contained in:
Ahsan Ulhaq
2018-11-01 16:27:57 +05:00
parent 63b43ce4e4
commit 0c00416deb
2 changed files with 23 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
lms/static/js/views/fields.js
View File

@@ -601,10 +601,29 @@
updateCharCount: function() {
var curCharCount;
var remainingCharCount;
var $charCount = $('.u-field-footer .current-char-count');
// Update character count for textarea
if (this.options.maxCharacters) {
curCharCount = $('#u-field-textarea-' + this.options.valueAttribute).val().length;
$('.u-field-footer .current-char-count').text(curCharCount);
remainingCharCount = this.options.maxCharacters - curCharCount;
if (remainingCharCount < 20) {
$charCount.attr({
'aria-live': 'assertive',
'aria-atomic': true
});
}
else if (remainingCharCount < 60) {
$charCount.attr('aria-atomic', 'false');
}
else if (remainingCharCount < 70) {
$charCount.attr({
'aria-live': 'polite',
'aria-atomic': true
});
}
$charCount.text(curCharCount);
}
},