首頁 探索 說明
登入
mirrors
/
wekan
镜像来自 https://github.com/wekan/wekan.git
2
0
複刻 0
檔案 問題管理 0 Wiki
瀏覽代碼

more fixes

seve12 1 月之前
父節點
cb10ad3a20
當前提交
106009316f
共有 2 個文件被更改，包括 29 次插入 和 1 次删除
統一視圖 顯示文件統計
  1. 27 0
      client/components/boards/boardBody.js
  2. 2 1
      client/components/main/layouts.jade

+ 27 - 0
client/components/boards/boardBody.js
查看文件 

@@ -76,6 +76,27 @@ BlazeComponent.extendComponent({
 
     }
 
     }
 
   },
 
   },
 
   onRendered() {
 
   onRendered() {
 
+    // Set the language attribute on the <html> element for accessibility
 
+    document.documentElement.lang = TAPi18n.getLanguage();
 
+
 
+    // Ensure the accessible name for the board view switcher matches the visible label "Swimlanes"
 
+    // Example: If the switcher has class .js-board-view-swimlanes
 
+    this.$('.js-board-view-swimlanes').attr('aria-label', 'Swimlanes');
 
+
 
+    // Add a highly visible focus indicator for interactive elements
 
+    if (!document.getElementById('wekan-accessible-focus-style')) {
 
+      const style = document.createElement('style');
 
+      style.id = 'wekan-accessible-focus-style';
 
+      style.innerHTML = `
 
+        button:focus, [role="button"]:focus, a:focus, input:focus, select:focus, textarea:focus, .dropdown-menu:focus, .js-board-view-swimlanes:focus {
 
+          outline: 3px solid #005fcc !important;
 
+          outline-offset: 2px !important;
 
+          background-color: #e6f0ff !important;
 
+        }
 
+      `;
 
+      document.head.appendChild(style);
 
+    }
 
+
 
     const boardComponent = this;
 
     const boardComponent = this;
 
     const $swimlanesDom = boardComponent.$('.js-swimlanes');
 
     const $swimlanesDom = boardComponent.$('.js-swimlanes');
 
 
 
@@ -328,6 +349,9 @@ BlazeComponent.extendComponent({
 
 
 
 BlazeComponent.extendComponent({
 
 BlazeComponent.extendComponent({
 
   onRendered() {
 
   onRendered() {
 
+    // Set the language attribute on the <html> element for accessibility
 
+    document.documentElement.lang = TAPi18n.getLanguage();
 
+
 
     this.autorun(function () {
 
     this.autorun(function () {
 
       $('#calendar-view').fullCalendar('refetchEvents');
 
       $('#calendar-view').fullCalendar('refetchEvents');
 
     });
 
     });
 
@@ -484,6 +508,9 @@ BlazeComponent.extendComponent({
 
         document.body.appendChild(modalElement);
 
         document.body.appendChild(modalElement);
 
         const openModal = function() {
 
         const openModal = function() {
 
           modalElement.style.display = 'flex';
 
           modalElement.style.display = 'flex';
 
+          // Set focus to the input field for better keyboard accessibility
 
+          const input = modalElement.querySelector('#card-title-input');
 
+          if (input) input.focus();
 
         };
 
         };
 
         const closeModal = function() {
 
         const closeModal = function() {
 
           modalElement.style.display = 'none';
 
           modalElement.style.display = 'none';

+ 2 - 1
client/components/main/layouts.jade
查看文件 

@@ -1,4 +1,5 @@
 
-head
 
+html(lang="{{TAPi18n.getLanguage()}}")
 
+  head
 
   title
 
   title
 
   meta(name="viewport" content="width=device-width, initial-scale=1")
 
   meta(name="viewport" content="width=device-width, initial-scale=1")
 
   meta(http-equiv="X-UA-Compatible" content="IE=edge")
 
   meta(http-equiv="X-UA-Compatible" content="IE=edge")