diff --git a/customize.dist/messages.js b/customize.dist/messages.js index 9818e3d88..acb4160e2 100755 --- a/customize.dist/messages.js +++ b/customize.dist/messages.js @@ -145,6 +145,9 @@ define(req, function(AppConfig, Default, Language) { Messages.hide_password = "Hide password"; Messages.next_templateList = "Next template list"; Messages.previous_templateList = "Previous template list"; + + Messages.forms_switchHorizontalAxe = 'Switch to horizontal layout'; + Messages.forms_switchVerticalAxe = 'Switch to vertical layout'; return Messages; }); diff --git a/www/form/inner.js b/www/form/inner.js index 20f669c10..859952ff8 100644 --- a/www/form/inner.js +++ b/www/form/inner.js @@ -759,7 +759,10 @@ define([ ]); }); // Insert axis switch button - var switchAxis = h('button.btn.btn-default', [ + var switchAxis = h('button.btn.btn-default', { + 'aria-pressed': 'false', + 'aria-label': Messages.forms_switchVerticalAxe + }, [ Messages.form_poll_switch, h('i.fa.fa-exchange'), ]); @@ -837,6 +840,9 @@ define([ var $s = $(switchAxis).click(function () { $s.closest('.cp-form-type-poll').toggleClass('cp-form-poll-switch'); + var pressed = $s.attr('aria-pressed') === 'true'; + $s.attr('aria-pressed', !pressed); + $s.attr('aria-label', !pressed ? Messages.forms_switchHorizontalAxe : Messages.forms_switchVerticalAxe ); }); return lines;