Andreas/wekan
1
0
Fork 0
mirror of https://github.com/wekan/wekan.git synced 2026-03-01 19:30:15 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 5

Revert accessibility changes temporarily.

Browse source 
Thanks to xet7 !

Related https://github.com/wekan/wekan/pull/5857
This commit is contained in:
Lauri Ojansivu 2025-08-09 14:23:40 +03:00
parent e6347a305c
commit 1a1a44616f
9 changed files with 23 additions and 90 deletions
Download patch file Download diff file Expand all files Collapse all files

1
client/components/boards/boardBody.jade
View file

@ -16,7 +16,6 @@ template(name="boardBody")
if notDisplayThisBoard
| {{_ 'tableVisibilityMode-allowPrivateOnly'}}
else
.board-wrapper(class=currentBoard.colorClass)
.board-canvas.js-swimlanes(
class="{{#if hasSwimlanes}}dragscroll{{/if}}"

34
client/components/boards/boardBody.js
View file

@ -340,12 +340,12 @@ BlazeComponent.extendComponent({
selectable: true,
timezone: 'local',
weekNumbers: true,
headerToolbar: {
left: 'prev,next today',
center: 'title',
right: 'month,agendaWeek,agendaDay'
header: {
left: 'title today prev,next',
center:
'agendaDay,listDay,timelineDay agendaWeek,listWeek,timelineWeek month,listMonth',
right: '',
},
footerToolbar: false,
// height: 'parent', nope, doesn't work as the parent might be small
height: 'auto',
/* TODO: lists as resources: https://fullcalendar.io/docs/vertical-resource-view */
@ -473,29 +473,9 @@ BlazeComponent.extendComponent({
closeModal();
}
});
document.querySelector('.board-wrapper').appendChild(modalElement); // (optional: for better DOM order)
document.body.appendChild(modalElement);
const openModal = function() {
modalElement.style.display = 'flex';
modalElement.setAttribute('role', 'dialog');
modalElement.setAttribute('aria-modal', 'true');
// Set ARIA attributes for accessibility
modalElement.setAttribute('role', 'dialog');
modalElement.setAttribute('aria-modal', 'true');
// Move focus to the first input or button in the modal
const firstInput = modalElement.querySelector('input, button');
if (firstInput) firstInput.focus();
// Set aria-labelledby and aria-describedby for accessibility
const title = modalElement.querySelector('.modal-title');
if (title) {
title.id = 'modal-title';
modalElement.setAttribute('aria-labelledby', 'modal-title');
}
const desc = modalElement.querySelector('.modal-body');
if (desc) {
desc.id = 'modal-desc';
modalElement.setAttribute('aria-describedby', 'modal-desc');
}
modalElement.style.display = 'flex';
};
const closeModal = function() {
modalElement.style.display = 'none';

9
client/components/boards/boardHeader.jade
View file

@ -1,5 +1,5 @@
template(name="boardHeaderBar")
h1.header-board-menu {{currentBoard.title}}
h1.header-board-menu
with currentBoard
if $eq title 'Templates'
| {{_ 'templates'}}
@ -137,11 +137,8 @@ template(name="boardHeaderBar")
i.fa.fa-check-square-o
span {{#if MultiSelection.isActive}}{{_ 'multi-selection-on'}}{{else}}{{_ 'multi-selection'}}{{/if}}
if MultiSelection.isActive
a.board-header-btn-close.js-multiselection-reset(
title="{{_ 'deactivate-multi-selection'}}"
aria-label="{{_ 'deactivate-multi-selection'}}"
)
i.fa.fa-times-thin
a.board-header-btn-close.js-multiselection-reset(title="{{_ 'filter-clear'}}")
i.fa.fa-times-thin
.separator
a.board-header-btn.js-toggle-sidebar(title="{{_ 'sidebar-open'}} {{_ 'or'}} {{_ 'sidebar-close'}}")