Skip to main content

DJ-MegaMenu w wersji 4.2 z zaktualizowaną nawigacją klawiatury zgodną z wytycznymi WAI-ARIA

Najnowsza aktualizacja rozszerzenia DJ-MegaMenu wprowadza ulepszony sposób nawigacji za pomocą klawiatury, który pozytywnie wpływa na sposób obsługi menu przez osoby z ograniczeniami.

Tabulator i klawisze strzałek działają teraz inaczej i jest jasno określone, co się stanie, gdy użyjesz strzałek. Zmiana ta dotyczy również podmenu, które nie pojawia się już automatycznie i otwiera się tylko za pomocą strzałki w dół/w górę. Zmiany wprowadziliśmy zgodnie z wytycznymi WAI-ARIA dotyczącymi nawigacji po stronie paska menu.

DJ-MEGAMENU 4.2 W WERSJI PRO

POBIERZ DJ-MEGAMENU 4.2 W WERSJI LIGHT

Zaktualizowana nawigacja przy pomocy klawiatury

Wytyczne WAI-ARIA dla paska menu (oraz podmenu) przy nawigacji poziomej mają teraz zastosowanie dla modułu DJ-MegaMenu.

Obsługa klawiatury została zaktualizowana dla:

  • Paska menu - poziomy zawierający pozycje (elementy) menu, którymi są:
    • Elementy powiązane bez podmenu
    • Elementy powiązane, które zawierają podmenu
    • Elementy rozdzielone, które zawierają podmenu
  • Podmenu "child", które:
    • Uwzględnia elementy, które mogą zawierać wiele pionowo ułożonych elementów
    • Dołącza podmenu do innych elementów ułożonych pionowo
    • Dołącza podmenu podzielone na kolumny jako oddzielny zestaw pionowego elementu menu

Skrót klawiszowy Tab podowuje przejście do elementu zgodnie z sekwencją elementów na stronie (Shift + Tab umożliwia cofnięcie się do poprzedniego elementu w sekwencji).

Po ustawieniu ostrości na elemencie paska menu można skorzystać z funkcji klawiszy wymienionych w poniższych tabelach, zgodnie z zasadami obsługi klawiatury:

Pasek menu

KlawiszFunkcja
Space
Enter
Otwiera podmenu i przenosi "focus" na pierwszą pozycję w podmenu.
Strzałka w prawo
  • Przenosi "focus" na następny element w pasku menu.
  • Jeżeli "focus" znajduje się na ostatnim elemencie, to przeniesie "focus" na pierwszy element.
Strzałka w lewo
  • Przenosi "focus" na poprzedni element w pasku menu.
  • Jeżeli "focus" znajduje się na pierwszym elemencie, przesunie "focus" na ostatni element.
Strzałka w dół Otwiera podmenu i przenosi "focus" na pierwszą pozycję w podmenu.
Strzałka w górę Otwiera podmenu i przenosi "focus" na ostatnią pozycję w podmenu.
Home Przenosi "focus" na pierwszy element w pasku menu.
End Przenosi "focus" na ostatni element w pasku menu.
Znak
  • Przenosi "focus" na następny element w pasku menu o nazwie zaczynającej się od wpisanego znaku.
  • Jeżeli żaden z elementów nie ma nazwy zaczynającej się od wpisanego znaku, "focus" nie zostanie przeniesiony.

Podmenu

KlawiszFunkcja
Space
Enter
  • Aktywuje element menu, powodując uaktywnienie odnośnika.
  • UWAGA: odnośniki prowadzą do stron pozornych; użyj funkcji cofania w przeglądarce, aby powrócić do tego elementu paska menu.
Escape
  • Zamyka podmenu
  • Przenosi "focus" na nadrzędny element paska menu.
Strzałka w prawo
  • Jeżeli "focus" znajduje się na elemencie z podmenu, to otwiera podmenu i ustawia "focus" na pierwszym elemencie.
  • Jeśli "focus" znajduje się na elemencie, który nie posiada podmenu:
    • Zamyka podmenu.
    • Przenosi "focus" na następny element w pasku menu.
    • Otwiera podmenu nowo wyśrodkowanego elementu paska menu, utrzymując "focus" na tym nadrzędnym elemencie paska.
Strzałka w lewo
  • Zamyka podmenu i przenosi "focus"na nadrzędną pozycję menu.
    Przenosi "focus" na następny element o nazwie zaczynającej się od wpisanego znaku.

  • Jeśli nadrzędna pozycja menu znajduje się w pasku menu, również:
    • przenosi "focus" na poprzedni element w pasku
    • Otwiera podmenu nowo wyśrodkowanego elementu paska, utrzymując "focus" na tym nadrzędnym elemencie paska.
Strzałka w dół
  • Przenosi "focus" na następny element w podmenu.
  • Jeśli "focus" znajduje się w pierwszym elemencie, przesunie "focus" na ostatni element.
Strzałka w górę
  • Przenosi "focus" na następny element w podmenu.
  • Jeśli "focus" znajduje się na ostatnim elemencie, przesunie "focus" na pierwszy element
Home Przenosi "focus" na pierwszy element podmenu.
End Przenosi "focus" na ostatni element podmenu.
Znak
  • Przenosi "focus" na następny element o nazwie zaczynającej się od wpisanego znaku.
  • Jeśli żaden z elementów nie ma nazwy zaczynającej się od wpisanego znaku, "focus" nie zostanie przesunięty.
    Przenosi "focus"na następny element o nazwie zaczynającej się od wpisanego znaku.

Przykład nawigacji paska menu na stronie www.w3.org

Uwaga: Dla klawisza "Enter" w pasku menu

  • Jeżeli pozycja menu w pasku menu: Jest separatorem i zawiera podmenu "child". Wtedy klawisz Enter otwiera podmenu zgodnie z zasadami obsługi klawiatury.
  • Jeśli jednak jest to element połączony i zawiera podmenu, klawisz Enter przekierowuje do adresu URL ustawionego dla tego elementu.

Inne zmiany

Najnowsza aktualizacja wprowadza także kilka innych ulepszeń:

Zobacz listę zmian dla wersji 4.2

Szablony Joomla i motywy WordPress zgodne z wytycznymi dla tworzenia dostępnych stron internetowych

Jesteśmy pionierami w tworzeniu dostępnych szablonów Joomla i dostępnych motywów WordPress. Oznacza to, że są one w pełni kompatybilne z wytycznymi WCAG /ADA/ Section508

Przeglądaj szablony Joomla zgodne z wytycznymi WCAG & ADA

Przeglądaj motywy WordPress zgodne z wytycznymi WCAG i ADA

Przypominamy, że rozszerzenie DJ-MegaMenu dostępne jest w dwóch wersjach - premium i light.

Wersja Light nie posiada niektórych funkcji premium, ale można ją pobrać bezpłatnie, a także w razie potrzeby można ją uaktualnić do wersji Mega Menu Pro.

POBIERZ DJ-MEGAMENU LIGHT ZA DARMO

Dowiedz się więcej