# 常見問答

### 使用 Piman UI 框架需要先暸解什麼呢？ <a href="#faq" id="faq"></a>

<table data-card-size="large" data-view="cards"><thead><tr><th></th><th data-hidden></th><th data-hidden></th></tr></thead><tbody><tr><td><h4>您必須熟讀 <a href="https://www.w3schools.com/html/">HTML 字典</a> 與  <a href="https://www.w3schools.com/css/">CSS 字典</a></h4></td><td></td><td></td></tr><tr><td><h4>至<a href="https://accessibility.moda.gov.tw/">無障礙網路空間服務網</a>熟讀各項無障礙網頁設計規範</h4></td><td></td><td></td></tr><tr><td><h4>了解 WAI-ARIA 並謹記 WAI-ARIA 的宗旨為：<br><a href="https://www.w3.org/WAI/ARIA/apg/patterns/">No ARIA is better than Bad ARIA</a></h4></td><td></td><td></td></tr><tr><td><h4>保持耐心，慢慢學習無障礙網頁相關知識。<br>也歡迎追蹤我們的 <a href="https://www.instagram.com/piman_a11y/">Instagram</a>，會不定時分享小知識。</h4></td><td></td><td></td></tr></tbody></table>

### 當我用了 Piman，我的網站就會符合無障礙網頁規範了嗎？ <a href="#using-piman" id="using-piman"></a>

很可惜，我們也很想，但因為每個網站的目標與內容都不相同，排版也不會一樣，所以您還是需要擁有無障礙網頁設計規範的知識來製作網站，Piman 目前提供 [Figma 設計稿](https://www.figma.com/community/file/1107940884755373211) 、 [Vue2 元件](https://github.com/ya-sai/piman)以及 [Nuxt 2 的 簡易模板](https://github.com/ya-sai/paprika)。(Vue3、Nuxt3 Template 開發中)

### 瀏覽器支援程度如何呢？ <a href="#browser-support" id="browser-support"></a>

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

### 我還是不太滿意 Piman，有沒有推薦符合無障礙設計規範的 UI 框架？ <a href="#other-frameworks" id="other-frameworks"></a>

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

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

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

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

### 有什麼資源可以下載呢？ <a href="#sources" id="sources"></a>

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

* [Figma Community](https://www.figma.com/@blueplanet)：Design System、後台範本設計稿
* Nuxt 範本：[Nuxt2](https://github.com/ya-sai/piman-nuxt2-template)、[Nuxt3](https://github.com/BPbase/piman-frontstage-template) 範本
