Piman
  • Piman 無障礙網頁前端 UI 框架
  • 關於 Piman
  • 常見問答
  • Vue3 版本
    • 設計系統
  • Vue2 版本
    • 設計系統
    • 快速開始
    • Accordion
    • Breadcrumb
    • Buttons
    • Cards
    • Checkbox
    • Dialog
    • Dropdown
    • Form
    • Input
    • Message
    • Pagination
    • Popover
    • Radio
    • Select
    • Switch
    • Tabs
    • Tooltip
    • Tree
  • 更新日誌
  • 成為貢獻者,一起開發 Piman
    • Vue2
      • i18n
      • CSS & SCSS
      • Update
      • Develope Component
Powered by GitBook
On this page
  • 使用 Piman UI 框架需要先暸解什麼呢?
  • 當我用了 Piman,我的網站就會符合無障礙網頁規範了嗎?
  • 瀏覽器支援程度如何呢?
  • 我還是不太滿意 Piman,有沒有推薦符合無障礙設計規範的 UI 框架?
  • 有什麼資源可以下載呢?

Was this helpful?

Export as PDF

常見問答

Previous關於 PimanNextVue3 版本

Last updated 8 days ago

Was this helpful?

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

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

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

瀏覽器支援程度如何呢?

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

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

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

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

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

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

有什麼資源可以下載呢?

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

:Design System、後台範本設計稿

Nuxt 範本:、 範本

Figma Community
Nuxt2
Nuxt3
Figma 設計稿
Vue2 元件
Nuxt 2 的 簡易模板
Bootstrap
IBM 的 Carbon
https://headlessui.dev/
https://www.radix-ui.com/

您必須熟讀 與

至熟讀各項無障礙網頁設計規範

了解 WAI-ARIA 並謹記 WAI-ARIA 的宗旨為:

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

HTML 字典
CSS 字典
無障礙網路空間服務網
No ARIA is better than Bad ARIA
Instagram