常見問答

使用 Piman UI 框架需要先暸解什麼呢?

您必須熟讀 HTML 字典CSS 字典

無障礙網路空間服務網熟讀各項無障礙網頁設計規範

了解 WAI-ARIA 並謹記 WAI-ARIA 的宗旨為: No ARIA is better than Bad ARIA

保持耐心,慢慢學習無障礙網頁相關知識。 也歡迎追蹤我們的 Instagram,會不定時分享小知識。

當我用了 Piman,我的網站就會符合無障礙網頁規範了嗎?

很可惜,我們也很想,但因為每個網站的目標與內容都不相同,排版也不會一樣,所以您還是需要擁有無障礙網頁設計規範的知識來製作網站,Piman 目前提供 Figma 設計稿Vue2 元件以及 Nuxt 2 的 簡易模板。(Vue3、Nuxt3 Template 開發中)

瀏覽器支援程度如何呢?

Piman Vue2 版支援現代主流瀏覽器與 IE11,規劃中的 Piman Vue3 版則無支援 IE,這是因為 Vue3 前端框架已經不支援 IE 的關係。

我還是不太滿意 Piman,有沒有推薦符合無障礙設計規範的 UI 框架?

當然有,只要您想要設計無障礙網頁,我們很樂意提供您除了 Piman 之外的資訊。

目前主流 UI 框架應該都有符合無障礙網頁設計規範,例如 Bootstrap,而我們私心推薦的是 IBM 的 Carbon,因爲它包含了三大前端框架,且有完整的 demo 和 文件。 或是可以選擇類似例如:https://headlessui.dev/https://www.radix-ui.com/ 等 headless,這些專注在行為上,UI 風格則是自己額外建立。

只不過有一點您可能要注意的是,因為 Piman 是有對臺灣數位發展部的無障礙網路空間服務網規範有特別關注,所以您在使用別的框架時,可能會遇到臺灣規定掃描的軟體 freego 機器掃描掃出來的問題和人工檢測的問題。

另外 Vue2 版有支援 IE 11,可以讓更多相對舊款的設備使用,但同時要注意的是 IE 11 已經停止維護,具有資安風險。如何在無障礙精神與資安問題取得協調,是開發者們需要自行好好評估!

有什麼資源可以下載呢?

Piman 提供以下資源,從設計到前端開發不再走冤望路

Last updated