From ab252784f29d99e26e3d64b6fec6a0898623b67c Mon Sep 17 00:00:00 2001 From: daria <95225431+dariiing@users.noreply.github.com> Date: Thu, 21 May 2026 11:57:11 +0300 Subject: [PATCH 1/2] add aria attributes fixes #1810 --- customize.dist/messages.js | 2 ++ www/kanban/inner.js | 16 ++++++++++++++-- 2 files changed, 16 insertions(+), 2 deletions(-) diff --git a/customize.dist/messages.js b/customize.dist/messages.js index 06268dfd3..8293c5cab 100755 --- a/customize.dist/messages.js +++ b/customize.dist/messages.js @@ -134,6 +134,8 @@ define(req, function(AppConfig, Default, Language) { } }; + Messages.kanban_quickView = "Minimize card content"; // XXX + Messages.kanban_fullView = "Show card content"; return Messages; }); diff --git a/www/kanban/inner.js b/www/kanban/inner.js index 2a47cdf1f..19e5c5b04 100644 --- a/www/kanban/inner.js +++ b/www/kanban/inner.js @@ -1107,16 +1107,28 @@ define([ var $cContainer = $('#cp-app-kanban-container'); var addControls = function () { // Quick or normal mode - var small = h('button.cp-kanban-view-small', Icons.get('kanban-minimize')); - var big = h('button.cp-kanban-view', Icons.get('kanban-maximize')); + var small = h('button.cp-kanban-view-small', Icons.get('kanban-minimize'), { + 'title': Messages.kanban_quickView, + 'aria-label': Messages.kanban_quickView, + 'aria-pressed': $cContainer.hasClass('cp-kanban-quick') ? 'true' : 'false' + }); + var big = h('button.cp-kanban-view', Icons.get('kanban-maximize'), { + 'title': Messages.kanban_fullView, + 'aria-label': Messages.kanban_fullView, + 'aria-pressed': $cContainer.hasClass('cp-kanban-quick') ? 'false' : 'true' + }); $(small).click(function () { if ($cContainer.hasClass('cp-kanban-quick')) { return; } $cContainer.addClass('cp-kanban-quick'); + small.setAttribute('aria-pressed', 'true'); + big.setAttribute('aria-pressed', 'false'); //framework._.sfCommon.setPadAttribute('quickMode', true); }); $(big).click(function () { if (!$cContainer.hasClass('cp-kanban-quick')) { return; } $cContainer.removeClass('cp-kanban-quick'); + small.setAttribute('aria-pressed', 'false'); + big.setAttribute('aria-pressed', 'true'); //framework._.sfCommon.setPadAttribute('quickMode', false); }); From 5ab37fffc07a4bef9855b30dd07b1df10519a0a5 Mon Sep 17 00:00:00 2001 From: daria <95225431+dariiing@users.noreply.github.com> Date: Thu, 21 May 2026 15:36:18 +0300 Subject: [PATCH 2/2] add aria label to colors --- www/common/common-ui-elements.js | 1 + 1 file changed, 1 insertion(+) diff --git a/www/common/common-ui-elements.js b/www/common/common-ui-elements.js index a559d7fc5..aea40407b 100644 --- a/www/common/common-ui-elements.js +++ b/www/common/common-ui-elements.js @@ -4407,6 +4407,7 @@ define([ var $color = $(h('button.cp-palette-color')); all.push($color); $color.addClass('cp-palette-'+(color || 'nocolor')); + $color.attr('aria-label', Messages['color' + i]); const checkIcon = Icons.get('check'); $(checkIcon).addClass('cp-check-icon is-hidden'); // added hidden class to overcome Lucide rendering $color.append(checkIcon);