> For the complete documentation index, see [llms.txt](https://bpio.gitbook.io/piman/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://bpio.gitbook.io/piman/about.md).

# 關於 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&amp;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>" %}


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation by asking a question.

Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters:

```
GET https://bpio.gitbook.io/piman/about.md?ask=<question>&goal=<user_goal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.