Open in app
Sign inGet started

開發練等區｜A11y開發與實踐

焦點的無障礙 — 焦點可見與樣式篇

焦點的無障礙 — 焦點可見與樣式篇

焦點樣式有哪些規範標準？在實作焦點樣式時需要注意哪些事情？
Go to the profile of A11y新手村🏕
A11y新手村🏕
焦點無障礙 — 管理焦點的行為與轉移

焦點無障礙 — 管理焦點的行為與轉移

有哪些情境需要控制焦點的轉移？有哪些不良焦點轉移的常見案例？
Go to the profile of A11y新手村🏕
A11y新手村🏕
使用 ARIA Live Regions 讓重要資訊不漏接(下)

使用 ARIA Live Regions 讓重要資訊不漏接(下)

在實作上，Live Regions 有不少細節需要開發者留意。本篇文章中，我們將一起來看看開發 Live Regions 時的常見陷阱以及錯誤的使用情境，也推薦了一些常用的套件
Go to the profile of A11y新手村🏕
A11y新手村🏕
使用 ARIA Live Regions 讓重要資訊不漏接 (上)

使用 ARIA Live Regions 讓重要資訊不漏接 (上)

透過 Live Regions 可以幫助我們將現代網頁中各式各樣的內容變化傳遞給輔助科技的使用者，本篇文章將介紹什麼是 Live Regions 以及運用 Live Regions 的 alert pattern
Go to the profile of A11y新手村🏕
A11y新手村🏕
理解 Accessible components: Dialog 篇

理解 Accessible components: Dialog 篇

在多數產品中，我們常會看到以對話框來呈現系統訊息、確認操作或是請求資料輸入，它通常是一個覆蓋住整個主要頁面的視窗，使得使用者只能與視窗中的內容互動，而被其所復蓋的頁面則是暫時無法操作。…
Go to the profile of A11y新手村🏕
A11y新手村🏕
客製 Accessibility tree，從認識 ARIA 開始(下)

客製 Accessibility tree，從認識 ARIA 開始(下)

ARIA 的使用場景與元件化開發
Go to the profile of A11y新手村🏕
A11y新手村🏕
客製 Accessibility tree，從認識 ARIA 開始(上)

客製 Accessibility tree，從認識 ARIA 開始(上)

ARIA 是什麼？介紹運用 ARIA 時的 5 個原則！
Go to the profile of A11y新手村🏕
A11y新手村🏕
隱藏在頁面中的 101：讓頁面區域井然有序的地標設計(上)

隱藏在頁面中的 101：讓頁面區域井然有序的地標設計(上)

地標是什麼？該如何看見與使用？
Go to the profile of A11y新手村🏕
A11y新手村🏕
碼農的好工具 ChatGPT 開箱：高效打造無障礙的頁籤(Tabs)功能

碼農的好工具 ChatGPT 開箱：高效打造無障礙的頁籤(Tabs)功能

最近科技圈內外最火熱的話題莫過於AI，AI 的發展也正在逐漸改變我們的開發方式，例如之前 GitHub 推出的基於 OpenAI 的 Copilot，可以根據內文在開發過程中提供程式碼建議，達到四成的正確率。
Go to the profile of A11y新手村🏕
A11y新手村🏕
讓視覺元素富含文字訊息：可訪問名稱與描述

讓視覺元素富含文字訊息：可訪問名稱與描述

可訪問名稱與描述是什麼？有哪些不同的類型？如何使用？
Go to the profile of A11y新手村🏕
A11y新手村🏕
巧用 tabindex 讓你的 UI 更鍵盤友善

巧用 tabindex 讓你的 UI 更鍵盤友善

tabindex 在開發上該怎麼使用？何時使用它？
Go to the profile of A11y新手村🏕
A11y新手村🏕
隱藏在頁面中的 101：讓區域佈局井然有序的地標開發（下）

隱藏在頁面中的 101：讓區域佈局井然有序的地標開發（下）

具體在開發時，是如何實做的呢？有哪些該留意的事呢？
Go to the profile of A11y新手村🏕
A11y新手村🏕
About a11yvillageLatest StoriesArchiveAbout MediumTermsPrivacyTeams