Piman
UI 框架
常見問答

問題一

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

html5與css3 Logo

您必須熟讀 HTML 字典 與  CSS 字典

moda 無障礙網路空間服務網 logo

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

w3c Logo

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

微笑的臉

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

Piman UI框架FAQ問題二:當我用了 Piman,我的網站就會符合無障礙網頁規範了嗎?

問題二

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

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

問題三、四

關於技術

瀏覽器支援程度如何呢?

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 提供以下資源,從設計到前端開發不再走冤望路

Figma Template

Piman figma community

Nuxt Template

Piman Nuxt Template