其他問題

1. 關於「無障礙服務」的專屬 

這是申請標章時，審核員非常看重的一環，能證明你對不同障礙類別使用者的體貼。

• 本站提供哪些無障礙快速鍵 (Access Keys)？

  • 說明等對應的功能區塊。

• 遇到無法讀取的內容該怎麼辦？

  • 提供一個聯絡管道（如 Email 或表單），讓使用者在遇到技術障礙時能直接尋求協助。

• 如何調整網站字體大小？

  • 雖然瀏覽器內建縮放功能，但說明如何操作（Ctrl + '+'）會顯得更專業。

• 網站是否支援螢幕閱讀器？

  • 告知使用者本站已針對 NVDA、VoiceOver 等軟體進行語意化優化。

2. 提升個人專業度的內容

既然是個人網站，QA 是讓你「不著痕跡地臭屁」的好地方，建議放入：

• 技術選型：為什麼網站要設計得這麼「簡潔」？

  • 你可以回答：為了確保所有使用者（包含低視能、手部震顫者）都能順暢操作，我刻意減少了複雜的動畫，專注於資訊架構的清晰。

• 專案合作：如何聯繫你進行合作？

  • 說明你偏好的溝通方式與流程。

• 專業背景：你擅長的領域有哪些？

  • 用 FAQ 的形式快速整理你的核心競爭力（例如：前端開發、UX 研究、包容性設計）。

3. 頁面的「設計規範」要求

在無障礙的邏輯下，QA 頁面的設計方式比內容更重要：

A. 展開/收合元件 (Accordion) 的處理

如果你使用「點擊標題才展開答案」的設計：

• 專業作法： 必須確保鍵盤Tab鍵可以跳到每一個標題。

• 代碼要求： 標題按鈕應包含 aria-expanded="true/false" 屬性，讓盲人使用者知道現在答案是打開還是關掉的。

B. 標題階層 (Headings)

• 專業作法： QA 頁面的標題應使用h2，每一個問題本身則建議使用h3。

• 好處： 螢幕閱讀器使用者可以透過快捷鍵（按 H）快速跳轉到下一個問題，不用聽完所有內容。

C. 錨點連結 (Anchor Links)

• 專業作法： 如果問題很多，在頁面頂端做一個「問題清單」，點擊後直接跳轉到下方的答案。

• 細節： 跳轉後的焦點必須落在答案區，不能還停留在頂端。