Užtikrinti, kad jūsų „WordPress“ svetainė būtų pasiekiama, reiškia sukurti aplinką, kurioje visi lankytojai galėtų patogiai skaityti ir bendrauti su jūsų turiniu. Viena iš labiausiai paplitusių kliūčių siekiant šio tikslo yra netinkamas spalvų kontrastas. Dėl prasto teksto ir fono kontrasto silpnaregiams ar daltonistams sunku naršyti ir suprasti jūsų medžiagą, o tai gali juos atstumti. Laimei, kontrasto gerinimas nebūtinai turi būti sudėtingas. Naudodami tinkamas strategijas, įrankius ir koregavimus galite pagerinti skaitomumą ir užtikrinti, kad jūsų svetainė būtų maloni visiems.
Kodėl kontrastas yra svarbus
Spalvų kontrastas turi įtakos tai, kaip lengva atskirti tekstą, piktogramas ir kitus sąsajos elementus iš jų fono. Jei kontrastas per mažas, tarkime, šviesiai pilkas tekstas baltame fone, daugeliui vartotojų bus sunku skaityti jūsų turinį. Padidėjęs kontrastas ne tik padeda regos negalią turintiems naudotojams, bet ir naudingas visiems, įskaitant naršančius ryškioje saulės šviesoje ar naudojantiems mažesnius mobiliuosius įrenginius. Geresnis kontrastas yra susijęs su mažesniu atmetimo rodikliu ir didesniu vartotojų pasitenkinimu, o tai galiausiai palaiko įtraukesnę ir patrauklesnę naudotojų patirtį.
Pradėkite nuo pritaikymo neįgaliesiems gairių
Žiniatinklio turinio prieinamumo gairės (WCAG) pateikia priimtino kontrasto santykio gaires. Paprastai pagrindinio teksto ir teksto vaizdų kontrasto santykis fone turi būti bent 4.5:1, o didelio teksto (18 pt ar didesnis arba 14 pt paryškintas) kontrasto santykis turi būti bent 3:1. Suderinę savo pakeitimus su šiais standartais, jūs padedate tvirtą įtraukimo pagrindą.
1. Patikrinkite savo dabartinį kontrastą
Veiksmas: Pradėkite įvertindami esamus svetainės spalvų derinius. Įrankiai: Geriausios WebAIM kontrasto tikrintuvas ir naršyklės plėtiniai, tokie kaip AX, gali nustatyti problemines sritis. Patarimas: Išbandykite kelis puslapius, ne tik pagrindinį puslapį. Meniu, poraštės, raginimo veikti mygtukai ir šoninės juostos valdikliai gali atskleisti netikėtų problemų.
2. Sureguliuokite spalvas per temos nustatymus
Veiksmas: Daugelyje „WordPress“ temų yra tinkinimo priemonė, leidžianti keisti spalvas neliečiant kodo. Kodėl: Pasirinkę tamsesnes teksto spalvas ir šviesesnį foną (arba atvirkščiai), greitai padidinsite kontrastą. Patarimas: Jei tekstas yra pilkas ant balto, pabandykite naudoti tamsesnį atspalvį, pvz., #333333, o ne #999999, kad pagerintumėte skaitomumą. Jei fonas per šviesus, apsvarstykite šiek tiek tamsesnį toną, kad būtų geriau įskaitoma.
3. Nuo pat pradžių naudokite prieinamas spalvų paletes
Veiksmas: Renkantis prekės ženklo spalvas ar temos atspalvius, pasirinkite paletes, žinomas dėl gero kontrasto. Kodėl: Pradėdami nuo prieinamų spalvų, išvengsite problemų kelyje. Patarimas: Įrankiai kaip "Adobe Color" or Spalvotas gali padėti rasti derinius, atitinkančius kontrasto standartus. Pažymėkite šiuos išteklius prieš nustatydami galutinę paletę.
4. Sureguliuokite šrifto dydį ir svorį
Veiksmas: Kartais skaitomumo gerinimas nėra susijęs tik su spalvomis. Padidinus šrifto dydį arba pasirinkus didesnį šrifto svorį, gali padidėti kontrastas. Kodėl: Didesnis tekstas yra lengviau matomas, o ryškesnis svoris leidžia geriau atskirti foną. Patarimas: Eksperimentuokite su savo temos tipografijos nustatymais arba naudokite papildinį, leidžiantį tinkinti šriftą. Šiek tiek didesnis šrifto dydis gali labai pakeisti tai, kaip vartotojai suvokia kontrastą.
5. Apsvarstykite nuorodų pabraukimus ir kraštines
Veiksmas: Jei kontrasto problemos turi įtakos nuorodos matomumui, pridėkite pabraukimą arba atskirą kraštinės stilių, kad nuorodos išsiskirtų. Kodėl: Nespalviniai ženklai (pvz., pabraukimai) padeda vartotojams, kurie negali lengvai atskirti tam tikrų spalvų. Patarimas: Patikrinkite temos stiliaus parinktis arba pridėkite paprastą CSS, kad užtikrintumėte, jog nuorodos visada būtų aiškiai matomos, nepaisant spalvų suvokimo.
6. Bandymas įvairiuose įrenginiuose ir aplinkose
Veiksmas: Peržiūrėkite savo svetainę skirtinguose ekranuose – nešiojamuosiuose kompiuteriuose, planšetiniuose kompiuteriuose, išmaniuosiuose telefonuose – ir įvairiomis apšvietimo sąlygomis. Kodėl: Spalvų schema, kuri atrodo tinkama darbalaukyje, gali būti sudėtinga mažame telefono ekrane ryškioje saulės šviesoje. Patarimas: Išbandykite pasirinktus kontrasto reguliavimus lauke arba įrenginiuose su mažo ryškumo nustatymais, kad įsitikintumėte, jog jie išliks veiksmingi realiose situacijose.
7. Naudokite „WordPress“ pritaikymo neįgaliesiems papildinį
Veiksmas: Pritaikymo neįgaliesiems papildiniai gali nuskaityti svetainę dėl kontrasto problemų ir pateikti veiksmingų pataisymų. Kodėl: Automatinės patikros nustato subtilias problemas, kurių galite nepastebėti. Pavyzdys: Panašus įskiepis WP One Tap pateikia rekomendacijas, kaip pagerinti kontrastą, veda į pokyčius be gilių techninių žinių.
8. Pridėti alternatyvias spalvų schemas
Veiksmas: Kai kurios temos ar papildiniai leidžia vartotojams vienu spustelėjimu perjungti didelio kontrasto režimą. Kodėl: Siūlydami alternatyvias spalvų schemas lankytojai gali pasirinkti, kas geriausiai atitinka jų regėjimo poreikius. Patarimas: Patikrinkite, ar jūsų tema palaiko didelio kontrasto perjungimą, arba apsvarstykite papildinį, kuris prideda šią funkciją.
9. Nepamirškite apie paveikslėlius ir piktogramas
Veiksmas: Įsitikinkite, kad tekstas virš vaizdų, infografikos ar piktogramų elementų taip pat atitinka kontrasto gaires. Už teksto pridėkite pusiau permatomas perdangas arba pasirinkite vaizdus su paprastesniu fonu. Kodėl: Puikus fono vaizdas gali netyčia užgožti svarbų tekstą, jei nėra pakankamai kontrasto. Patarimas: Sureguliuokite vaizdo neskaidrumą arba naudokite CSS filtrus, kad pagerintumėte skaitomumą neprarandant estetikos.
10. Klausykite vartotojų atsiliepimų
Veiksmas: Skatinkite lankytojus pranešti apie kontrasto problemas. Pridėkite atsiliepimų formą arba greitą apklausos valdiklį, kviečiantį pateikti pasiūlymų. Kodėl: Tikrieji naudotojai, įskaitant silpnaregius ar turinčius kitų sutrikimų, pateikia įžvalgų, kurių negali atitikti automatiniai testai. Patarimas: Apsvarstykite galimybę kreiptis pagalbos el. paštu arba į kontaktinį puslapį, skirtą atsiliepimams apie pritaikymą neįgaliesiems. Jų komentarai gali atskleisti kontrastingus iššūkius, kurių nesvarstėte.
11. Tęskite testavimą, kai svetainė vystosi
Veiksmas: Kiekvieną kartą, kai atnaujinate temas, įdiegiate papildinius ar pridedate naujo turinio, dar kartą patikrinkite kontrastą. Kodėl: Išdėstymo, fono vaizdų ar prekės ženklo spalvų pakeitimai gali netyčia sukelti naujų problemų. Patarimas: Nustatykite priminimą atlikti kontrasto testus kas ketvirtį arba po reikšmingų dizaino atnaujinimų. Šis įprotis užtikrina, kad išvengsite galimų problemų.
12. Mokykitės iš prieinamų svetainių
Veiksmas: Naršykite kitas svetaines, žinomas dėl jų prieinamumo, ir atkreipkite dėmesį, kaip jose pasirenkamos spalvos. Kodėl: Gerų pavyzdžių studijavimas padeda suprasti efektyvius sprendimus ir naujus metodus. Patarimas: Oficialus „WordPress“ temų katalogas apima pritaikymui pritaikytas temas, kurias galite studijuoti įkvėpdami. Stebėkite, kaip jie praktiškai įgyvendina kontrastingus elementus.
