From 3f8b3f9ea0e31496ecdbd2f7935c46eab64618f0 Mon Sep 17 00:00:00 2001 From: daria <95225431+dariiing@users.noreply.github.com> Date: Tue, 24 Jun 2025 12:55:51 +0300 Subject: [PATCH] add screen reader support for Answers buttons --- customize.dist/messages.js | 3 +++ www/form/inner.js | 8 +++++++- 2 files changed, 10 insertions(+), 1 deletion(-) diff --git a/customize.dist/messages.js b/customize.dist/messages.js index acb4160e2..d648c1ca5 100755 --- a/customize.dist/messages.js +++ b/customize.dist/messages.js @@ -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; }); diff --git a/www/form/inner.js b/www/form/inner.js index 859952ff8..9509cd563 100644 --- a/www/form/inner.js +++ b/www/form/inner.js @@ -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) {