Meniu yra esminė svetainės navigacijos dalis, nukreipianti vartotojus į svarbius puslapius ir turinį. Norint sukurti įtraukią vartotojo patirtį, labai svarbu užtikrinti, kad jūsų meniu būtų prieinami. Šiame vadove mes jus supažindinsime su prieinamų meniu kūrimo ir įgyvendinimo „WordPress“ sistemoje procesu.
Kodėl svarbūs prieinami meniu
Pritaikyti meniu užtikrina, kad visi naudotojai, įskaitant ir neįgaliuosius, galėtų naršyti jūsų svetainėje. Pagrindiniai privalumai:
- Patobulintas naudojimas: Paprasta navigacija vartotojams, kurie naudoja klaviatūras arba pagalbines technologijas.
- Laikymasis: Padeda atitikti WCAG ir ADA prieinamumo standartus.
- SEO pranašumai: Prieinamos svetainės paieškos sistemų reitinguose rodo geresnes pozicijas.
Žingsnis po žingsnio vadovas, kaip sukurti prieinamus meniu
1 veiksmas: naudokite integruotą „WordPress“ meniu sistemą
„WordPress“ teikia patikimą meniu kūrimo priemonę, kuri pagal numatytuosius nustatymus palaiko prieinamumą. Išvaizda> Meniu prietaisų skydelyje, kad sukurtumėte arba redaguotumėte meniu.
2 veiksmas: pridėkite aprašomąsias meniu etiketes
Įsitikinkite, kad kiekvienas meniu elementas turi aiškų ir aprašomąjį pavadinimą. Venkite neaiškių terminų, tokių kaip „Spustelėkite čia“ arba „Daugiau“.
Apie mus Mūsų paslaugos
3 veiksmas: įjunkite klaviatūros navigaciją
Išbandykite savo meniu naudodami Tab klavišą, kad visi elementai būtų pasiekiami. Išskleidžiamieji meniu turėtų išsiskleisti ir susitraukti naudojant klaviatūrą.
4 veiksmas: pridėkite ARIA vaidmenis
ARIA vaidmenys suteikia kontekstą pagalbinėms technologijoms. Naudokite tokius vaidmenis kaip menu bei menuitem geresnei navigacijai.
Pradžia Susisiekite su mumis
5 veiksmas: patikrinkite spalvų kontrastą
Užtikrinkite pakankamą teksto ir fono spalvų kontrastą savo meniu. Naudokite tokius įrankius kaip BANGA patikrinti, ar laikomasi WCAG gairių.
6 veiksmas: įtraukite praleidimo nuorodas
Praleidimo nuorodos leidžia vartotojams apeiti meniu ir pereiti tiesiai prie pagrindinio turinio. Pridėkite praleidimo nuorodą puslapių viršuje:
Pereiti prie pagrindinio turinio
7 veiksmas: optimizuokite ekrano skaitytuvams
Naudokite tinkamą HTML struktūrą ir ARIA atributus, kad ekrano skaitytuvai galėtų efektyviai naršyti jūsų meniu. Venkite naudoti ne semantinius elementus, pvz. <div> meniu elementams.
Geriausia praktika, kaip sukurti prieinamus meniu
- Naudokite loginę ir hierarchinę meniu struktūrą.
- Įsitikinkite, kad išskleidžiamieji meniu yra pasiekiami tiek klaviatūra, tiek pele.
- Pateikite vaizdinius aktyvių meniu elementų fokusavimo indikatorius.
- Išbandykite savo meniu keliuose įrenginiuose ir naršyklėse.
Atvejų analizės: prieinami meniu praktiškai
1 atvejo analizė: el. prekybos svetainė
Internetinė parduotuvė optimizavo savo meniu, kad būtų lengviau naršyti naudojant klaviatūrą ir ekrano skaitytuvą. Šie pakeitimai padidino konversijų rodiklį 20 %.
2 atvejo analizė: švietimo platforma
Edukacinė svetainė pridėjo ARIA vaidmenis ir pagerino meniu kontrastingumą, todėl atmetimo rodiklis sumažėjo 15 %.
DUK: Pritaikyti meniu
Kas daro meniu prieinamą?
Pritaikytas neįgaliesiems meniu yra naršomas klaviatūra, skaitomas ekrano skaitytuvų, vizualiai aiškus ir su tinkamu spalvų kontrastu.
Kurie įskiepiai gali padėti sukurti prieinamus meniu?
Pluginai patinka „OneTap“ pritaikymo neįgaliesiems papildinys bei „Max Mega“ meniu teikti prieinamumo funkcijas „WordPress“ meniu.
Kaip galiu patikrinti savo meniu prieinamumą?
Norėdami įvertinti savo meniu prieinamumą ir atlikti reikiamus pakeitimus, naudokite tokius įrankius kaip „WAVE“, „Lighthouse“ arba „Axe DevTools“.
Kodėl klaviatūros navigacija yra svarbi meniu?
Klaviatūros naršymas užtikrina, kad vartotojai, negalintys naudotis pele, vis tiek galėtų efektyviai naršyti jūsų svetainėje.
Kokie yra ARIA vaidmenys ir kodėl jie svarbūs?
ARIA vaidmenys suteikia papildomos informacijos pagalbinėms technologijoms, pagerindami meniu patogumą ekrano skaitytuvų naudotojams.
