# 關於 Piman

### Piman 的願景 <a href="#vision" id="vision"></a>

<figure><img src="https://3730302285-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWkKD42HpQdyU6pMEvZom%2Fuploads%2FTfrxv9ZswDY1hEhTjwUq%2Fsocialmedia%20(1).jpg?alt=media&#x26;token=29cfdc53-20a2-4162-af49-ff12fe250e5c" alt="Piman 社群分享圖，寫著 Accessibility, Design System 與 UI Framework"><figcaption></figcaption></figure>

網頁都能達成通用設計，落實「Design for All」。

### Piman 的使命 <a href="#mission" id="mission"></a>

降低設計與開發無障礙網頁的成本，並考慮到更具包容性的使用場景和更加多樣的用戶需求。

### Piman 重點概要 <a href="#target" id="target"></a>

<table data-view="cards"><thead><tr><th></th><th></th></tr></thead><tbody><tr><td><strong>Piman 無障礙 UI 框架源起</strong></td><td><ul><li>沒辦法要求所有參與人員都深入暸解無障礙規範。</li><li>國外的 UI 框架、套件與臺灣規範不盡相符。</li><li>機器掃描與人工檢測，導致時程壓力。</li><li>應付心態，卻對真正需要幫助的使用者造成困擾。</li><li>公司都需要一套 Design System 。</li><li>公家機關多數仍要求支援 IE11。</li></ul></td></tr><tr><td><strong>使用者與利益關係人</strong></td><td><ul><li>設計師：快速開啟設計專案，並與前端工程接軌。</li><li>切版：可以專注版面，並提示工程師細節。</li><li>前端工程：可以專注在優先度更高的事，提升 UX 。</li><li>利益關係人：PM 與 QA 進行自我檢測降低風險。</li></ul></td></tr><tr><td><strong>解決方案</strong></td><td><ul><li>Design System 設計稿 (Figma)</li><li>各種包裝好的元件 (Vue 2，Vue3 開發中)</li><li>簡易專案範本 (Nuxt 2&#x26;3)</li><li>彙整 Checklist 與 檢測工具</li></ul></td></tr></tbody></table>

### 一起成為 Piman 的貢獻者吧！ <a href="#contributor" id="contributor"></a>

前往 Github 暸解貢獻者：

* [Vue2](https://github.com/ya-sai/piman/blob/main/.github/CONTRIBUTING.md)
* [Vue3](https://github.com/BPbase/piman)

### 給予我們一些建議 <a href="#contact" id="contact"></a>

傳送給 Piman 表達您的心情、感受以及建議，謝謝！

{% embed url="https://47f3ef82.sibforms.com/serve/MUIFAOr57x1UJ_hwT801_nKRtlDwygi39NrVQza4ZZCe3x7ctSnydikYoYdxT9L0j3fuing3gJhNHOSd0dH5cp6bDmR2PHxRBHQGDJfxIqI0W6OPIJEQDDhIyHrpAg5SxnPIm95MMXZCWRHIMb5f7wG-G0ClTNMzdG14-3qeARtgB98-0sZRCAKbl-fEuZiz0aJs6uOwQ_6Veb8l" %}
