HCLTech x No. 9 客戶案例

合規狀態

我們堅信互聯網應該可供任何人使用和訪問，並致力於提供一個可供最廣泛受眾訪問的網站， 無論情況和能力如何。

為了實現這一目標，我們的目標是在AA級別盡可能嚴格遵守萬維網聯盟（W3C）的Web內容可訪問性指南2.1（WCAG 2.1）。 這些指南解釋了如何使各種殘障人士可以訪問 Web 內容。遵守這些準則有助於我們確保網站可訪問 致所有人：盲人、運動障礙者、視力障礙者、認知障礙者等。

本網站利用各種技術，旨在使其始終盡可能易於訪問。我們利用一個可訪問性介面，允許具有特定 調整網站的UI（用戶介面）並根據個人需求進行設計。

此外，該網站利用在後台運行的基於 AI 的應用程式，並不斷優化其可訪問性級別。此應用程式修正網站的 HTML， 針對盲人使用者使用的螢幕閱讀器以及運動障礙人士使用的鍵盤功能調整其功能和行為。

如果您發現故障或有改進的想法，我們將很高興收到您的來信。您可以使用以下電子郵件與網站的營運商聯繫

螢幕閱讀器和鍵盤導航

我們的網站實施ARIA屬性（可訪問的富互聯網應用程式）技術，以及各種不同的行為變化，以確保盲人用戶訪問 螢幕閱讀器能夠閱讀、理解和享受網站的功能。一旦帶有螢幕閱讀器的用戶進入您的網站，他們就會立即收到 提示輸入螢幕閱讀器配置檔，以便他們可以有效地流覽和操作您的網站。以下是我們的網站如何涵蓋一些最重要的螢幕閱讀器要求， 以及代碼範例的主控台螢幕截圖：

1. 屏幕閱讀器優化： 我們運行一個後台進程，從上到下學習網站的元件，以確保即使在更新網站時也能持續合規。 在此過程中，我們使用 ARIA 屬性集為螢幕閱讀器提供有意義的數據。例如，我們提供準確的表單標籤; 可操作圖示（社交媒體圖示、搜索圖示、購物車圖示等）的描述;表單輸入的驗證指南;元素角色，例如按鈕、功能表、模態對話（彈出視窗）， 等。此外，後台進程掃描網站的所有圖像，並提供準確且有意義的基於圖像對象識別的描述作為 ALT（替代文字）標籤 對於未描述的圖像。它還將使用OCR（光學字元識別）技術提取嵌入在圖像中的文字。 要隨時打開螢幕閱讀器調整，使用者只需按 Alt+1 鍵盤組合。螢幕閱讀器使用者還會收到自動通知以打開螢幕閱讀器模式 一旦他們進入網站。

   這些調整與所有流行的螢幕閱讀器相容，包括JAWS和NVDA。

2. 鍵盤導航優化： 後台進程還調整了網站的 HTML，並使用 JavaScript 代碼添加各種行為，使網站可以通過鍵盤操作。這包括使用 Tab 鍵和 Shift+Tab 鍵導航網站、使用箭頭鍵操作下拉清單、使用 Esc 關閉下拉清單、使用 Enter 鍵觸發按鈕和連結、使用箭頭鍵在單選按鈕和複選框元素之間導航以及使用空格鍵或 Enter 鍵填充它們。此外，鍵盤使用者將找到快速導航和內容跳過功能表，這些功能表可隨時通過單擊 Alt+1 獲得，或者在使用鍵盤導航時作為網站的第一個元素。後台進程還處理觸發的彈出視窗，方法是在彈出窗口出現時立即將鍵盤焦點移向它們，並且不允許焦點漂移到它之外。

   使用者還可以使用“M”（功能表）、“H”（標題）、“F”（表單）、“B”（按鈕）和“G”（圖形）等快捷方式跳轉到特定元素。

我們網站支持的殘疾概況

• 癲癇安全模式： 此配置檔通過消除閃爍或閃爍動畫和危險顏色組合導致的癲癇發作風險，使癲癇患者能夠安全地使用網站。
• 視 障模式：此模式調整網站以方便視力下降、隧道視力、白內障、青光眼等視力障礙使用者。
• 認知 障礙模式：此模式提供不同的輔助選項，以説明患有認知障礙（如閱讀障礙、自閉症、CVA 等）的使用者更輕鬆地專注於網站的基本元素。
• 多動症友好模式：此模式可説明患有多動症和神經發育障礙的使用者更輕鬆地閱讀、瀏覽和專注於主要網站元素，同時顯著減少分心。
• 失明模式：此模式 將網站配置為與螢幕閱讀器（如 JAWS、NVDA、VoiceOver 和 TalkBack）相容。螢幕閱讀器是安裝在計算機和智能手機上的盲人使用者軟體，網站必須與之相容。
• 鍵盤導航配置檔（運動障礙）：此配置檔使運動障礙者能夠使用鍵盤選項卡、Shift+Tab 和 Enter 鍵操作網站。使用者還可以使用“M”（功能表）、“H”（標題）、“F”（表單）、“B”（按鈕）和“G”（圖形）等快捷方式跳轉到特定元素。

其他UI、設計和可讀性調整

1. 字體調整 – 使用者可以增加和減少其大小、更改其系列（類型）、調整間距、對齊方式、行高等。
2. 顏色調整 – 使用者可以選擇各種顏色對比度配置檔，例如淺色、深色、反轉和單色。此外，用戶可以通過超過 7 種不同的著色選項交換標題、文字和背景的配色方案。
3. 動畫 – 癲癇用戶可以通過按鍵停止所有正在運行的動畫。介面控制的動畫包括視頻、GIF 和 CSS 閃爍過渡。
4. 內容突出顯示 – 使用者可以選擇強調連結和標題等重要元素。他們還可以選擇僅突出顯示聚焦或懸停的元素。
5. 音訊靜音 – 使用助聽器的使用者可能會因自動音訊播放而遇到頭痛或其他問題。此選項允許使用者立即將整個網站靜音。
6. 認知障礙 – 我們利用連結到維琪百科和維琪詞典的搜尋引擎，允許患有認知障礙的人破譯短語、首字母、俚語等的含義。
7. 附加功能 – 我們為使用者提供更改游標顏色和大小、使用列印模式、啟用虛擬鍵盤和許多其他功能的選項。

瀏覽器和輔助技術相容性

我們的目標是支援最廣泛的瀏覽器和輔助技術，以便我們的使用者可以為他們選擇最適合他們的工具，盡可能減少限制。因此，我們非常努力地支援占使用者市場份額95%以上的所有主要系統，包括Google Chrome，Mozilla Firefox，Apple Safari，Opera和Microsoft Edge，JAWS和NVDA（螢幕閱讀器），適用於Windows和MAC使用者。

註釋、評論和反饋

儘管我們盡最大努力允許任何人根據自己的需求調整網站，但仍可能有一些頁面或部分無法完全訪問，正在變得可訪問，或者缺乏足夠的技術解決方案來使其可訪問。儘管如此，我們仍在不斷改進我們的可訪問性，添加、更新和改進其選項和功能，以及開發和採用新技術。所有這些都是為了在技術進步之後達到最佳的可訪問性水準。如需任何説明，請聯繫