diff --git a/lms/static/coffee/src/calculator.coffee b/lms/static/coffee/src/calculator.coffee index f63a880f18..4cc6e62ce8 100644 --- a/lms/static/coffee/src/calculator.coffee +++ b/lms/static/coffee/src/calculator.coffee @@ -18,19 +18,18 @@ class @Calculator event.preventDefault() $calc = $('.calc') $calcWrapper = $('#calculator_wrapper') + text = gettext('Open Calculator') + isExpanded = false $('div.calc-main').toggleClass 'open' if $calc.hasClass('closed') - $calc.attr - 'aria-label': 'Open Calculator' - 'aria-expanded': false $calcWrapper .find('input, a, dt, dd') .attr 'tabindex', -1 else - $calc.attr - 'aria-label': 'Close Calculator' - 'aria-expanded': true + text = gettext('Close Calculator') + isExpanded = true + $calcWrapper .find('input, a') .attr 'tabindex', 0 @@ -39,6 +38,12 @@ class @Calculator # focus on the text field before it transitions onto the page. setTimeout (-> $calcWrapper.find('#calculator_input').focus()), 100 + $calc + .attr + 'title': text + 'aria-expanded': isExpanded + .text text + $calc.toggleClass 'closed' helpOnFocus: (e) -> diff --git a/lms/templates/courseware/courseware.html b/lms/templates/courseware/courseware.html index bdb0aac2ac..21f832c683 100644 --- a/lms/templates/courseware/courseware.html +++ b/lms/templates/courseware/courseware.html @@ -208,7 +208,7 @@ ${fragment.foot_html()} % if course.show_calculator:
- +