Oświadczenia o dostępności


Ułatwienia dostępu na stronie Emirates.com

Na emirates.com wprowadziliśmy wiele ułatwień, które pomogą w nawigowaniu po stronie. Zachęcamy do zapoznania się ze szczegółową listą poniżej. Wprowadziliśmy przydatne ułatwienia w korzystaniu z bardziej skomplikowanych widżetów, takich jak kontrola kalendarza oraz szczegóły, przy których obecnie występują pewne trudności. Współpracowaliśmy z kilkoma organizacjami, w tym z Amerykańską Fundacją Osób Niewidomych oraz Królewskim Narodowym Instytutem Niewidomych, podczas testowania naszej strony oraz prac nad jej udoskonaleniem. Jak wspomniano wyżej, podczas budowy emirates.com kierowaliśmy się Wytycznymi dla dostępności treści internetowych (WCAG) 2.0, kryteria sukcesu dla poziomu AA. Strona doskonale współpracuje z NVDA i FireFox. Zalecamy korzystanie z najnowszych wersji tych czytników ekranowych. To dopiero pierwszy etap – planujemy dodanie obsługi innych czytników ekranowych w przyszłości.

Cechy:

Pomiń i przejdź do treści: Na górze strony, przed logo, umieściliśmy odnośnik „Pomiń i przejdź do treści”, który pomaga w nawigowaniu po stronie.

Obrazki: Zastosowaliśmy opisowe atrybuty alt do wszystkich obrazów (oraz obrazów tekstowych), które zawierają treści, oraz puste atrybuty alt do wszystkich obrazów o charakterze dekoracyjnym. W niektórych przypadkach dodaliśmy ukryty tekst do treści, aby nie musieć korzystać z atrybutów alt. Uznaliśmy, że dodanie tych informacji do czytników ekranowych pozwoli użytkownikom pełniej korzystać ze strony niż w przypadku samych atrybutów alt. Zmiany te wprowadzono po konsultacji ze specjalistami ds. ułatwień dostępu.

Formularze: Wszystkie formularze są dostępne z klawiatury. Ich pola są opisane, aby użytkownik wiedział, jakie informacje należy wpisać. W wielu punktach naszej platformy rezerwacyjnej korzystamy z personalizowanych formularzy i dokładamy wszelkich starań, aby zachować standardową interakcję.

Tabele: Choć na naszej stronie pojawia się wiele tabel, te o charakterze prezentacyjnym są odpowiednio skonfigurowane, aby czytniki ekranowe nie odczytywały danych z kolumn i wierszy. Wszystkie dane w tabeli mają odpowiednie nagłówki. Wszystkie obszerne tabele mają podsumowania.

Nagłówki: Na stronie stosujemy nagłówki, aby wygodniej dzielić treści.

Odnośniki: Dodaliśmy opisowe nazwy odnośników, aby użytkownik wiedział, do czego prowadzą. Ukryty tekst informuje użytkownika, gdy odnośnik otwiera się w nowym oknie lub zakładce.

Atrybuty ARIA: Korzystamy z nich sporadycznie; zazwyczaj tylko z role=”main” do głównej treści strony. Do podziału treści stosujemy też role=”complimentary”.

Zastosowanie ARIA: ponieważ nasza strona jest dynamiczna, korzystamy z różnych ról, właściwości i stanów ARIA, aby poprawić korzystanie ze strony i uzyskiwanie informacji niezbędnych po podjęcia odpowiednich decyzji. Zalecamy korzystanie z nowoczesnej przeglądarki z czytnikiem ekranowym, który pozwoli wykorzystać te funkcje strony.

Zastosowanie Javascript: Korzystamy z Javascript na całej stronie; język ten został wykorzystany do dodania ułatwień dostępu dla łatwiejszego korzystania ze strony. Zaleca się włączenie Javascript, aby w pełni korzystać ze strony.

Sterowanie z klawiatury

Kalendarz: Po otwarciu kalendarza użyj strzałek w górę, w dół, w lewo i w prawo, aby poruszać się między datami.

Siatka elastycznych dat: Będzie widoczna przy wyszukiwaniu lotów z elastycznymi datami. Po otwarciu siatki użyj strzałek, aby poruszać się między datami. W ten sposób wybierzesz daty, które są najbardziej korzystne pod względem terminu/ceny.

Regulamin: Dla użytkowników korzystających z klawiatury wyświetlamy dodatkowe instrukcje na ekranie.

Znane problemy:

Rola „application” ARIA: Wiemy o problemach związanych z użyciem role=”application” i zakładkami: oprócz bieżącego odnośnika odczytywany jest także poprzedni. Problem ten występuje w dwóch miejscach:

  1. W zakładce „Zarządzaj rezerwacją”, gdy wyłączone zostaną opcje (np. dodatkowy bagaż), pojawia się dymek. Dymek ten ma role=”application”, co umożliwia dostęp z klawiatury.
  2. Na stronach z treścią z indywidualnym kalendarzem stosujemy role=”application”, aby umożliwić dostęp z klawiatury. Kolejny element w zakładkach to odnośnik „Dostępność mobilna”, ale czytnik odczytuje najpierw poprzedni dymek (np. pomoc dotycząca numeru lotu).

Aby rozwiązać ten problem, stworzono zadanie dla społeczności NVDA(otwiera się w zewnętrznej witrynie).

Status pól zaznacz/odznacz: NVDA nie informuje o początkowej zmianie statusu (zaznaczenie/odznaczenie) widżetu do rezerwacji, który pojawia się podczas nawigacji w dół strony. Podczas kolejnych zmian (odznaczania/zaznaczania) NVDA informuje o statusie.

Tryb formularza: Z widżetu do rezerwacji lotów, podczas usuwania lotniska za pomocą opcji „Usuń”, użytkownik wraca do pola formularza, ale NVDA nie przełącza się do trybu formularza automatycznie. Oznacza to, że gdy użytkownik zacznie od razu pisać, dane nie zostaną wprowadzone. Problem nie występuje przy ręcznym przełączeniu się w tryb formularza.