無障礙聲明


emirates.com 的無障礙功能

我們在 emirates.com 網站上加入了許多功能,希望可以幫助你更順暢瀏覽網頁。我們希望你能閱讀下方詳細的列表。我們加入了一些實用的方法,以幫助你處理日曆操控等等比較複雜的小工具,以及處理其他我們目前所面臨的挑戰。我們與數個組織合作,其中包含美國盲人基金會及皇家全國盲人協會,共同測試網站的便利性,以便加強並改善你的網站使用體驗。如上所述,我們是根據 WCAG 2.0 Level AA 的國際標準建立 emirates.com 網站,該網站適用 NVDA 系統及火狐瀏覽器。我們建議你使用這些螢幕閱讀器的最新版本。這只是我們的第一步,未來我們將會繼續建立更多更方便的功能,並支援其他的螢幕閱讀器。

特色

跳到內容:我們在網頁上方的 Emirates 標誌前加入了跳往內容的連結,方便你瀏覽網頁。

影像:我們在所有的影像中(包含文字影像)都加入了描述 alt 標籤,以便提供資訊;另外,裝飾影像中也都加入了截斷 alt 標籤。此外,我們也在有限的空間內,於內容中加入隱藏文字,以減少不必要的 alt 標籤。相較於使用 alt 標籤,我們認為加入這些資訊,有助於提供螢幕閱讀器使用者更豐富的使用體驗。我們已經向無障礙合作夥伴諮詢,才決定採用這種做法。

表格:所有表格都可用鍵盤快捷鍵叫出,且表格皆有程式化標籤,能協助你瞭解各個欄位的用途。我們在預訂引擎各處都使用客製化的表格欄位,並且努力維持標準的互動模式。

圖表:我們在網站中也使用了大量的圖表,只要是展示用途的圖表都已設定了展示角色,這樣螢幕閱讀器就不會讀出各欄及各列的資訊。所有的數據圖表都設有合適的標題。所有的複雜圖表都設有摘要。

標題:我們在網站各處都設有標題,以便適當地分隔不同的內容。

連結:我們有提供描述連結名稱,方便你瞭解每個連結的作用,並加深你對上下文的理解。我們也加入了隱藏文字,當連結開啟新視窗或標籤時,就會有提醒通知。

ARIA 地標:我們非常謹慎地使用 role=”main”,且通常都只用於網頁的主要內容。我們也有使用 role=”complimentary”,以便分隔內容。

使用 ARIA:為了製作這個動態網站,我們使用了不同的 ARIA 角色、屬性及狀態來加強用戶體驗,並提供必要的資訊讓你可以做出經過考慮的判斷。我們建議你使用最新版本的瀏覽器及螢幕閱讀器,以便善用這些功能。

使用 Javascript:我們在網站多處都有套用 Javascript,並使用它來操控部分無障礙功能,以提供用戶更好的使用體驗。建議你保持 Javascript 功能為啟用狀態,以便享有更好的使用體驗。

鍵盤使用者的操作方式

日曆:進入日曆畫面後,你可以使用上、下、左、右鍵來移動選擇日期。

彈性日期網格:如果你使用彈性日期搜尋航班,就會出現這個網格。網格出現後,你便可以使用箭頭按鍵選擇不同的日期,這樣就可以選擇最適合你的時間與預算的日期。

規則與條款:鍵盤使用者的畫面會顯示額外的說明。

已知問題

ARIA 應用角色:我們知道同時使用 role=”application” 與 tab 鍵導覽會出現問題:上一個連結會跟著具有焦點的連結一同讀出。網站上有 2 個地方會發生這種情況:

  1. 在「管理預訂」中,若有任何停用選項(例如:超重行李),就會出現自訂提示框。這個提示框設有 role=”application",以便提供鍵盤無障礙功能。
  2. 在內容頁面中,我們的自訂日曆也設有 role=”application”,以便提供鍵盤無障礙功能。下一個 tab 鍵導覽順序的元件是「行動啟用」的連結,但是閱讀器卻是先讀出上一個提示框(例如:「航班編號說明」)。

於是我們在 NVDA 的社群裡建立了 ticket(開啟外部網站),來解決這個問題。

核取方塊狀態:當您導覽至首頁底部時,NVDA 並不會讀出預訂工具上的原始的變更狀態(勾選/未勾選)。但是 NVDA 會讀出隨後的變更狀態(勾選與取消勾選)。

表格模式:在預訂航班的工具中,若使用刪除選項移除機場,焦點就會回到表格欄位,但是 NVDA 並不會自動進入表格模式。因此,如果你想要馬上輸入內容,就無法輸入任何資訊。如果你手動進入表格模式,一切操作就可以正常進行。