GaydarTM
無障礙

Gaydar 的無障礙

我們希望 Gaydar 適合每個人使用,包括身心障礙使用者。以下是我們已經完成和正在進行的項目。

本譯文僅為方便閱讀而提供,具有約束力的是英文版本。 閱讀英文版本

Gaydar 的無障礙

最後更新: 2026年10月4日

2026年10月4日的變更內容:

  • 減少動態效果:我們現在說明網站的具體做法。當你的裝置要求減少動態效果時,網站會減少或關閉其動畫。
  • 色彩對比:我們現在說明檢查方式,即使用自動化工具(axe 與 Lighthouse)依照 WCAG 2.1 AA 進行檢查。
  • 我們現在涵蓋首頁影片與 IRL 地圖插圖。兩者皆提供供螢幕閱讀器使用的文字描述,且影片開始播放時沒有聲音。
  • 我們新增了最後更新日期。

我們正在打造一個適合每一個人使用的 Gaydar,包括身心障礙使用者。以下是我們已經實作的內容,以及我們正在進行的工作。

1. 我們的承諾

  • Gaydar 致力使我們的網站符合 WCAG 2.1 AA 等級,並使我們的行動 App 符合 iOS 與 Android 平台的無障礙標準。
  • 無障礙被視為產品要求,而非事後補救。新功能在發布前會依照無障礙標準進行審查。

2. 我們已實作的內容(網站)

  • 語意化 HTML 地標(header、main、footer、nav)
  • 供鍵盤使用者使用的「跳至主要內容」連結
  • 所有互動元素皆有可見的鍵盤焦點指示
  • 減少動態效果: 當你的裝置要求減少動態效果時,網站會減少或關閉其動畫。
  • 所有具意義的圖片皆有替代文字;裝飾性圖片標記為 aria-hidden
  • 無障礙的表單標籤與錯誤訊息
  • 我們使用自動化工具(axe 與 Lighthouse)依照 WCAG 2.1 AA 測試網站的色彩對比。
  • 僅供螢幕閱讀器使用的工具類別,用於提供原本僅以視覺呈現的脈絡資訊
  • 首頁影片開始播放時沒有聲音。你可以透過按鈕開啟聲音及暫停影片。影片提供供螢幕閱讀器使用的文字描述。如果你的裝置要求減少動態效果,影片會停留在靜態畫面,直到你按下播放。
  • 首頁的 IRL 地圖插圖提供供螢幕閱讀器使用的文字描述。

3. 行動 App 的無障礙

  • 所有畫面皆完整支援 VoiceOver(iOS)與 TalkBack(Android)
  • 支援 動態字體(Dynamic Type):App 會遵循使用者的系統字體大小偏好設定
  • 足夠的觸控目標尺寸(依 Apple 規範最小 44x44 點/依 Google 規範 48dp)
  • 色彩絕不是傳達意義的唯一方式
  • 遵循減少動態效果的偏好設定

4. 已知限制

  • 行銷網站上的部分動畫插圖使用裝飾性動態效果,視覺上可能較為繁雜。當你的裝置要求減少動態效果時,網站會減少或關閉其動畫。
  • /security 頁面上的互動式位置網格屬於視覺化呈現,僅使用螢幕閱讀器可能難以解讀。周圍段落中提供了文字描述。
  • 真人驗證自拍需要可正常運作的前置鏡頭;我們正在為無法使用相機的使用者研究其他驗證方式。

5. 回報無障礙問題

如果你遇到無障礙障礙,請寄送電子郵件至 accessibility@gaydarapp.com,說明問題內容以及發生問題的頁面或畫面。我們的目標是在 5 個工作天 內回覆,並在技術上可行的情況下於 30 天 內解決問題。

6. 我們參考的標準

  • WCAG 2.1 AA 等級(網頁內容無障礙指引)
  • 第 508 條(美國聯邦)
  • EN 301 549(歐盟)
  • Apple 無障礙指引(iOS)
  • Android 無障礙指引