無障礙功能

Remix 應用程式中的無障礙功能，與一般網頁上的無障礙功能非常相似。使用正確的語義標記並遵循網頁內容無障礙指南 (WCAG)，您就能達到大部分的要求。

Remix 在可能的情況下，會將某些無障礙功能實踐設為預設值，並提供 API 在無法設定預設值時提供協助。我們正在積極探索和開發新的 API，以便未來能更輕鬆地實現無障礙功能。

連結

<Link> 元件會呈現標準的錨點標籤，這表示您可以免費從瀏覽器取得其無障礙功能行為！

Remix 還提供了 <NavLink/>，其行為與 <Link> 相同，但當連結指向目前頁面時，它也會為輔助技術提供內容。這對於建置導覽選單或麵包屑導覽非常有用。

路由

如果您在應用程式中呈現 <Scripts>，則需要考慮一些重要事項，以使用戶端路由對您的使用者更具無障礙性。

使用傳統的多頁網站時，我們不必過多考慮路由變更。您的應用程式會呈現一個錨點標籤，而瀏覽器會處理其餘部分。如果您的使用者停用 JavaScript，您的 Remix 應用程式預設應以這種方式運作！

當 Remix 中的用戶端腳本載入時，React Router 會控制路由並阻止瀏覽器的預設行為。Remix 不會對路由變更時的 UI 做出任何假設。因此，您需要考慮一些重要功能，包括：

• 焦點管理：當路由變更時，哪個元素會獲得焦點？這對於鍵盤使用者來說非常重要，並且對螢幕閱讀器使用者也有幫助。
• 即時區域宣告：當路由變更時，螢幕閱讀器使用者也會受益於宣告。您可能還希望根據變更的性質以及預計載入所需的時間，在某些過渡狀態期間通知他們。

2019 年，Marcy Sutton 領導並發布了使用者研究的結果，以幫助開發人員建置可存取的用戶端路由體驗。我們鼓勵您詳細閱讀該文章。我們正在積極調查和測試內部解決方案以及新的 API，以簡化此流程。