add screen reader support for Answers buttons

This commit is contained in:
daria 2025-06-24 12:55:51 +03:00
parent 522b06366e
commit 3f8b3f9ea0
No known key found for this signature in database
GPG Key ID: 3B75240E6B2F2701
2 changed files with 10 additions and 1 deletions

View File

@ -148,6 +148,9 @@ define(req, function(AppConfig, Default, Language) {
Messages.forms_switchHorizontalAxe = 'Switch to horizontal layout';
Messages.forms_switchVerticalAxe = 'Switch to vertical layout';
Messages.forms_pollOptionNo = 'No';
Messages.forms_pollOptionYes = 'Yes';
Messages.forms_pollOptionMaybe = 'Maybe';
return Messages;
});

View File

@ -2596,11 +2596,17 @@ define([
var $c = $(cell);
$c.data('option', data);
var val = 0;
$c.attr('data-value', val).attr('tabindex', '0');
$c.attr('data-value', val).attr('tabindex', '0').attr('role','button').attr('aria-label', Messages.forms_pollOptionNo);
function updateAriaLabel() {
const labels = [Messages.forms_pollOptionNo, Messages.forms_pollOptionYes, Messages.forms_pollOptionMaybe];
$c.attr('aria-label', labels[val]);
}
Util.onClickEnter($c, function () {
if (disabled) { return; }
val = (val+1)%3;
$c.attr('data-value', val);
updateAriaLabel();
evOnChange.fire();
});
cell._setValue = function (v) {