Pieejamība sākas ar neatkarīgu lietošanu
Tīmekļa vietne ir pieejama, ja cilvēki to var droši lietot, neskatoties uz dažādām spējām un lietošanas situācijām. Tas attiecas uz neredzīgiem un vājredzīgiem cilvēkiem, nedzirdīgiem cilvēkiem, cilvēkiem ar kustību vai kognitīviem traucējumiem un daudziem vecāka gadagājuma lietotājiem. Arī lauzta roka, trokšņaina vide vai lēns interneta savienojums var īslaicīgi apgrūtināt lietošanu. Tāpēc pieejamība nav paredzēta nelielai, atlasītai grupai, bet gan uzlabo piekļuvi plašam cilvēku lokam.
To, vai pakalpojums ir patiesi pieejams, parāda konkrēti uzdevumi. Vai persona var atrast tikšanos, iesniegt veidlapu vai nokopēt tālruņa numuru, neradot navigācijas problēmas? Vai viņi saprot, kāda informācija ir nepieciešama un kas notiek pēc iesniegšanas? Labi domāts pieejamības paziņojums ir maz noderīgs, ja svarīga informācija ir attēlota tikai grafikā vai dialoglodziņu nevar aizvērt bez peles.
Tīmekļa vietņu operatoriem ir noderīga vienkārša perspektīvas maiņa: uzmanība netiek pievērsta atsevišķām funkcijām, bet gan visam ceļam uz mērķi. Skaidri salasāma sākumlapa nav pietiekama, ja pasūtīšanas process joprojām nav saprotams. Tāpēc vispirms apsveriet biežākos un svarīgākos ceļus, ko jūsu apmeklētāji veic. Šķēršļi kļūst īpaši acīmredzami tur, un uzlabojumi tur tieši noved pie lielākas neatkarības, drošības un uzticības.
Skaidra lapas struktūra nodrošina uzticamu orientāciju.
Cilvēki apstrādā tīmekļa lapas dažādi. Daži pāršķirsta virsrakstus, citi pietuvina saturu, bet neredzīgiem cilvēkiem ekrāna lasītājs skaļi nolasa elementus. Skaidra struktūra palīdz visās šajās situācijās. Katrai lapai jābūt atpazīstamai galvenajai tēmai, un virsrakstiem loģiski jāsadala saturs. Tiem, kas lasa tikai virsrakstus, jau jābūt iespējai saprast, par ko ir lapa un kur atrast meklēto informāciju.
Arī atkārtotiem elementiem ir nepieciešama fiksēta atrašanās vieta. Logotipam, galvenajai navigācijai, meklēšanai un kontaktinformācijai nevajadzētu mainīt savu pozīciju vai nosaukumu no lapas uz lapu. Vienots izkārtojums atvieglo darbu cilvēkiem, kuriem ir grūtības orientēties vai atcerēties procesus. Īpaši noderīgi ir jēgpilni lapu nosaukumi un skaidra norāde uz pašreizējo sadaļu. Tādā veidā vienmēr ir skaidrs, kur atrodaties un kā atgriezties pie galvenās tēmas.
Izvairieties no lapām, kurās par uzmanību konkurē daudzi vienlīdz nozīmīgi elementi. Ja ievades punktā vienlaikus dominē trīs baneri, vairākas flīzes un automātiski rotējošs attēls, būtiskais saturs paliek neskaidrs. Sakārtojiet saturu pēc svarīguma un piešķiriet vissvarīgākajai darbībai redzamu vietu. Skaidra hierarhija ne tikai atvieglo navigāciju, bet arī paātrina lēmumu pieņemšanu un samazina nejaušu klikšķu skaitu.
Lasāms dizains darbojas bez minējumiem
Laba lasāmība tiek panākta, izmantojot pietiekami lielus fontu izmērus, skaidras rakstzīmju formas un atbilstošu atstarpi starp rindām un rindkopām. Ļoti plāni fonti vai blīvi iepakots teksts var būt nogurdinoši pat cilvēkiem ar labu redzi. Šī problēma saasinās mazos ekrānos. Lietotājiem vajadzētu būt iespējai palielināt tekstu, nenogriežot saturu vai nepieprasot horizontālu ritināšanu. Tāpēc pārbaudiet ne tikai parasto skatu, bet arī ievērojami palielinātās versijas.
Krāsa var atbalstīt informāciju, bet ne tikai to nest. Sarkana apmale ap nepareizu veidlapas lauku var nebūt atpazīstama cilvēkiem ar traucētu krāsu redzi. Pievienojiet skaidru ziņojumu un skaidri atzīmējiet skarto lauku. Tas pats attiecas uz diagrammām, statusa indikatoriem un atlasītajiem izvēlnes vienumiem. Raksti, simboli vai teksts nodrošina, ka nozīme tiek saglabāta pat bez precīzas krāsu uztveres.
Pietiekams kontrasts nodrošina, ka teksts, pogas un ievades lauki ir salasāmi dažādos apgaismojuma apstākļos. Gaiši pelēka krāsa uz balta fona bieži izskatās eleganti, bet ātri kļūst neizlasāma. Īpaši svarīgas ir mazas piezīmes, vietturi un paraksti uz attēliem. Pārbaudiet kontrastus dizaina izstrādes procesā, ne tikai pirms publicēšanas. Tas ļauj viegli pielāgot krāsas, neveicot nogurdinošu gatavā produkta pārveidošanu.
Visām svarīgajām funkcijām jābūt pieejamām, izmantojot tastatūru.
Ne visi var droši lietot peli vai skārienekrānu. Daži cilvēki paļaujas tikai uz tastatūru, balss ievadi vai citu ievades ierīci. Tāpēc saitēm, pogām, izvēlnēm un veidlapu laukiem jābūt pieejamiem loģiskā secībā. Tab taustiņam jāseko redzamajam lapas izkārtojumam. Pārlēkšana uz slēptām zonām vai apļa veidošana komponenta ietvaros padara pat vienkāršus uzdevumus nevajadzīgi sarežģītus.
Pašreizējam fokusa punktam ir jāpaliek skaidri redzamam. Blāva ēna, kas tik tikko atšķiras no fona, nav pietiekama. Lietotājiem, kas pārvietojas ar tastatūru, vienmēr jāspēj redzēt, kurš elements tiks aktivizēts ar nākamo taustiņa nospiešanu. Noņemiet noklusējuma fokusa marķieri tikai tad, ja izveidojat tikpat skaidru aizvietotāju. Tas attiecas arī uz izvēlnēm, sīkfailu dialoglodziņiem, meklēšanas ieteikumiem un uznirstošajiem logiem.
Pilnībā pārbaudiet galvenos navigācijas ceļus bez peles. Atveriet navigāciju, atlasiet piedāvājumu, aizpildiet veidlapu un aizveriet visus dialoglodziņus. Pievērsiet uzmanību visiem gadījumiem, kad fokuss pazūd vai darbība ir iespējama tikai velkot, pārvelkot vai norādot. Šis vienkāršais tests atklās daudzus šķēršļus, kas, lietojot peli, paliek nepamanīti.
Saprotams saturs ātrāk noved pie pareizās darbības
Pieejams saturs skaidri norāda, kas lasītājiem jāzina vai jādara. Sāciet ar vissvarīgāko vēstījumu un pēc tam paskaidrojiet visu nepieciešamo informāciju. Gari ievadi, tehniskais žargons un neskaidras saites apgrūtina navigāciju. Saitei jānorāda tās galamērķis, nevis "Papildinformāciju var atrast šeit", bet gan "Dokumenti mājokļa pabalsta pieteikumam". Tas nodrošina, ka tās nozīme paliek skaidra pat tad, ja tā tiek lasīta skaļi ārpus rindkopas.
Īsi teikumi ir noderīgi, taču skaidrība nenozīmē katra satura elementa pārāk vienkāršošanu. Izskaidrojiet nepazīstamus terminus, kur nepieciešams, un konsekventi lietojiet vienu un to pašu terminu. Ja lapā pārmaiņus tiek rādīts klienta konts, profils un lietotāja apgabals, tas rada nevajadzīgu apjukumu. Konkrēti piemēri ir īpaši noderīgi attiecībā uz termiņiem, prasībām vai neskaidriem lēmumiem, ja vien tie neaizstāj faktisko saturu.
Virsrakstiem, etiķetēm un pogām ir droši jāatbilst gaidītajam. Poga ar nosaukumu “Tālāk” atklāj maz, savukārt “Pārbaudīt informāciju” izskaidro nākamo soli. Brīdinājumos jānorāda problēma un iespējamais risinājums. Draudzīga, tieša valoda ir noderīga cilvēkiem ar ierobežotu lasīšanas pieredzi, kā arī tiem, kas strādā laika spiediena apstākļos. Tāpēc skaidrs teksts ir būtiska lietojamības sastāvdaļa, nevis vēlāks valodas izpušķojums.
Veidlapām ir nepieciešami skaidri jautājumi un noderīgas atsauksmes.
Veidlapas ir viena no visbiežāk sastopamajām vietām, kur cilvēki pamet tīmekļa vietni. Katram laukam ir nepieciešama skaidri redzama etiķete, kas izskaidro tā mērķi. Piemērs laukā var būt noderīgs, taču tam nevajadzētu aizstāt etiķeti, jo tā pazūd, rakstot. Pieprasiet tikai to informāciju, kas patiešām ir nepieciešama procesam. Īsākas veidlapas ir vieglāk saprotamas, ātrāk aizpildāmas un rada mazāk kļūdu.
Obligātajiem laukiem un paredzamajiem formātiem jābūt skaidri identificējamiem pirms ievades. Ja nepieciešams konkrēts datuma formāts, sniedziet skaidru piemēru. Ja iespējams, atļaujiet izplatītas variācijas, nevis noraidiet lietotājus atstarpju vai defisu dēļ. Ilgākiem procesiem noderīgs ir skaidrs progresa indikators, ja tas norāda, kura daļa tiek apstrādāta un cik darbību vēl atlicis.
Ja rodas kļūda, ziņojumam jāatrodas blakus attiecīgajam laukam un skaidri jāpaskaidro, kas ir jāmaina. “Nepareiza ievade” atstāj lietotājus bez norādījumiem, savukārt “Lūdzu, ievadiet piecu ciparu pasta indeksu” piedāvā risinājumu. Turklāt pēc iesniegšanas ir nepieciešams skaidrs apstiprinājums. Šajā apstiprinājumā jānorāda, vai iesniegšana bija veiksmīga un kad var sagaidīt atbildi.
Attēliem, audio un video nepieciešama līdzvērtīga piekļuve
Attēli bieži vien sniedz informāciju, kuras trūkst apkārtējā tekstā. Alternatīvais teksts īsi apraksta, kas ir svarīgs lapas mērķim. Komandas profila fotoattēlam var pietikt ar nosaukumu un funkciju. Tomēr diagrammas gadījumā ziņojumam un attiecīgajām vērtībām jābūt pieejamām arī bez attēla. Palīgtehnoloģijām vajadzētu izlaist tīri dekoratīvus attēlus, lai tie nepagarinātu saturu ar bezjēdzīgiem failu nosaukumiem vai atkārtojumiem.
Videoklipiem ir nepieciešami subtitri runātajam saturam un svarīgiem skaņas efektiem. Ja vizuālās darbības no audio nav skaidri saskatāmas, var būt nepieciešams arī audio apraksts. Transkripts nodrošina papildu piekļuvi un atvieglo konkrētu apgalvojumu lasīšanu vai meklēšanu. Subtitri ir rūpīgi jāpārskata, jo automātiski ģenerētās versijas bieži vien jauc nosaukumus, tehniskos terminus vai skaitļus, tādējādi mainot to nozīmi.
Multividei nevajadzētu negaidīti sākt darboties ar skaņu. Kustīgam saturam jābūt apturamam, ja tas novērš uzmanību vai apgrūtina lasīšanu. Tāpat ņemiet vērā ātri mirgojošus efektus un steidzīgas pārejas. Vadības elementi ir noderīgi tikai tad, ja to pogas ir skaidri marķētas un pieejamas, izmantojot tastatūru. Tas nodrošina, ka saturs joprojām ir lietojams cilvēkiem ar dzirdes, redzes vai koncentrēšanās traucējumiem, netraucējot citus apmeklētājus.
Kvalitāte ir īpaši pamanāma mazos ekrānos.
Daudzi cilvēki galvenokārt apmeklē tīmekļa vietnes, izmantojot savus viedtālruņus. Tas apvieno ierobežotu ekrāna vietu, mainīgus apgaismojuma apstākļus un darbību ar pirkstiem. Tāpēc skāriena zonām jābūt pietiekami lielām un ar pietiekamu atstarpi vienai no otras. Neliela aizvēršanas poga dialoglodziņa malā var būt praktiski nepieejama cilvēkiem ar ierobežotām mobilitātes iespējām. Pareizi novietotas, skaidri marķētas vadības ierīces novērš nejaušas darbības.
Saturam jāpielāgojas šauriem ekrānu izmēriem, neupurējot būtisku funkcionalitāti. Īpašu uzmanību pievērsiet tabulām, kartēm, sīkfailu iestatījumiem un daudzlīmeņu navigācijai. Ja informācija tiek parādīta tikai tad, kad pele atrodas virs elementa, skārienjutīgajās ierīcēs tā pilnībā pazudīs. Nodrošiniet tādu pašu funkcionalitāti, izmantojot pieskārienu vai redzamu saiti, un pārliecinieties, ka parādīto saturu var viegli aizvērt.
Ierīces orientāciju nevajadzētu noteikt bez pamatota iemesla. Daži cilvēki ievieto planšetdatoru vai viedtālruni fiksētā turētājā un nevar to pagriezt. Tāpēc lapa, kas darbojas tikai portreta režīmā, var kļūt nelietojama. Elastīgs dizains ņem vērā šādas situācijas jau no paša sākuma un apvieno mobilo lietojamību ar pieejamību, nevis risina abus jautājumus atsevišķi.
Reālās pasaules lietošanas testi atklāj vairāk nekā tikai automatizētas pārbaudes
Automatizēti pārbaudes rīki var ātri noteikt trūkstošas etiķetes, vājus kontrastus un noteiktas strukturālas kļūdas. Tie ir noderīgs sākumpunkts, taču tie nevar noteikt, vai navigācija ir saprotama vai kļūdas ziņojums ir patiešām noderīgs. Pat ja tehniski ir pieejams alternatīvais teksts, tas joprojām var būt bezjēdzīgs. Tāpēc šādu rīku rezultāti jāuzskata par ieteikumiem un jāpārskata cilvēkiem, kuri var novērtēt lapas kontekstu.
Papildiniet tehniskās pārbaudes ar vienkāršiem manuāliem testiem. Pietuviniet lapu, pārvietojieties, izmantojot tikai tastatūru, un klausieties galvenās sadaļas, izmantojot ekrāna lasītāju. Vēl informatīvāki ir testi ar cilvēkiem, kuri ikdienā izmanto dažādas palīgtehnoloģijas un stratēģijas. Dodiet viņiem reālu uzdevumu, piemēram, atrast notikumu vai nosūtīt pieprasījumu, un novērojiet, kur rodas orientācijas vai darbības problēmas.
Atsauksmes jāizvērtē, pamatojoties uz to ietekmi. Nepieejama rezervēšanas iespēja vai trūkstoša veselības informācija ir steidzamāka nekā neliela atstarpes kļūda. Dokumentējiet, kura problēma rodas kurā lapā un kuri lietotāji tiek ietekmēti. Pēc labošanas tas pats process ir jāpārbauda vēlreiz. Tādā veidā garš vispārīgu atsauksmju krājums kļūst par pārbaudāmu faktiskās lietojamības uzlabojumu.
Pieejamība kļūst pastāvīga, kad atbildība ir skaidra.
Pieejama tīmekļa vietne netiek izveidota ar vienu kapitālo remontu. Jauns saturs, funkcijas un kampaņas jebkurā laikā var radīt jaunus šķēršļus. Tāpēc katrai iesaistītajai lomai ir nepieciešama atbilstoša atbildība. Redakcijas komandas koncentrējas uz skaidriem teksta un attēlu aprakstiem, dizaina komandas uz kontrastu un vizuālo ietekmi, bet izstrādes komandas uz lietojamību un tehnisko struktūru. Tiem, kas apstiprina saturu, jāzina, kuras pamatīpašības ir jāpārbauda pirms publicēšanas.
Pieejamas veidnes un atkārtoti izmantojami komponenti ir noderīgi. Ja formas, dialogi un navigācija jau ir labi izstrādātas un pārbaudītas, komandām nav jārisina vienas un tās pašas problēmas katrai lapai no jauna. Redakcionālajām saskarnēm ir skaidri jāpiedāvā nepieciešamā informācija, piemēram, alternatīvais teksts. Vienlaikus ir jāparedz vieta izņēmumiem, jo sarežģītai diagrammai ir nepieciešams atšķirīgs apraksts nekā dekoratīvam fotoattēlam. Labi pamati atvieglo pareizu ieviešanu ikdienas praksē.
Vislielākais praktiskais ieguvums tiek gūts, ja apmeklētāji var veikt svarīgus uzdevumus bez novēršamiem šķēršļiem. Sāciet ar visbiežāk izmantotajiem ceļiem, novērsiet būtiskus šķēršļus un pārbaudiet ietekmi uz reāliem lietotājiem. Šī pakāpeniskā pieeja ne tikai uzlabo atsevišķu lapu pieejamību, bet arī visa piedāvājuma kvalitāti. Rodas iekļaujoša tiešsaistes klātbūtne, kurā saprotamība, dizains un tehnoloģijas ir vērstas uz neatkarīgu lietošanu.