-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
1005 lines (963 loc) · 148 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
<!DOCTYPE html>
<html dir="ltr" lang="lv">
<head>
<meta name="format-detection" content="telephone=no">
<meta name="description" content="Description about site">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Piekļūstamības vadlīnijas</title>
<link rel="stylesheet" href="style.min.css">
<!-- favicon -->
<link rel="apple-touch-icon" sizes="180x180" href="assets/images/favicons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="assets/images/favicons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="assets/images/favicons/favicon-16x16.png">
<link rel="manifest" href="assets/images/favicons/site.webmanifest">
<link rel="mask-icon" href="assets/images/favicons/safari-pinned-tab.svg" color="#5bbad5">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff">
<!-- socials -->
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="628">
<meta property="og:title" content="Piekļūstamības vadlīnijas">
<meta property="og:description" content="Vienkāršas pārbaudes - sākotnējs tīmekļa vietnes piekļūstamības pārskats.">
<meta property="og:url" content="https://vadlinijas.pieklustamiba.lv/">
<meta property="og:image" content="https://vadlinijas.pieklustamiba.lv/assets/images/fb-share-pattern.png">
</head>
<body class="content">
<div id="sakums" class="page">
<div class="intro intro--hero">
<div class="wrapper">
<h1 id="tīmekļvietnes-izvērtējums-atbilstoši-digitālās-vides-piekļūstamības-prasībām-wcag-21-aa">Tīmekļvietnes izvērtējums atbilstoši digitālās vides piekļūstamības prasībām (WCAG 2.1 AA)</h1>
</div>
</div>
<nav role="navigation" class="intro intro--page-content">
<div class="wrapper">
<h3 id="lapas-saturs">Lapas saturs</h3>
<ul>
<li><p><a href="#izmantoto-terminu-skaidrojums" title="Izmantoto terminu skaidrojums">Izmantoto terminu skaidrojums</a></p>
</li>
<li><p><a href="#ievads" title="Ievads">Ievads</a></p>
</li>
<li><p><a href="#izmantoto-terminu-skaidrojums" title="Tīmekļvietņu novērtējuma metodoloģija">Tīmekļvietņu novērtējuma metodoloģija</a></p>
<ul>
<li><a href="#nov%C4%93rt%C4%93juma-veik%C5%A1anai-nepiecie%C5%A1amie-r%C4%ABki" title="Novērtējuma veikšanai nepieciešamie rīki">Novērtējuma veikšanai nepieciešamie rīki</a></li>
<li><a href="#nov%C4%93rt%C4%93juma-veik%C5%A1anas-k%C4%81rt%C4%ABba" title="Novērtējuma veikšanas kārtība">Novērtējuma veikšanas kārtība</a></li>
</ul>
</li>
<li><p><a href="#nov%C4%93rt%C4%93juma-veik%C5%A1anas-k%C4%81rt%C4%ABba" title="Tīmekļvietņu novērtējuma instrukcija">Tīmekļvietņu novērtējuma instrukcija</a></p>
<ol>
<li><a href="#1-galven%C4%81-navig%C4%81cija" title="Galvenā navigācija">Galvenā navigācija</a></li>
<li><a href="#2-pamatstrukt%C5%ABras-p%C4%81rbaude" title="Pamatstruktūras pārbaude">Pamatstruktūras pārbaude</a></li>
<li><a href="#3-tastat%C5%ABras-piek%C4%BCuve-un-vizu%C4%81lais-fokuss" title="Tastatūras piekļuve un vizuālais fokuss">Tastatūras piekļuve un vizuālais fokuss</a></li>
<li><a href="#4-formu-lauki-un-k%C4%BC%C5%ABdu-pazi%C5%86ojumi" title="Formu lauki un kļūdu paziņojumi">Formu lauki un kļūdu paziņojumi</a></li>
<li><a href="#5-att%C4%93lu-tekstu%C4%81l%C4%81-alternat%C4%ABva" title="Attēlu tekstuālā alternatīva">Attēlu tekstuālā alternatīva</a></li>
<li><a href="#6-virsraksti" title="Virsraksti">Virsraksti</a></li>
<li><a href="#7-kr%C4%81su-kontrasti" title="Krāsu kontrasti">Krāsu kontrasti</a></li>
<li><a href="#8-teksta-izm%C4%93ra-t%C4%81lummai%C5%86a" title="Teksta izmēra tālummaiņa">Teksta izmēra tālummaiņa</a></li>
<li><a href="#9-lapu-nosaukumi" title="Lapu nosaukumi">Lapu nosaukumi</a></li>
<li><a href="#10-saturs-kas-kustas-mirgo-un-zibsn%C4%AB" title="Saturs, kas kustas, mirgo un zibsnī">Saturs, kas kustas, mirgo un zibsnī</a></li>
<li><a href="#11-multimediju-audio-video-satura-alternat%C4%ABvas" title="Multimediju (audio, video) satura alternatīvas">Multimediju (audio, video) satura alternatīvas</a></li>
</ol>
</li>
<li><p><a href="#turpm%C4%81kie-so%C4%BCi" title="Turpmākie soļi">Turpmākie soļi</a></p>
</li>
<li><p><a href="#papildu-resursi" title="Papildu resursi">Papildu resursi</a></p>
</li>
<li><p><a href="#pielikums" title="Pielikums">Pielikums</a></p>
</div>
</nav>
</li>
</ul>
<div class="section wrapper"><h2 id="izmantoto-terminu-skaidrojums">Izmantoto terminu skaidrojums</h2>
<ul>
<li><p>ALT teksti jeb attēla tekstuālā alternatīva – teksti, kas tiek iekļauti HTML kodā, lai aprakstītu attēla (fotogrāfijas, ilustrācijas, grafikas, plakāta u.c.) saturu un mērķi.</p>
</li>
<li><p>Aplāde, podraide jeb podkāsts (<em>podcast</em>) – audio vai video formāta raidījums, kas tiek publicēts ar noteiktu periodiskumu un ko var lejupielādēt ierīcēs vai klausīties tiešsaistē.</p>
</li>
<li><p>Balss ievade – palīgtehnoloģija lietotāju un digitālā satura mijiedarbības veicināšanai, kas ļauj aizstāt datorpeli ar runu (balss komandas).</p>
</li>
<li><p>Ekrāna lasītāji (Jaws, NVDA u.c.) – neredzīgu un vājredzīgu cilvēku "acis" digitālajā vidē. Tās ir palīgtehnoloģijas jeb programmatūras, kas nolasa rakstīto tekstu, tostarp izmantotos simbolus, lietotājiem, kuri redzes traucējumu dēļ neredz ekrāna saturu vai nevar pārvietoties pa to ar datorpeli.</p>
</li>
<li><p>Palīgtehnoloģijas (<em>assistive technologies</em>) – tehnoloģijas, kas palīdz datoram vai mobilajam tālrunim padarīt digitālo saturu piekļūstamu cilvēkiem ar dažādiem veselības traucējumiem. Populārākie palīgtehnoloģiju veidi ir datorpele, tastatūra, ekrāna lasītājs un balss ievade.</p>
</li>
<li><p>Piekļūstamība (<em>accessibility</em>) – ja digitālās vides pieejamību (availability) nosaka digitālo tehnoloģiju pieejamība un darbība (vai lietotājiem ir pieejams dators vai viedtālrunis, vai šīs ierīces darbojas, vai interneta signāls ir pietiekami spēcīgs, lai varētu atvērt tīmekļvietni un veikt tajā noteiktas darbības u.tml.), digitālās vides piekļūstamība nosaka to, cik ērti lietotāji ar šīm tehnoloģijām var piekļūt digitālajam saturam un mijiedarboties ar to jeb uztvert un saprast šo saturu.</p>
</li>
<li><p>SEO (<em>Search Engine Optimization</em>) atslēgvārdi – mirkļbirkas, kas tiek izmantotas ar mērķi popularizēt organizācijas tīmekļvietni interneta vidē, palielināt tās apmeklējumu statistiku, uzlabot tās meklēšanas rezultātus Google, Yandex, Yahoo un citos pasaules vadošajos interneta meklētājservisos u.tml.</p>
</li>
<li><p>"Slēgta" jeb ar parolēm aizsargāta tīmekļvietne – jebkura tīmekļvietne, kurā ir nepieciešams autorizēties (internetbanka, dažādu pakalpojumu sniedzēju portāli, e-veikali u.tml.)</p>
</li>
<li><p>Spraudnis jeb papildinājums (<em>plugin, adon vai extention</em>) – ir datorprogramma, kas "sadarbojas" ar citām programmām, papildinot to funkcionalitātes.</p>
</li>
</ul>
</div>
<div class="section wrapper"><h2 id="ievads">Ievads</h2>
<p>Izstrādājot tīmekļvietnes, mobilās lietotnes, tiešsaistes pakalpojumus un citus digitālos resursus, parasti pastiprināta uzmanība tiek pievērsta ļoti šauram dizaina aspektam – šo resursu vizuālajai pievilcībai, atstājot novārtā jautājumus, kas attiecas uz to lietojamību. Tomēr tieši lietojamība nosaka to, cik kvalitatīva veidosies lietotāju mijiedarbība ar digitālo saturu. Turklāt pieredze liecina, ka arī lietojams digitāls saturs var būt pievilcīgs.</p>
<p>Digitālā satura lietojamību nosaka tā piekļūstamības līmenis, kas tiek vērtēts atbilstoši starptautiskajām vadlīnijām WCAG (Web Content Accessibillity Guidelines). To mērķis ir veicināt tādu digitālo resursu izveidi, ko bez jebkādiem ierobežojumiem varētu izmantot ikviens lietotājs. Jo uzskats, ka piekļūstamība ir saistoša tikai cilvēkiem ar dažādām veselības problēmām – redzes, dzirdes, kustību un garīgajiem traucējumiem, ir maldīgs. Digitālā satura piekļūstamību mūsdienās ierobežo arī daudzi citi faktori, piemēram, digitālā pratība un ierīču veiktspēja. </p>
<p>Digitālā satura piekļūstamības ierobežojumi ir tieši attiecināmi uz atsevišķu lietotāju diskrimināciju pēc noteiktām pazīmēm. Lai to novērstu, 2018. gada rudenī tika pieņemts Eiropas Savienības regulējums, kas nosaka, ka no 2020. gada 23. septembra piekļūstamām ir jābūt visām valsts institūciju tīmekļvietnēm. </p>
<p>Ievērojot šī regulējuma prasības, ir izstrādāts arī Latvijas nacionālais standarts LVS EN 3015492020 "IKT produktu un pakalpojumu piekļūstamības prasības". Ar tā aktuālo versiju var iepazīties Nacionālās standartizācijas institūcijas <a href="https://www.lvs.lv/">"Latvijas standarts" tīmekļvietnes</a> sadaļā par Ministru kabineta 2020. gada 14. jūlija noteikumiem Nr.445 "Kārtība, kādā iestāde ievieto informāciju internetā" piemērotajiem standartiem. Taču ņemiet vērā, ka šis standarts, līdzīgi kā daudzi citi dokumenti, tiek regulāri pilnveidots. Pirms sākt to lasīt, vienmēr pievērsiet uzmanību dokumenta numuram, nosaukumam un apstiprināšanas datumam!</p>
<p>Šīs tīmekļvietņu piekļūstamības novērtējuma vadlīnijas ir izstrādātas ar mērķi nodrošināt tīmekļvietņu atbilstību piekļūstamības prasībām atbilstoši Eiropas Savienības regulējuma, kā arī iepriekš minētā standarta 9., 10. un 11. punktos norādītajām prasībām. To pamatā ir metodoloģija, kas ļauj gūt vispārīgu priekšstatu par tīmekļvietņu piekļūstamību, ņemot vērā WCAG vadlīniju 2.1 versijas AA līmeņa rekomendācijas.</p>
<p>Lai gan šīs vadlīnijas paredzētas tīmekļvietnes izvērtēšanai tikai 11 būtiskākajos piekļūstamības aspektos, šis novērtējums ir uzskatāms par atbilstošu Ministru kabineta <strong>2020. gada 14. jūlija</strong> noteikumu Nr.445 "Kārtība, kādā iestāde ievieto informāciju internetā" prasībām, jo tā ietvaros pastiprināta uzmanība tiek pievērsta četriem piekļūstamības pamatprincipiem. Tie paredz, ka digitālajam saturam ir jābūt:</p>
<ul>
<li><strong>uztveramam</strong> (attēlu, multimediju satura un cita digitālā satura atspoguļošanas alternatīvu pieejamība);</li>
<li><strong>darbināmam</strong> (iespēja piekļūt digitālajam saturam un izmantot to brīvi – ne vien ar datorpeli, bet arī ar tā dēvētajām palīgtehnoloģijām, piemēram, TAB taustiņu);</li>
<li><strong>saprotamam</strong> (digitālā satura atspoguļošana vienkāršā valodā, lai tas būtu saprotams ikvienam lietotājam, arī cilvēkiem ar dažādiem uztveres traucējumiem);</li>
<li><strong>robustam</strong> (iespēja salāgot digitālo saturu ar dažāda veida iekārtām, piemēram, ekrāna lasīšanas ierīcēm, viedtālruņu virtuālajiem balss asistentiem un u.tml.).</li>
</ul>
<p>Lai gūtu visaptverošu priekšstatu par tīmekļvietnes piekļūstamību, ir jāveic pilnvērtīga tās izvērtēšana atbilstoši visām WCAG 2.1 vadlīniju prasībām, kas paredz automatizēto un lietotāju testu izmantošanu.</p>
</div>
<div class="section wrapper"><h2 id="tīmekļvietņu-novērtējuma-metodoloģija">Tīmekļvietņu novērtējuma metodoloģija</h2>
<p>Līdzīgi kā kino, arī digitālajā vidē nejaušību nav. Proti, ja filmas kadrā ir redzams kāds cilvēks vai elements, tas pilda noteiktas funkcijas. Arī digitālajā vidē jebkuram elementam ir paredzēta noteikta funkcionalitāte. </p>
<p>Lai noteiktu, vai galvenie tīmekļvietnes elementi pilda tiem paredzētās funkcijas, šīs vadlīnijas paredz veikt tās izvērtēšanu 11 būtiskākajos piekļūstamības aspektos, kas ir īpaši svarīgi lietotāju un digitālā satura mijiedarbības nodrošināšanai. Starp šiem aspektiem ir tādi, kas attiecas uz:</p>
<ul>
<li>tīmekļvietnes funkcionalitāti (navigācija, pamatstruktūra, formas, teksta tālummaiņa, iespēja piekļūt saturam ar tastatūru);</li>
<li>tīmekļvietnes satura piekļūstamību (virsraksti, lapu nosaukumi, krāsu kontrasti, attēlu tekstuālās alternatīvas, multimediju satura alternatīvas, animētais saturs). </li>
</ul>
<p>Neraugoties uz to, ka vērtējamie piekļūstamības aspekti ir visnotaļ tehniski, to pārbaudei tiek izmantoti automatizētie testi, tāpēc šī novērtējuma veikšanai nav nepieciešamas priekšzināšanas vai īpašas zināšanas un prasmes IT jomā. Tos var pārbaudīt teju ikviens, kuram ir pieejams dators, viedtālrunis un interneta pieslēgums.</p>
</div>
<div class="section wrapper"><h2 id="novērtējuma-veikšanai-nepieciešamie-rīki">Novērtējuma veikšanai nepieciešamie rīki</h2>
<p>Tīmekļvietnes piekļūstamības izvērtēšanai var izmantot dažādus rīkus. Zemāk pievienotajā tabulā ir apkopota informācija par efektīviem bezmaksas rīkiem, kas piemēroti dažādu piekļūstamības aspektu pārbaudei populārākajos interneta pārlūkos – Chrome, Firefox, Microsoft Edge un Safari.</p>
<p>Daļa no šiem rīkiem darbojas interneta pārlūka līmenī, bet daļa – operētājsistēmas (MacOS, Linux vai Windows) līmenī. Detalizētas instrukcijas par to, kā konkrētie rīki ir izmantojami, iekļautas katra izvērtēšanai paredzētā aspekta detalizētajā aprakstā.</p>
<table>
<thead>
<tr>
<th align="left">Pārbaudes rīks</th>
<th align="left">Rīka apraksts</th>
<th align="left">Pārlūks, kurā rīku var izmantot</th>
</tr>
</thead>
<tbody><tr>
<td align="left">Accessibility Insights</td>
<td align="left">Izmanto, lai pārbaudītu Android un Windows lietojumprogrammu, kā arī tīmekļvietņu piekļūstamību. Ļauj pārbaudīt tādus piekļūstamības aspektus kā navigācija ar tabulatoru, virsrakstu iezīmes u.c.</td>
<td align="left"><a href="https://accessibilityinsights.io/">Chrome, Microsoft Edge</a></td>
</tr>
<tr>
<td align="left">ALT Text Tester</td>
<td align="left">Izmanto ALT jeb attēla tekstuālās alternatīvas pārbaudei.</td>
<td align="left"><a href="https://chrome.google.com/webstore/detail/alt-text-tester/koldhcllpbdfcdpfpbldbicbgddglodk">Chrome</a></td>
</tr>
<tr>
<td align="left">Axe – Web Accessibility Testing</td>
<td align="left">Izmanto to piekļūstamības problēmu pārbaudei, kuras var precīzi noteikt, izmantojot automatizētos testus. Citas problēmas netiek pārbaudītas.</td>
<td align="left"><a href="https://chrome.google.com/webstore/detail/axe-web-accessibility-tes/lhdoppojpmngadmnindnejefpokejbdd">Chrome</a>, <a href="https://addons.mozilla.org/en-US/firefox/addon/axe-devtools/">Firefox</a></td>
</tr>
<tr>
<td align="left">A11y-Outliner</td>
<td align="left">Izmanto virsrakstu un tīmekļvietnes pamatstruktūras pārbaudei.</td>
<td align="left"><a href="https://addons.mozilla.org/en-US/firefox/addon/a11y-outline/">Firefox</a></td>
</tr>
<tr>
<td align="left">ChromeVox</td>
<td align="left">Rīks, kas darbojas kā ekrāna lasītājs. To izmanto formu, lauku nosaukumu un kļūdas paziņojumu pārbaudei.</td>
<td align="left"><a href="https://chrome.google.com/webstore/detail/chromevox-classic-extensi/kgejglhpjiefppelpmljglcjbhoiplfn">Chrome</a></td>
</tr>
<tr>
<td align="left">Image ALT</td>
<td align="left">Izmanto ALT jeb attēla tekstuālās alternatīvas pārbaudei.</td>
<td align="left"><a href="https://addons.mozilla.org/en-US/firefox/addon/image-alt/">Firefox</a></td>
</tr>
<tr>
<td align="left">Headings Map</td>
<td align="left">Izmanto virsrakstu piekļūstamības (loģiskās struktūras un hierarhijas) pārbaudei.</td>
<td align="left"><a href="https://chrome.google.com/webstore/detail/headingsmap/flbjommegcjonpdmenkdiocclhjacmbi">Chrome</a>, <a href="https://addons.mozilla.org/lv/firefox/addon/headingsmap/">Firefox</a></td>
</tr>
<tr>
<td align="left">High Contrast</td>
<td align="left">Izmanto krāsu kontrastu piekļūstamības pārbaudei.</td>
<td align="left"><a href="https://chrome.google.com/webstore/detail/high-contrast/djcfdncoelnlbldjfhinnjlhdjlikmph">Chrome</a></td>
</tr>
<tr>
<td align="left">MacOS Voice Over</td>
<td align="left">Operētājsistēmā MacOS iestrādāts rīks, kas darbojas kā ekrāna lasītājs. To izmanto formu, lauku nosaukumu un kļūdas paziņojumu pārbaudei.</td>
<td align="left">Chrome, Firefox, Safari</td>
</tr>
<tr>
<td align="left">Wave</td>
<td align="left">Sniedz vizuālu atgriezenisko saiti par tīmekļvietnes satura pieejamību. Neviens automatizēts rīks nevar precīzi noteikt, vai lapa ir piekļūstama, taču WAVE atvieglo novērtēšanas procesu un izglīto par piekļūstamības jautājumiem.</td>
<td align="left"><a href="https://wave.webaim.org/extension/">Chrome, Firefox</a></td>
</tr>
<tr>
<td align="left">WCAG Contrast Checker</td>
<td align="left">Izmanto krāsu kontrastu piekļūstamības pārbaudei.</td>
<td align="left"><a href="https://addons.mozilla.org/lv/firefox/addon/wcag-contrast-checker/">Firefox</a></td>
</tr>
</tbody></table>
</div>
<div class="section wrapper"><h2 id="novērtējuma-veikšanas-kārtība">Novērtējuma veikšanas kārtība</h2>
<p>Kārtību, kādā ir jāveic tīmekļvietņu novērtējums atbilstoši piekļūstamības prasībām, nosaka Ministru kabineta 2020. gada 14. jūlija noteikumu Nr.445 "Kārtība, kādā iestādes ievieto informāciju internetā" 26.1.1. punkts. </p>
<p>Novērtējuma ietvaros ir jāizvērtē katras izlases kopumā iekļautās jeb pārbaudei izvēlētās tīmekļvietnes sadaļas atbilstība visiem 11 piekļūstamības aspektiem. Primāri šī atbilstība ir jānovērtē datorā, taču atsevišķu piekļūstamības aspektu novērtējumu ieteicams veikt arī viedtālrunī:</p>
<ul>
<li>Ja novērtējuma rezultātā tiek gūts apstiprinājums tam, ka visās pārbaudei izvēlētajās tīmekļvietnes sadaļās ir ievēroti visi šie 11 piekļūstamības aspekti, tiek uzskatīts, ka tā ir pietiekami piekļūstama ikvienam lietotājam, tostarp personu grupām, kurām piekļūstams saturs uzlabo digitālā satura lietošanas pieredzi, piemēram, cilvēkiem ar dažādiem veselības traucējumiem. </li>
<li>Ja novērtējuma rezultātā netiek gūts apstiprinājums tam, ka visās pārbaudei izvēlētajās sadaļās ir ievēroti visi šie 11 piekļūstamības aspekti (atbilstība piekļūstamības prasībām netiek apstiprināta vai tiek apstiprināta daļēji), tiek uzskatīts, ka nepiekļūstama ir visa tīmekļvietne, nevis konkrētā tās sadaļa. Šajā gadījumā tīmekļvietnes īpašniekam ir jānodrošina nepilnību novēršana atbilstoši WCAG 2.1. vadlīnijām. Šim mērķim var izmantot arī šī novērtējuma vadlīnijās aprakstītos labās prakses piemērus.</li>
</ul>
<p>Jāpiebilst, ka labā prakse paredz veikt piekļūstamības novērtējumu vismaz piecām tīmekļvietnes sadaļām. Turklāt pārbaudēm ir jāizvēlas tādas sadaļas, ko ikdienā apmeklē salīdzinoši vislielākais lietotāju skaits. </p>
<p>Tīmekļvietnes atbilstību piekļūstamības principiem var veikt vai nu darba grupās, ko veido vismaz viens speciālists, kurš ir atbildīgs par informācijas izvietošanu organizācijas tīmekļvietnē, un vismaz viens speciālists, kurš ir atbildīgs par tīmekļvietnes tehnisko uzturēšanu, vai arī nosakot atbildīgo personu par tīmekļvietnes izvērtēšanu, kas pēc nepieciešamības var sazināties ar tīmekļvietnes uzturētāju (citu iestādi vai atbilstošo ārpakalpojumu). </p>
<p>Novērtējuma gaitā tiek sagatavots piekļūstamības izvērtēšanas protokols (tā veidlapa pieejama šo vadlīniju 1. pielikumā), kas apliecina tīmekļvietnes atbilstību vai neatbilstību WCAG 2.1 vadlīnijās noteiktajiem piekļūstamības principiem. </p>
</div>
<div class="section wrapper"><h2 id="tīmekļvietņu-novērtējuma-instrukcija">Tīmekļvietņu novērtējuma instrukcija</h2>
<p>Veicot tīmekļvietņu piekļūstamības novērtējumu, rūpīgi sekojiet līdzi šajā nodaļā aprakstīto piekļūstamības aspektu pārbaudes instrukcijām. Lai jums būtu vieglāk izvērtēt, vai un cik piekļūstams ir katrs no aspektiem, kas ir jāpārbauda šī novērtējuma ietvaros, pirms sākt testēšanu, iepazīstieties ar labās prakses piemēriem šo aspektu piekļūstamības nodrošināšanā.</p>
<p>Veicot piekļūstamības izvērtējumu, rezultātus digitāli apkopojiet atbilstoši šo vadlīniju 1.pielikumā iekļautajam protokolam Šim nolūkam īpaši piemērotas ir MS Excel formāts, bet var izmantot arī MK Word veidni. Protokols pievienots šo vadlīniju 1. punktā un rediģējamā formātā <a href="https://www.varam.gov.lv">VARAM tīmekļvietnē</a> Ms Word un Ms Excel formātā.</p>
</div>
<div class="section wrapper"><h2 id="1-galvenā-navigācija">1. Galvenā navigācija</h2>
<p>Bieži tiek pieņemts, ka visiem lietotājiem ir datorpeles un ka visi tās arī lieto. Taču datorpele nav nedz obligāts, nedz arī pašsaprotams digitālā satura izmantošanas instruments. Piemēram, tā var salūzt. Ar to nevar dzēst tekstu. Un ir lietotāji, kuri objektīvu iemeslu dēļ to nemaz nevar izmantot. Starp viņiem ir gan cilvēki ar redzes un kustību traucējumiem (vieni neredz kursoru, otri nespēj to kontrolēt), gan arī cilvēki, kuriem ir pārejošas veselības problēmas (īslaicīgi redzes traucējumi, lauzta roka vai sasists pirksts u.c.). Tāpēc svarīgs priekšnosacījums kvalitatīvas lietotāju un digitālā satura mijiedarbības veicināšanai ir iespēja piekļūt šim saturam vairāk nekā vienā veidā – ne vien ar datorpeli, bet arī dažādām palīgtehnoloģijām.</p>
<p>Tomēr ir jāņem vērā, ka iespēja piekļūt digitālajam saturam dažādos veidos vēl nenodrošina tā piekļūstamību. Piemēram to, cik ērti lietojama ir tīmekļvietne – cik viegli tajā ir orientēties, meklēt informāciju u.tml., nosaka tas, cik pārdomāti ir izveidota tās navigācija. Jo piekļūstamu navigāciju raksturo vienkāršība it visā – sākot ar navigācijas elementu nosaukumiem un beidzot ar to izvietojumu lapas struktūrā.</p>
<h3 id="11-labā-prakse">1.1. Labā prakse</h3>
<p>Navigācija ir tīmekļvietnes redzamā struktūra. Tāpēc, domājot par lietotāju ērtībām, tās elementu izkārtošanā ieteicams izmantot hierarhijas principus, līdzīgi, kā tas tiek darīts ar virsrakstiem (plašāks apraksts par virsrakstu strukturēšanu pieejams šo vadlīniju 6. nodaļā). Tas nozīmē, ka tad, ja konkrētajam lapas pamatstruktūras elementam ir pakārtoti citi elementi (apakšsadaļas), šiem elementiem jābūt izvietotiem loģiskā secībā. </p>
<p>Tāpat labā prakse paredz, ka, veidojot tīmekļvietnes pamatstruktūru:</p>
<ul>
<li>Pirmā līmeņa jeb galvenie navigācijas elementi, piemēram, "Par mums", "Pakalpojumi" un "Kontakti", tiek ietverti lapas galvenē (header). Kājenē (footer) un sānu izvēlnēs to izmantošana ir pieļaujama tikai tad, ja tie ir arī galvenē.</li>
<li>Apakšnavigācijas elementi jeb galveno navigācijas sadaļu apakšsadaļas tiek izcelti un nodalīti no galvenā satura (main content).</li>
<li>Apakšnavigācijas elementiem tiek nodrošināta piekļuve ne vien ar datorpeli, bet arī tastatūru – izmantojot Tab taustiņu (Tab uz priekšu, Shift + Tab atpakaļ) Apakšnavigācijas elementi parādās uz augšējās sadaļas nospiežot taustiņu "Enter".</li>
<li>Sānu izvēlnes, līdzīgi kā apakšnavigācijas elementi, tiek nodalītas no galvenā satura.</li>
<li>Viena no sānu izvēlnēm (parasti – ekrāna kreisajā pusē) tiek veidota kā papildu navigācijas bloks, kurā jāatspoguļo detalizēta lapas struktūra satura rādītāja formā. Šādu risinājumu īpaši novērtē lietotāji ar kognitīviem jeb informācijas uztveres traucējumiem. Taču ikdienā tas sniedz ievērojamas priekšrocības ikvienam lietotājam, jo atvērt nepieciešamo tīmekļvietni uzreiz ir daudz ātrāk un ērtāk nekā "ceļot" pa iznirstošām izvēlnēm vai klikšķināt no saites uz saiti, līdz atveras nepieciešamā lapa.</li>
</ul>
<h3 id="12-testēšana">1.2. Testēšana</h3>
<p>Šajā sadaļā tiek novērtēta tikai tīmekļvietnes galvenās navigācijas atbilstība piekļūstamības principiem. Detalizēta instrukcija, kā izvērtēt to, cik piekļūstams ar datora tastatūru ir viss tās saturs, pieejama šo vadlīniju 3. nodaļas 3.2. punktā.</p>
<p>Ņemiet vērā, ka tīmekļvietnes navigācija datorā un viedtālrunī tiek atspoguļota atšķirīgi, tāpēc, lai kvalitatīvi pārbaudītu tās piekļūstamību, novērtējums ir jāveic abās ierīcēs!</p>
<h4 id="121-navigācijas-pārbaude-datorā">1.2.1. Navigācijas pārbaude datorā</h4>
<p>Interneta pārlūkos Firefox un Safari tīmekļvietnes navigācijas novērtējums tiek veikts vizuāli – pārvietojoties pa lapas elementiem ar tastatūras taustiņu TAB. Savukārt, lai pārbaudītu navigācijas piekļūstamību pārlūkā Chrome, izmantojiet rīku Accessibility Insights:</p>
<ol>
<li>Ierakstiet interneta pārlūka teksta laukā tīmekļvietnes, kuru vēlaties novērtēt, adresi.</li>
<li>Aktivizējiet tastatūras piekļuves pārbaudes rīku (Accessibility Insights → Ad Hoc Tools → TAB Stops → Show TAB Stops). </li>
<li>Nospiediet datora tastatūrā vairākas reizes TAB taustiņu. Jums ekrānā tiks iezīmēts TAB taustiņa pārvietošanās "ceļš" konkrētās tīmekļvietnes lapā.</li>
<li>Pārliecinieties, ka: <ul>
<li>ar TAB taustiņu var piekļūt visiem tīmekļvietnes navigācijas elementiem un to apakšsadaļām (pārvietošanās pa apakšsadaļu izvēlnēm notiek ar Tab taustiņu (Tab uz priekšu, Shift + Tab atpakaļ));</li>
<li>kustība pa tīmekļvietni ar TAB taustiņu ir secīga un konkrētās tīmekļvietnes lapas satura izkārtojums ir loģisks;</li>
<li>vizuālais fokuss ir labi redzams, t.i., katrs navigācijas elements ir izcelts – ierāmēts vai izgaismots (plašāk par tastatūras vizuālo fokusu lasiet šo vadlīniju 3.nodaļā). </li>
</ul>
</li>
</ol>
<p>Interneta pārlūkā Safari navigācijas pārbaude tiek veikta pēc līdzīga principa. Atšķirība ir tikai tā, ka TAB taustiņa vizuālais fokuss ir jāaktivizē manuāli, jo tas neparādās pēc noklusējuma (plašāka informācija par tastatūras vizuālā fokusa pārbaudi pieejama šo vadlīniju 3. nodaļas 3.2. nodaļā).</p>
<h4 id="122-navigācijas-pārbaude-viedtālrunī">1.2.2. Navigācijas pārbaude viedtālrunī</h4>
<p>Tīmekļvietnes navigācijas piekļūstamības pārbaude viedtālrunī operētājsistēmās Android un iOS ir līdzīga. Abos gadījumos šī pārbaude tiek veikta ar ierīcē iebūvēto ekrāna lasītāju. Atšķiras tikai izmantojamā rīka nosaukums:</p>
<ol>
<li>Aktivizējiet viedtālruņa iestatījumos ekrāna lasīšanas rīku:<ul>
<li>Ja izmantosiet pārbaudei viedtālruni ar operētājsistēmu Android, ierīces ekrāna lasītāja aktivizēšanas shēma ir šāda: Settings → Accessibility → Screen Reader → Voice Assistant (pogu var aktivizēt ar dubultklikšķi – pieskaroties tai ar pirkstu divas reizes pēc kārtas).</li>
<li>Ja izmantosiet pārbaudei viedtālruni ar operētājsistēmu iOS, ierīces ekrāna lasītāja aktivizēšanas shēma ir šāda: Settings → Accessibility → Voice Assistant (pogu var aktivizēt ar dubultklikšķi – pieskaroties tai ar pirkstu divas reizes pēc kārtas).</li>
</ul>
</li>
<li>Atveriet jebkurā no ierīcē pieejamajiem interneta pārlūkiem tīmekļvietni, kuru vēlaties pārbaudīt.</li>
<li>Lai pārvietotos pa viedtālruņa ekrānu uz priekšu līdzīgi kā ar TAB taustiņu pa datora ekrānu, velciet ar pirkstu pa ierīces ekrānu (swipe) uz labo pusi. Lai pārvietotos atpakaļ, velciet ar pirkstu pa ierīces ekrānu uz kreiso pusi. Savukārt, lai aktivizētu kādu no tīmekļvietnes navigācijas elementiem, izmantojiet dubultklikšķi (pieskarieties konkrētajam elementam ierīces ekrānā ar pirkstu divas reizes).</li>
<li>Pārliecinieties, ka:<ul>
<li>jūs varat piekļūt visiem navigācijas elementiem, bet īpaši – elementiem, kas atrodas tīmekļvietnes galvenē;</li>
<li>jūs varat piekļūt visiem galvenajiem navigācijas elementiem pakārtotajiem elementiem, kas parasti tiek atspoguļoti kā iznirstošas izvēlnes (piemēram, lapas sadaļu apakšsadaļas);</li>
<li>vizuālais fokuss ir labi redzams, t.i., katrs navigācijas elements ir izcelts – ierāmēts vai izgaismots (plašāk par tastatūras vizuālo fokusu lasiet šo vadlīniju 3. nodaļā).</li>
</ul>
</li>
</ol>
</div>
<div class="section wrapper"><h2 id="2-pamatstruktūras-pārbaude">2. Pamatstruktūras pārbaude</h2>
<p>Izstrādājot tīmekļvietnes – to struktūru un dizaina elementus, ir svarīgi ņemt vērā, ka lietotāji šīs vietnes lapas redz atšķirīgi. Piemēram, vājredzīgi cilvēki parasti maina to atspoguļošanas veidu ekrānā, palielinot burtu izmēru vai izmantojot noteiktus krāsu kontrastus. Cilvēki ar kustību traucējumiem bieži izmanto lapu tālummaiņas (<em>zoom page</em>) iespēju, lai varētu veiksmīgāk mijiedarboties ar saskarnes ekrānu. Savukārt neredzīgi cilvēki šīs lapas neredz vispār – viņi visu informāciju uztver ar dzirdi un tausti, tāpēc paļaujas uz dažādām palīgtehnoloģijām, piemēram, ekrāna lasīšanas ierīcēm un Braila displeju. </p>
<p>Lai visi lietotāji varētu orientēties tīmekļvietnē, pārvietoties pa tās satura blokiem vienlīdz labi, ļoti nozīmīga loma ir pārdomātai šīs vietnes pamatstruktūrai. Proti, katram elementam, kas veido tīmekļvietnes pamatstruktūru (<em>landmarks</em>), ir jābūt ne vien piekļūstamam, bet arī jāpilda noteikta funkcija. </p>
<p>Tradicionāli tīmekļvietnes pamatstruktūra tiek veidota no trīs satura blokiem: galvene, galvenais saturs un kājene. Taču var tikt izmantoti arī citi satura bloki, piemēram, sānu izvēlnes. Kas ir būtiski – neatkarīgi no tā, cik un kādi satura bloki tiek izmantoti, tiem jābūt redzamiem jeb nodalītiem gan vizuāli, gan funkcionāli. Tas nozīmē, ka šim dalījumam jābūt iestrādātam tīmekļvietnes HTML kodā. Ja tīmekļvietnes satura bloki tiek nodalīti tikai vizuāli, tie nav piekļūstami, jo ir ekrāna lasīšanas ierīcēm neredzami.</p>
<p>Jāpiebilst, ka viena no biežāk izplatītākajām kļūdām, kas būtiski ierobežo tīmekļvietnes pamatstruktūras lietošanu ar dažādām palīgtehnoloģijām, ir tā, ka atsevišķus tās pamatstruktūras elementus var izmantot tikai ar datorpeli. Piemēram, ja lapas galvenos navigācijas elementus jeb sadaļas parasti var atvērt gan ar datora tastatūru, gan ar datorpeli, to apakšnavigācijas elementus jeb apakšsadaļas var atvērt tikai ar datorpeli, kas tās padara nepiekļūstamas lietotājiem, kuri ierīci ikdienā neizmanto.</p>
<h3 id="21-labā-prakse">2.1. Labā prakse</h3>
<p>Visām tīmekļvietnēm pamatstruktūra tiek veidota pēc ļoti līdzīgiem principiem. Lai tā būtu piekļūstama (ērti lietojama), visi pamatstruktūras elementi ir jāievieto nevis vienā satura blokā, bet vairākos, sadalot tos pēc "piederības". Piemēram, tīmekļvietnes galvenē tradicionāli tiek iekļauti trīs pamatstruktūras elementi:</p>
<ul>
<li>galvenās navigācijas elementi;</li>
<li>elementi, kas ļauj mainīt lapas izskatu – burtu izmēru, valodu u.c.;</li>
<li>meklētājs (šī elementa iekļaušana galvenē nav obligāta, taču ir vēlama, jo gadījumos, kad tas tiek izvietots citos satura blokos, piemēram, sānu izvēlnē, lietotājiem ar redzes traucējumiem, kuri nepieciešamo informāciju parasti primāri meklē tieši ar meklētāja palīdzību, nevis detalizēti iepazīstot visu tīmekļvietnes struktūru, tā atrašana prasa vairāk laika).</li>
</ul>
<img class="lazy" data-src="assets/images/2020-12-04-18-19-22.png" alt="Divi attēli blakus. Pa kreisi Lielbritānijas valdības mājaslapas ekrānšāviņš ar vietnes pamatstruktūru modālajā logā. Pa labi kādas Latvijas vietnes ziņu saraksta ekrānšāviņš ar vietnes pamatstruktūru modālajā logā.">
<figcaption>
1. attēls. Tīmekļvietnes pamatstruktūras elementu noformēšanas labās un sliktās prakses piemērs.
Attēlā pa kreisi šie elementi ir izveidoti pareizi, jo to noformējumā ir izmantoti trīs galvenie tīmekļvietnes pamatstruktūras elementi.
Pie kam, nozīmīgākajiem elementiem ir izveidots tā dēvētais reģions jeb lauks (region), kuram ir piešķirts nosaukums (šis elements ir aprakstīts).
Savukārt attēlā pa labi tīmekļvietnes pamatstruktūras elementi ir noformēti nepareizi.
Pirmkārt, tīmekļvietnes pamatstruktūras elementu ir par daudz (to ir 11, lai gan optimālais skaits ir līdz 7).
Otrkārt, elementi, kas saucas vienādi, nav atšifrēti (nosaukums "navigation" izmantots četras reizes).
Treškārt, paskaidrojošais saturs (lapas pamatstruktūras elements "complementary") ir izmantots vairākas reizes un bez nosaukuma.
Jāpiebilst, ka parasti tas tiek iekļauts lapas pamatstruktūras elementā "main".
</figcaption>
<p>Tāpat, veidojot piekļūstamu tīmekļvietnes pamatstruktūru, ir jāņem vērā šādas nianses:</p>
<ul>
<li>Neaizraujieties ar pamatstruktūras elementiem. Optimālais šādu elementu skaits tīmekļvietnē ir 5 līdz 7. Ja to skaits ir lielāks, tīmekļvietnes navigācija ir apgrūtināta.</li>
<li>Veidojiet visus tīmekļvietnes elementus redzamus, jo slēpti elementi to padara nepiekļūstamu.</li>
<li>Nodaliet galvenos pamatstruktūras elementus, iekļaujot tos dažādos satura blokos. Turklāt veidojiet šo dalījumu gan vizuālu, gan funkcionālu – iestrādājiet to tīmekļvietnes HTML kodā.</li>
<li>Veidojiet sadaļu, kurā tiek iekļauta kontaktinformācija, brīva teksta, nevis tabulas formātā, jo ekrāna lasīšanas ierīču orientēšanās spējas tabulās ir ļoti ierobežotas. Šīs ierīces nolasa tabulās atspoguļoto informāciju pa šūnām (horizontāli), tāpēc cilvēkiem ar redzes traucējumiem ir ļoti jānopūlas, lai atcerētos kolonnu secību un izskaitļotu, kura šūna un uz kuru kolonnu attiecas. Īpaši sarežģīti viņiem ir uztvert tabulās atspoguļotu saturu, ja tajās ir apvienotas šūnas, jo nav skaidrs, kuras šūnu rindas vai kolonnas attiecas uz šo apvienoto šūnu kopumu. Ļoti bieži apvienoto šūnu princips tiek izmantots, atspoguļojot kontaktinformācijas sadaļā informāciju par darbiniekiem, kuri pārstāv vienu organizācijas struktūrvienību – nodaļu vai departamentu. </li>
<li>Definējiet visus satura blokus un sekojiet līdzi tam, lai lapas funkcionālie elementi (piemēram, galvenā navigācija un meklētājs) atrodas to satura bloku rāmjos, uz kuriem tie attiecas.</li>
<li>Ņemiet vērā, ka katrā tīmekļvietnē drīkst būt tikai viens galvenais elements jeb satura bloks, kurā tiek ievietots lapas galvenais saturs. Navigācijas bloki var būt vairāki.</li>
<li>Iekļaujot tīmekļvietnē vairākus navigācijas blokus, ņemiet vērā, ka katram no tiem ir nepieciešams savs (unikāls) nosaukums.</li>
<li>Neiekļaujiet tīmekļvietnes pamatstruktūras elementu saturu bloku nosaukumus šo bloku veidu nosaukumos. Piemēram, ja satura bloka veida nosaukums ir "Navigācija", ir pietiekami, ja tajā iekļautā satura bloka nosaukums ir "Galvenā", "Valodu" u.tml. To, ka šajā gadījumā runa ir par "Galveno navigāciju" un "Valodu navigāciju", ekrāna lasīšanas ierīces sapratīs pašas.</li>
</ul>
<h3 id="22-testēšana">2.2. Testēšana</h3>
<p>Dažādos interneta pārlūkos tīmekļvietnes pamatstruktūras pārbaude notiek līdzīgi. Atšķiras tikai izmantojamo rīku nosaukumi. Šajā instrukcijā aprakstīts, kā veikt pārbaudi interneta pārlūkos Chrome un Firefox:</p>
<ol>
<li>Atveriet tīmekļvietni, kuru vēlaties pārbaudīt.</li>
<li>Aktivizējiet pārbaudes rīku: <ul>
<li>Ja pārbaudi veiksiet pārlūkā Chrome, izmantojiet rīku Accessibility Insights (Accessibility Insights → Ad Hoc Tools → Landmarks). Jūsu datora ekrānā atvērsies logs, kurā būs redzami tīmekļvietnes struktūras elementi. Galvenie tās satura bloki tiks iezīmēti ar raustītu līniju, bet to labajā augšējā stūrī tiks atspoguļots konkrētā bloka nosaukums.</li>
<li>Ja pārbaudi veiksiet pārlūkā Firefox, izmantojiet rīku A11y-Outliner (A11y-Outliner → Landmarks). Jūsu datora ekrānā atvērsies logs, kurā būs redzami tīmekļvietnes struktūras elementi.</li>
</ul>
</li>
<li>Pārliecinieties, ka:<ul>
<li>tīmekļvietnes pamatstruktūru veido vismaz trīs elementi: galvene, galvenā daļa un kājene (šo elementu nosaukumi dažādās tīmekļvietnēs var atšķirties, taču tiem jābūt pietiekami saprotamiem, lai tos varētu atpazīt);</li>
<li>visa informācija ir saprotama, ja to lasa redzamajā secībā, piemēram, virsraksti atrodas tieši virs informācijas, uz kuru tie attiecas;</li>
<li>visiem informācijas blokiem ir virsraksti, turklāt tie ir loģiski un viegli saprotami (plašāka informācija par to, kā tiek veidoti piekļūstami virsraksti, pieejama šo vadlīniju 6. nodaļā).</li>
</ul>
</li>
<li>Atsevišķi varat pārliecināties, vai:<ul>
<li>tīmekļvietnes pamatstruktūrā ir iekļauts meklētājs;</li>
<li>kontaktinformācija nav atspoguļota tabulas formātā:<ul>
<li>Atveriet sadaļu, kurā apkopota kontaktinformācija (ja atsevišķa sadaļa kontaktinformācijai tīmekļvietnē nav paredzēta – šī informācija ir iekļauta, piemēram, kājenē vai lapas sānu izvēlnē, pārbaudi ieteicams veikt tīmekļvietnes galvenajā lapā).</li>
<li>Nospiediet jebkurā vietā uz ekrāna ar datorpeles labo taustiņu un izvēlieties izvēlnē opciju Pārbaudīt (<em>Inspect</em>) vai nospiediet taustiņu kombināciju Ctrl + Shift + I (visi taustiņi jāspiež vienlaicīgi). Ekrāna labajā pusē parādīsies konkrētās lapas HTML kods. </li>
<li>Rūpīgi apskatiet šo kodu. Ja pie tabulas satura šajā kodā parādās atzīmes <code><tbody></code>(<em>table body</em>), <code><tr></code> (<em>table row</em>) vai <code><td></code> (<em>table data</em>), kontaktinformācija ir atspoguļota tabulas formātā, attiecīgi – tā nav piekļūstama.</li>
</ul>
</li>
</ul>
</li>
</ol>
</div>
<div class="section wrapper"><h2 id="3-tastatūras-piekļuve-un-vizuālais-fokuss">3. Tastatūras piekļuve un vizuālais fokuss</h2>
<p>Kā jau tika minēts šo vadlīniju 1. nodaļā, ne visi lietotāji var un vēlas izmantot datorpeli, lai piekļūtu digitālajam saturam un mijiedarbotos ar to. Tāpēc, veidojot tīmekļvietnes, ir svarīgi paredzēt iespēju tām piekļūt ne vien ar datorpeli, bet arī ar kādu no alternatīvajām ierīcēm.</p>
<p>Tastatūra ir populārākā no kopumā trim datorpeles alternatīvām. Iemesls? Ja ekrāna lasīšanas un balss ievades ierīces ar mērķi piekļūt digitālajam saturam ikdienā izmanto gandrīz tikai un vienīgi cilvēki ar redzes traucējumiem, tastatūru šim nolūkam nereti izmanto arī citi lietotāji.</p>
<p>Lai pārvietotos pa tīmekļvietni ar tastatūru, pārsvarā tiek izmantots TAB taustiņš. Ja tīmekļvietne ir piekļūstama, ar šo taustiņu iespējams piekļūt pilnīgi visiem tās elementiem – gan navigācijas elementiem, gan arī tekstam, attēliem, formām, multimediju vadīklām u.tml. Savukārt, ja tīmekļvietne ir daļēji piekļūstama vai nav piekļūstama, tās satura izmantošana ar tastatūru var būt ļoti apgrūtinoša.</p>
<p>Salīdzinoši visbiežāk dažādi ierobežojumi tīmekļvietnes funkcionalitātes izmantošanai ar tastatūru ir novērojami, reģistrējoties noteiktu pakalpojumu izmantošanai. Piemēram, autentifikācijas logu ar tastatūru atvērt var, taču tā apakšizvēļņu izmantošana ir ierobežota vai nav iespējama.</p>
<p>Jāteic gan, ka tīmekļvietne, kuras saturam var ērti piekļūt ar tastatūru, nav līdz galam piekļūstama, ja tajā netiek nodrošināts tastatūras vizuālais fokuss jeb aktīvā elementa iezīmēšana (izcelšana). Tas būtiski atvieglo lapas navigāciju, jo skaidri parāda lietotājam, kur tieši tīmekļvietnes lapā viņš atrodas.</p>
<h3 id="31-labā-prakse">3.1. Labā prakse</h3>
<p>Labā prakse paredz ne tikai to, ka visam tīmekļvietnes saturam jābūt piekļūstamam gan ar datorpeli, gan arī ar tastatūru un citām palīgtehnoloģijām. Tā paredz arī to, ka:</p>
<ul>
<li>pārvietošanās secība ar TAB taustiņu caur visiem lapas elementiem ir loģiska un dabīga;</li>
<li>visiem navigācijas elementiem jābūt fokusētiem jeb iezīmētiem – tiem ir jāizceļas, lai lietotājs vienmēr skaidri zina, kur tieši tīmekļvietnē viņš atrodas.</li>
</ul>
<p>Tomēr, lai lietotāji varētu pilnvērtīgi izmantot tīmekļvietnes saturu ar tastatūru, gan tās piekļuves, gan arī vizuālā fokusa nodrošināšanā ir jāievēro vairāki būtiski nosacījumi.</p>
<h4 id="311-tastatūras-piekļuves-nodrošinājums">3.1.1. Tastatūras piekļuves nodrošinājums</h4>
<p>Iespēja pārvietoties pa tīmekļvietni, tās lapām ar TAB taustiņa palīdzību uz priekšu un atpakaļ vēl nenozīmē, ka tastatūras piekļuve ir pilnvērtīga:</p>
<ul>
<li>Tabulēšanas secībai jeb secībai, kādā kursors tiek pārvietots pa displeja ekrānu, ir jābilst loģiskai informācijas lasīšanas secībai – no augšas uz leju un no kreisās puses uz labo (uzskatāms piemērs atspoguļots 3. attēlā).</li>
<li>Tīmekļvietnē nedrīkst būt tā dēvētās "tastatūras lamatas" (salīdzinoši visbiežāk tās ir sastopamas multimediju atskaņotāju vadīklās) – lietotājiem ir jābūt iespējai ar TAB taustiņu ne vien atvērt visus lapas elementus, bet arī aizvērt tos.</li>
<li>Tīmekļvietnē nedrīkst būt arī tā dēvētās "iznirstošās lamatas", ko var veidot modālie logi, ja tajos nav iespējas nofiksēt kursoru. Šai iespējai nofiksēt kursoru ir ļoti nozīmīga loma, lai lietotājs varētu pabeigt modālajos logos noteiktas darbības. Piemēram, apstiprināt sīkdatnes vai pagarināt, pārtraukt internetbankas sesiju. Proti, iespējai iziet no šiem logiem ir jābūt tikai tad, kad konkrētā darbība ir veikta.</li>
<li>Ir jāparedz iespēja ar TAB taustiņu ne vien atvērt nolaižamos sarakstus, bet arī brīvi pārvietoties pa to izvēlnēm ar bulttaustiņiem (←↑↓→), turklāt darīt to, neveicot darbības. Viena no biežāk izplatītajām kļūdām šo sarakstu noformēšanā ir tā, ka, līdzko izvēlnē tiek nospiests bulttaustiņš, sarakstā tiek iezīmēts pirmais vienums un atveras jauna lapa, attiecīgi – citus vienumus atzīmēt nav iespējams.</li>
<li>Ir jāparedz iespēja atvērt visas aktīvās saites, izmantojot taustiņu Enter.</li>
</ul>
<p>Tāpat ir svarīgi paredzēt tā dēvētās noklusētās navigācijas iespējas jeb īsceļus (<em>shortcut</em>):</p>
<ul>
<li>ESC – modālo logu (sīkdatņu paziņojumi, reklāmas banneri u.c. logi, kas atveras pa virsu lapas saturam, ienākot tīmekļvietnē) aizvēršana;</li>
<li>Enter – darbības apstiprinājums (identiska funkcionalitāte kā klikšķim ar datorpeles kreiso taustiņu)</li>
<li>Ctrl + L – interneta pārlūka adrešu joslā esošās adreses kopēšana;</li>
<li>Ctrl + Shift + T – pēdējās aizvērtās cilnes atvēršana;</li>
<li>Ctrl + R vai F5 – konkrētās tīmekļvietnes lapas pārlādēšana jeb atjaunināšana (refresh).</li>
</ul>
<img class="lazy" data-src="assets/images/2020-12-04-18-39-18.png" alt="Divi ekrānšāviņi blakus. Katram pa virsu ar līnijām un cipariem attēlots TAB taustiņa pārvietošanās ceļš.">
<figcaption>
1. attēls. Tabulēšanas secības labās un sliktās prakses piemērs.
Attēlā pa kreisi TAB taustiņa pārvietošanās "ceļš" pa displeju atbilst loģiskai informācijas lasīšanas secībai (no augšas uz leju, no kreisās puses uz labo). Savukārt attēlā pa labi šis "ceļš" neatbilst piekļūstamības prasībām, jo ir neloģisks (haotisks).
</figcaption>
<h4 id="312-tastatūras-vizuālā-fokusa-nodrošinājums">3.1.2. Tastatūras vizuālā fokusa nodrošinājums</h4>
<p>Bieži vien tastatūras vizuālais fokuss estētisku apsvērumu dēļ tiek veidots teju nemanāms. Taču labā prakse paredz, ka aktīvajiem tīmekļvietnes lapas elementiem jābūt labi pamanāmiem jebkurā tīmekļvietnes skatā – arī visos iespējamajos kontrasta režīmos. Tāpēc piemērotākie risinājumi kvalitatīva vizuālā fokusa izveidei ir aktīvo lapas elementu izgaismošana vai ierāmēšana, izmantojot šim nolūkam tādu krāsu, kas kontrastē ar šo elementu pamata krāsu (uzskatāms piemērs atspoguļots 4. attēlā).</p>
<img class="lazy" data-src="assets/images/2020-12-04-18-41-01.png" alt="Divi epasta ievades lauka fokusa piemēri viens zem otra. Augšējam redzams tastatūras fokuss, apakšējam nē.">
<figcaption>
4. attēls. Tastatūras vizuālā fokusa labās un sliktās prakses piemērs.
Augšējā attēlā tastatūra vizuālais fokuss veidots pareizi – ierāmējot lapas aktīvo elementu (teksta logs "E-pasts") ar kontrastējošu zilas krāsas līniju. Savukārt apakšējā attēlā šī fokusa nav vispār.
</figcaption>
<p>Īpaši nozīmīga loma labi pamanāmam vizuālajam fokusam ir saišu un formu lapu izcelšanā. Piemēram, gadījumos, kad saite tiek iestrādāta attēlā, bet šis attēls nav iezīmēts pietiekami skaidri, lietotājs var nesaprast, ka zem tā "slēpjas" saite, jo ar TAB taustiņu to aktivizēt nevar. Savukārt, ja formu lapas ir iezīmētas neskaidri vai nav iezīmētas vispār, lietotājs var nepamanīt, ka tās ir jāaizpilda, kas viņam var radīt dažādas neērtības. Piemēram, cilvēkiem ar redzes traucējumiem šādi var tikt liegta iespēja iegādāties to vai citu preci, jo viņiem nav iespējas aizpildīt visu tās pasūtījuma formu.</p>
<h3 id="32-testēšana">3.2. Testēšana</h3>
<p>Ja plānojiet veikt tastatūras vizuālā fokusa pārbaudi interneta pārlūkā Chrome vai Firefox, ņemiet vērā, ka visi aktīvie lapas elementi, izmantojot tās navigācijai tastatūru, tiks iezīmēti pēc noklusējuma. Savukārt, ja veiksiet tastatūras vizuālā fokusa pārbaudi interneta pārlūkā Safari, jums tastatūras vizuālais fokuss ir jāaktivizē manuāli, jo šajā pārlūkā aktīvie lapas elementi pēc noklusējuma netiek iezīmēti. To var izdarīt pārlūka iestatījumos: Settings → Select System Preferences → Keyboard → All controls.</p>
<p>Ja ikdienā digitālā satura piekļuvei izmantojiet datorpeli, jums tastatūras piekļuves un vizuālā fokusa pārbaudes veikšanai lieti noderēs daži praktiski ieteikumi:</p>
<ol>
<li>Lai sāktu izmantot lapas navigācijai tastatūru, ieklikšķiniet ar datorpeli tās adreses joslā un nolieciet datorpeli malā.</li>
<li>Lai pārvietotos pa lapas elementiem secīgi uz priekšu, nospiediet TAB taustiņu. Savukārt, lai pārvietotos pretējā virzienā, piemēram, atgrieztos pie iepriekšējā elementa, izmantojiet taustiņu kombināciju TAB + Shift (spiediet šos taustiņus vienlaicīgi).</li>
<li>Lai pārvietotos pa tādiem lapas elementiem kā izvēļņu joslas un nolaižamie saraksti, izmantojiet tastatūrā iestrādātos bulttaustiņus (←↑↓→).</li>
<li>Lai atlasītu nolaižamajā sarakstā noteiktu vienumu:<ul>
<li>pārvietojieties ar TAB taustiņu uz nolaižamā saraksta logu;</li>
<li>izmantojiet bulttaustiņus, lai pārvietotu tastatūras vizuālo fokusu uz nepieciešamo vienumu;</li>
<li>atlasiet šo vienumu, nospiežot taustiņu Enter vai Space.</li>
</ul>
</li>
</ol>
<h4 id="321-tastatūras-piekļuves-un-vizuālā-fokusa-pārbaude-operētājsistēmā-windows">3.2.1. Tastatūras piekļuves un vizuālā fokusa pārbaude operētājsistēmā Windows</h4>
<p>Ja jūs datorā lietojiet operētājsistēmu Windows, izmantojiet šī piekļūstamības aspekta pārbaudei rīku Accessibility Insights, kas ļauj izvērtēt tastatūras piekļuves un vizuālā fokusa atbilstību piekļūstamības principiem interneta pārlūkos Chrome un Microsoft Edge:</p>
<ol>
<li>Ierakstiet interneta pārlūka teksta laukā tīmekļvietnes, kuru vēlaties novērtēt, adresi.</li>
<li>Aktivizējiet tastatūras piekļuves pārbaudes rīku: Accessibility Insights → Ad Hoc Tools → TAB Stops → Show TAB Stops.</li>
<li>Nospiediet datora tastatūrā vairākas reizes TAB taustiņu. Jums ekrānā tiks iezīmēts TAB taustiņa pārvietošanās "ceļš" konkrētās tīmekļvietnes lapā.</li>
<li>Pārliecinieties, ka:<ul>
<li>ar TAB taustiņu var piekļūt visam tīmekļvietnes saturam;</li>
<li>kustība pa tīmekļvietni ar šo taustiņu ir secīga, proti, konkrētās tīmekļvietnes lapas satura izkārtojums ir loģisks);</li>
<li>vizuālais fokuss ir labi redzams;</li>
<li>darbojas īsceļi, bet īpaši – ESC, kas ļauj aizvērt modālos logus.</li>
</ul>
</li>
</ol>
<p>Efektīvs veids, kā salīdzināt labo un slikto praksi tīmekļvietnes pamatstruktūras veidošanā, ir īpaši šim mērķim izstrādāta platforma, ko veidojusi WACG vadlīniju autori:</p>
<ul>
<li><a href="https://www.w3.org/WAI/demos/bad/after/survey">Pārvietošanās ar TAB taustiņu pozitīvais piemērs</a>. Nospiediet TAB taustiņu, lai pārvietotos pa lapas elementiem. Pievērsiet uzmanību, ka lielākajai daļai elementu, kad tie ir fokusā, parādās sarkans fons, bet radiopogas un ar tām saistītais saturs tiek izcelts ar punktētu rāmi.</li>
<li><a href="https://www.w3.org/WAI/demos/bad/before/survey">Pārvietošanās ar TAB taustiņu negatīvais piemērs</a>. Nospiediet TAB taustiņu, lai pārvietotos pa lapas elementiem. Pievērsiet uzmanību, ka šajā lapā neviens elements nav fokusēts.</li>
</ul>
<h4 id="322-tastatūras-piekļuves-un-vizuālā-fokusa-pārbaude-operētājsistēmā-macos">3.2.2. Tastatūras piekļuves un vizuālā fokusa pārbaude operētājsistēmā MacOS</h4>
<p>Šajā gadījumā tastatūras piekļuves un vizuālā fokusa pārbaude ir jāveic interneta pārlūkā Safari, kas ir noklusētais operētājsistēmas MacOS interneta pārlūks:</p>
<ol>
<li>Ierakstiet interneta pārlūka teksta laukā tīmekļvietnes, kuru vēlaties novērtēt, adresi.</li>
<li>Aktivizējiet operētājsistēmas iestatījumos pārbaudes veikšanai nepieciešamo rīku: Safari-Preferences → Advanced (logā, kas atvērsies, izvēlieties ikonu, kas atgādina zobratu). Izvēlnes satura blokā Accessibility ieķeksējiet izvēles rūtiņu (check-box), kuras aprakstā ir teksts "Press Tab to highlight each item on a web page".</li>
<li>Nospiediet datora tastatūrā vairākas reizes TAB taustiņu. Ekrānā tiks secīgi vizualizēts jeb izcelts katrs tīmekļvietnes navigācijas un satura elements, pa kuru notiks pārvietošanās ar šo taustiņu.</li>
<li>Pārliecinieties, ka:<ul>
<li>ar TAB taustiņu var piekļūt visam tīmekļvietnes saturam;</li>
<li>kustība pa tīmekļvietni ar šo taustiņu ir secīga, proti, konkrētās tīmekļvietnes lapas satura izkārtojums ir loģisks);</li>
<li>vizuālais fokuss ir labi redzams;</li>
<li>darbojas īsceļi, bet īpaši – ESC, kas ļauj aizvērt modālos logus.</li>
</ul>
</li>
</ol>
</div>
<div class="section wrapper"><h2 id="4-formu-lauki-un-kļūdu-paziņojumi">4. Formu lauki un kļūdu paziņojumi</h2>
<p>Viens no nozīmīgākajiem tīmekļvietņu uzbūves elementiem, kas nodrošina kvalitatīvu lietotāju mijiedarbību ar to saturu, ir formas – viens vai vairāki lauki, kuros jāievada vai jāatzīmē noteikta informācija, ko vienmēr papildina viena poga, kas ir vērsta uz konkrētu darbību, piemēram: "apstiprināt", "meklēt", "pirkt", "sūtīt" u.c. </p>
<p>Ja interneta pirmsākumos formas tika izmantotas salīdzinoši reti, jo informācijas apmaiņa starp serveriem bija sarežģīts process, mūsdienās tās ir ļoti populāras – katrā tīmekļvietnē ir sastopamas vismaz divas formas: meklētājs un lietotāju autentifikācijas rīks. Jāpiebilst, ka meklētājs ir viena no pirmajām zināmajām formām, kas savu aktualitāti nav zaudējusi joprojām. To tradicionāli veido viens teksta lauks un poga "meklēt" (search). </p>
<p>Salīdzināšanai var minēt, ka e-pasta formai ir raksturīgi divi lauki (lietotājvārds un parole) un poga "pierakstīties" (sign in). Taču mēdz būt formas, kuru lauku skaits ir lielāks (piemēram, pasūtījumu noformēšanas formas). Atsevišķos gadījumos (piemēram, elektroniskajās aptaujas anketās) to skaits var sasniegt pat vairākus desmitus. </p>
<p>Kopumā izšķir četru veidu formas. Vienkāršākās ir teksta formas. Savukārt sarežģītākas ir nolaižamie saraksti (drop-down), kā arī tā dēvētās radiopogas (radio button) un izvēles rūtiņas (check-box). Neatkarīgi no tā, kāda veida formas tiek izmantotas tīmekļvietnē, ir jāatceras, ka to piekļūstamību nodrošina pareizi veidoti lauki. </p>
<p>Lai formu lauki tiktu aizpildīti pareizi, tiem tiek pievienotas instrukcijas. Tomēr šo instrukciju esamība neizslēdz kļūdu iespējamību. Pirmkārt, ne vienmēr ir saprotams, kāda tieši informācija un kurā laukā ir jāievada. Otrkārt, aizpildot formu laukus, var tikt pieļautas drukas kļūdas (cilvēciskais faktors). Un, treškārt, kļūdas informācijas lauku aizpildīšanas brīdī var rasties tīmekļvietnes līmenī (sistēmas kļūdas). Tāpēc lietotāji par visām kļūdām tiek informēti ar īpašu kļūdas paziņojumu palīdzību, kuriem, līdzīgi kā formu laukiem, ir jābūt piekļūstamiem. Piemēram, ja lietotājs vēlas pasūtīt kādu preci, bet pasūtījuma noformēšanas veidlapā pieļauj kļūdu, tieši no tā, cik kvalitatīvs ir kļūdu paziņojums, ir atkarīgs tas, vai viņš pasūtījumu noformēs līdz galam.</p>
<h3 id="41-labā-prakse">4.1. Labā prakse</h3>
<p>Raugoties no piekļūstamības viedokļa, formu veidošanā īpaša vērība ir jāpievērš trim lietām. Pirmkārt, formām un to laukiem jābūt piekļūstamiem ne vien ar datorpeli, bet arī citos alternatīvajos veidos – tikai ar datora tastatūru (plašāka informācija par tastatūra piekļuvi pieejama šo vadlīniju 3. nodaļā), balss ievadi vai ekrāna lasītāju. Otrkārt, formu lauku aizpildīšanas instrukcijām ir jābūt ļoti precīzām. Tikpat precīziem ir jābūt arī kļūdu paziņojumiem. Tiem jāparādās katru reizi, kad kādā no laukiem informācija tiek ievadīta nepareizi, lai kļūdas var novērst ātri un efektīvi. </p>
<p>Visbeidzot, treškārt, ir jānodrošina lietotājiem pietiekami daudz laika formu lauku aizpildīšanai. Piemēram, cilvēki ar redzes traucējumiem, pateicoties ekrāna lasīšanas ierīcēm, digitālo saturu uztver labi un tajā orientējas salīdzinoši ātri. Tomēr pārslēgšanās starp cilnēm un lietotnēm (piemēram, ja kods, kas nepieciešams, lai autorizētos tajā vai citā tīmekļvietnē, tiek nosūtīts uz e-pastu) viņiem var prasīt vairāk laika nekā citiem lietotājiem.</p>
<h4 id="411-formu-lauku-veidošana">4.1.1. Formu lauku veidošana</h4>
<p>Galvenā pareizi veidotu lauku pazīme ir tā, ka tie ir iezīmēti tīmekļvietnes lapas kodā. Tas nodrošina lietotājiem iespēju izmantot šos laukus ne vien ar datorpeli, bet arī ar datora tastatūru un citos alternatīvajos viedos. </p>
<p>Tāpat tīmekļvietnes lapas kodā iezīmēto lauku nosaukumi ir aktīvi – uz tiem var klikšķināt, tā palielinot lietotāja un konkrētās formas mijiedarbības zonu, kas būtiski atvieglo radiopogu un izvēles rūtiņu izmantošanu. Tāpēc brīžos, kad šķiet, ka tīmekļvietne būs gana piekļūstama arī tad, ja formu lauki nebūs iezīmēti tās kodā, ir vērts atcerēties, ka lauku izmantošana var būt apgrūtināta ne tikai cilvēkiem ar redzes traucējumiem un kustību traucējumiem. Tā var būt apgrūtināta jebkuram lietotājam, kurš izmanto digitālo saturu viedierīcēs, jo ir virkne situāciju, kad skārienjūtīgos ekrānos aizpildīt un atzīmēt laukus ir ļoti grūti (piemēram, mazs ekrāns, lietus vai spoža saule, nosaluši roku pirksti).</p>
<p>Lai veicinātu formu lauku piekļūstamību, ir vērts ņemt vērā arī šos ieteikumus:</p>
<ul>
<li>Veidojiet īsus, kodolīgus formu lauku nosaukumus, kas skaidri raksturo to mērķi, piemēram: "vārds, uzvārds", "e-pasta adrese", "tālruņa numurs".</li>
<li>Norādiet formu lauku nosaukumos nepieciešamo informācijas ievadīšanas formātu. Piemēram, datuma ievadīšanas formāts var tikt atspoguļots ļoti dažādi: "datums.mēnesis.gads" formātā "00.00.0000", "mēnesis.datums.gads" formātā "00/00/00", "mēnesis.gads" formātā "00/0000" u.tml.</li>
<li>Norādiet, kuri formas lauki ir aizpildāmi obligāti un kuri nē. Izmantojiet šim nolūkam kādu indikatoru, piemēram, zvaigznīti (*). Šim indikatoram jābūt iekļautam lauka nosaukumā, kas ir iezīmēts konkrētās lapas kodā, vai arī radiopogu un izvēles rūtiņu apzīmējumos. Ja tas būs izcelts tikai vizuāli (piemēram, ar sarkanu krāsu), lietotāji ar redzes traucējumiem šo indikatoru neuztvers. </li>
<li>Nodrošiniet lietotājiem formu aizpildīšanai optimālu laiku, pirms to sesijas tiek pārtrauktas. Minimālais formas aizpildīšanai paredzētais laiks nedrīkst būt mazāks par 1 minūti.</li>
<li>Sasaistiet izvēles rūtiņu un radiopogu grupas, izmantojot lauka iestatījumus.</li>
<li>Ievietojiet lauku vispārējās instrukcijas virs konkrētās formas vai konkrētās sadaļas augšpusē.</li>
<li>Izkārtojiet formu laukus loģiskā secībā un veidojiet loģisku to navigācijas secību.</li>
<li>Izmantojiet tā dēvētos "veiksmes paziņojumus" jeb nodrošiniet lietotājiem atgriezenisko saiti. Piemēram, paredziet to, ka uzreiz pēc pogas "meklēt" nospiešanas virs vai zem meklētāja formas parādās informācija par meklēšanas rezultātiem – vai un cik satura vienības, kurās ietverts konkrētais atslēgvārds, tīmekļvietnē ir atrastas. Īpaši svarīga šī atgriezeniskā saite ir gadījumos, kas jāaizpilda apjomīgākas formas, piemēram, aptaujas anketas un pasūtījumu noformēšanas veidlapas. Jo lietotājiem ir jāsaprot, vai anketa ir iesniegta, pasūtījums ir noformēts veiksmīgi u.tml.</li>
</ul>
<h4 id="412-kļūdas-paziņojuma-veidošana">4.1.2. Kļūdas paziņojuma veidošana</h4>
<p>Kļūdas formu laukos tiek apzīmētas trīs veidos: ar īpašiem teksta paziņojumiem, ar izsaukuma zīmi un ar kontrastējošu krāsu (parasti – sarkanu). Lai kļūdu paziņojumus varētu uztvert ikviens lietotājs – arī cilvēki, kuri neatšķir krāsas, tajos nav ieteicams fokusēties tikai uz vienu no kļūdu apzīmēšanas veidiem, piemēram, kontrastējošu krāsu. Ir jākombinē vismaz divi elementi (uzskatāms piemērs, kā veidot kļūdas paziņojumu, atspoguļots 5. attēlā). Taču ņemiet vērā, ka šie paziņojumi nav jāveido visām kļūdām. Vienkāršākām formām (piemēram, meklēšanas laukam) tie nav nepieciešami.</p>
<p>Ja kļūdu izraisījis cilvēciskais faktors, kļūdas paziņojumā tiek norādīts, kurā laukā un kāda veida kļūda ir pieļauta. Savukārt, ja kļūda ir radusies sistēmā, šajā paziņojumā tiek norādīts, ka konkrētā darbība (piemēram reģistrēšanās noteikta pakalpojuma saņemšanai vai pirkuma noformēšana e-veikalā) nav izdevusies. Turklāt ir svarīgi paredzēt iespēju izlasīt šos paziņojumus gan fiziski (ar acīm), gan ar ekrāna lasīšanas ierīcēm, tāpēc:</p>
<ul>
<li>Veidojiet šos paziņojumus īsus un koncentrētus.</li>
<li>Iekļaujiet šajos paziņojumos precīzus norādījumus par to, kuros laukos un kādas tieši kļūdas ir fiksētas, kā arī – kā šīs kļūdas novērst. Piemēram, ja nepareizi ir ievadīts datums, laiks vai adrese, kļūdas paziņojumā jābūt norādītam pareizajam šīs informācijas ievades formātam.</li>
<li>Veidojiet kļūdu paziņojumu instrukcijas vienkāršās un viegli uztveramas.</li>
<li>Izvietojiet kļūdas paziņojumu pirms formas, uz kuru tas attiecas, nevis aiz tās.</li>
</ul>
<img class="lazy" data-src="assets/images/2020-12-04-18-50-33.png" alt="2 paroles ievades lauku un kļūdu paziņojumu piemēri viens zem otra. Augšējā piemērā kļūdas paziņojumam ir paskaidrojuma teksts un ikona, apakšējā - nav.">
<figcaption>
5. attēls. Kļūdas paziņojuma izveides labās un sliktās prakses piemērs.
Augšējā attēlā kļūdas paziņojums ir iezīmēts, turklāt vairāk nekā vienā veidā. Turklāt zem kļūdas lauka ir izskaidrota kļūda. Savukārt apakšējā attēlā kļūdas paziņojums ir iezīmēts tikai vienā veidā, turklāt kļūda nav izskaidrota.
</figcaption>
<p>Gadījumos, kad tīmekļvietnes formās tiek fiksētas kļūdas, ir svarīgi, lai viss to laukos ievadītais saturs, izņemot sensitīvos datus (piemēram, kredītkaršu numurus), nepazūd arī pēc lapas atjaunināšanas, lai lietotājiem nav jātērē laiks atkārtotai informācijas ievadei.</p>
<h3 id="42-testēšana">4.2. Testēšana</h3>
<p>Formu, lauku nosaukumu un kļūdu paziņojumu pārbaudei atbilstoši piekļūstamības principiem, tiek izmantotas ekrāna lasīšanas ierīces. Populārākās no tām ir JAWS, NVDA, MacOS Voice Over un ChromeVox.</p>
<p>Tā kā formu un lauku nosaukumi datorā un viedtālrunī tiek atspoguļoti līdzīgi, bet navigācija, kas ir būtisks priekšnosacījums, lai piekļūtu formām, tiek atspoguļota atšķirīgi, to testēšana ir jāveic gan datorā, gan viedtālrunī.</p>
<h4 id="421-formu-lapu-un-kļūdu-paziņojumu-pārbaude-interneta-pārlūkā-chrome">4.2.1. Formu lapu un kļūdu paziņojumu pārbaude interneta pārlūkā Chrome</h4>
<p>Lai pārbaudītu formu lapu un kļūdu paziņojumu atbilstību piekļūstamības principiem interneta pārlūkā Chrome:</p>
<ol>
<li>Atveriet tīmekļvietni vai tās sadaļu, ko vēlaties pārbaudīt. </li>
<li>Atrodiet tajā visas formas.</li>
<li>Uzinstalējiet pārbaudes rīku ChromeVox. Līdzko tas būs izdarīts, ekrāna lasītājs ieslēgsies automātiski. Jūs dzirdēsiet, kā tas nolasa tīmekļvietnes saiti. Ņemiet vērā, ka izslēgt šo rīku var tikai to atinstalējot.</li>
<li>Pārliecinieties, ka:<ul>
<li>Visam lapas saturam, tostarp formu laukiem (arī visiem nolaižamo sarakstu vienumiem), var piekļūt ar tastatūru un ekrāna lasītāju. Ekrāna lasītājs atskaņos informāciju par to, kurā vietā tīmekļvietnē tieši jūs atrodaties (piemēram, navigācijas joslā), cik apakšsadaļas ir konkrētajai sadaļai, kā arī secīgi nolasīs formas lauku, kuri konkrētajā brīdī būs fokusā, nosaukumus.</li>
<li>Katram formas laukam ir nosaukums, turklāt tas ir viegli uztverams un saprotams. </li>
<li>Izvēlnēs ir iespēja brīvi pārvietoties uz augšu un uz leju, izmantojot tastatūrā iestrādātos bulttaustiņus (←↑↓→).</li>
</ul>
</li>
<li>Izvēlieties vienu no formām un aizpildiet to ar tastatūru, pieļaujot kādā no laukiem kļūdas. </li>
<li>Pārliecinieties, ka:<ul>
<li>formā (virs tās un/vai pie konkrētā formas lauka) parādās kļūdas paziņojums;</li>
<li>ar tastatūru un ekrāna lasītāju var piekļūt kļūdas paziņojumam, turklāt ekrāna lasītājs to nolasa pietiekami kvalitatīvi – tā, lai lietotājam, neredzot šo paziņojumu, ir skaidrs, kur un kādas tieši kļūdas ir pieļautas un kā tās izlabot;</li>
<li>pēc lapas atjaunošanas formas laukos saglabājas visa korekti ievadītā informācija, izņemot sensitīvos datus.</li>
</ul>
</li>
</ol>
<h4 id="422-formu-lauku-un-kļūdu-paziņojumu-pārbaude-interneta-pārlūkā-safari">4.2.2. Formu lauku un kļūdu paziņojumu pārbaude interneta pārlūkā Safari</h4>
<p>Ja interneta pārlūkā Chrome formu lapu un kļūdu paziņojumu pārbaude tiek veikta ar īpašu rīku, interneta pārlūkā Safari šī piekļūstamības aspekta izvērtēšana tiek veikta ar operētājsistēmā MacOS iebūvēto ekrāna lasītāju:</p>
<ol>
<li>Atveriet tīmekļvietni vai tās sadaļu, ko vēlaties pārbaudīt. </li>
<li>Atrodiet tajā visas formas.</li>
<li>Aktivizējiet ierīces iestatījumos ekrāna lasītāju: Settings → System Preferences → Accessibility → Voice Over.</li>
<li>Pārliecinieties, ka:<ul>
<li>Visam lapas saturam, tostarp formu laukiem (arī visiem nolaižamo sarakstu vienumiem), var piekļūt ar tastatūru un ekrāna lasītāju. Ekrāna lasītājs atskaņos informāciju par to, kurā vietā tīmekļvietnē tieši jūs atrodaties (piemēram, navigācijas joslā), cik apakšsadaļas ir konkrētajai sadaļai, kā arī secīgi nolasīs formas lauku, kuri konkrētajā brīdī būs fokusā, nosaukumus.</li>
<li>Katram formas laukam ir nosaukums, turklāt tas ir viegli uztverams un saprotams. </li>
<li>Izvēlnēs ir iespēja brīvi pārvietoties uz augšu un uz leju, izmantojot tastatūrā iestrādātos bulttaustiņus (←↑↓→).</li>
</ul>
</li>
<li>Izvēlieties vienu no formām un aizpildiet to ar tastatūru, pieļaujot kādā no laukiem kļūdas. </li>
<li>Pārliecinieties, ka:<ul>
<li>formā (virs tās un/vai pie konkrētā formas lauka) parādās kļūdas paziņojums;</li>
<li>ar tastatūru un ekrāna lasītāju var piekļūt kļūdas paziņojumam, turklāt ekrāna lasītājs to nolasa pietiekami kvalitatīvi – tā, lai lietotājam, neredzot šo paziņojumu, ir skaidrs, kur un kādas tieši kļūdas ir pieļautas un kā tās izlabot;</li>
<li>pēc lapas atjaunošanas formas laukos saglabājas visa korekti ievadītā informācija, izņemot sensitīvos datus.</li>
</ul>
</li>
</ol>
</div>
<div class="section wrapper"><h2 id="5-attēlu-tekstuālā-alternatīva">5. Attēlu tekstuālā alternatīva</h2>
<p>Attēli ne vien pievērš uzmanību, bet arī veicina informācijas uztveri, palīdz veidot zīmola identitāti, stiprināt vēstījumus, tāpēc tie komunikācijā tiek izmantoti daudz un plaši. Īpaši digitālajā vidē, kur lielā un strauji mainīgā informācijas apjoma dēļ piesaistīt un noturēt lietotāju uzmanību ir grūtāk nekā reālajā dzīvē. </p>
<p>Digitālajā vidē attēlu piekļūstamību nodrošina attēlu tekstuālā alternatīva jeb tā dēvētie ALT teksti. To galvenais uzdevums ir veicināt veiksmīgu lietotāju mijiedarbību ar tīmekļvietnes saturu. Taču šie teksti tiek izmantoti arī lai uzlabotu organizāciju rezultātus Google meklētājā.</p>
<p>Jāpiebilst, ka attēlu dizainu ALT teksti nekādi neietekmē, jo ar neapbruņotu aci nav saskatāmi. Tos "redz" tikai ekrāna lasīšanas ierīces, kā arī lietotāji, kuri datoros atslēdz attēlu atspoguļošanas funkciju, lai paātrinātu lejupielādi situācijās, kad ir vājš interneta signāls. Proti, ALT teksti tiek iekļauti attēla lapas koda iezīmēs. Piemēram, šādi: <code><img src="pointer_to_image.png" alt="šeit ir redzama tekstuālā alternatīva"></code>. </p>
<h3 id="51-labā-prakse">5.1. Labā prakse</h3>
<p>Cilvēki ir ļoti dažādi. Vieniem ir svarīgi, lai attēliem tiek pievienoti detalizēti apraksti, kamēr citi dod priekšroku minimālismam – jo īsāki un koncentrētāki apraksti, jo labāk. Tādēļ ALT tekstu izveide nav precīza zinātne. Tomēr ir vairāki būtiski priekšnosacījumi, kas ir jāņem vērā to izveidē.</p>
<p>Attēlu tekstuālās alternatīvas tiek veidotas, ņemot vērā to funkcionalitāti. Kopumā izšķir trīs veidu attēlus – dekoratīvos, funkcionālos un statiskos. </p>
<h4 id="511-dekoratīvo-attēlu-noformējums">5.1.1. Dekoratīvo attēlu noformējums</h4>
<p>Tie ir vizuāli elementi, kas tiek izmantoti satura noformējumam, taču to nekādi neietekmē, tāpēc var tikt pieņemts, ka lietotājiem par tiem nav jāzina. Tipiskākie dekoratīvo attēlu piemēri ir ikonas un bildes, kas tiek izmantotas uzmanības piesaistīšanai). Šie attēli tiek apzīmēti ar tā dēvēto nulles ALT tekstu: <code>alt=""</code>. </p>
<p>Lai objektīvi novērtētu, vai konkrētajam attēlam ir dekoratīva funkcija, ir jāsaprot, kas notiks gadījumā, ja šis attēls tiks dzēsts, – vai lietotājs joprojām varēs iegūt visu konkrētā satura uztverei nepieciešamo informāciju? Ja atbilde uz šo jautājumu ir pozitīva, attēls nav dekoratīvs, attiecīgi – tam ir nepieciešams atbilstošs ALT teksts.</p>
<h4 id="512-funkcionālo-attēlu-noformējums">5.1.2. Funkcionālo attēlu noformējums</h4>
<p>Šie attēli ir orientēti uz darbību – var pildīt saites funkcijas (uzklikšķinot uz attēla, atveras noteikta saite) vai raksturot noteiktas darbības (piemēram, meklēšanas logs, valodu izvēlne, poga sīkdatņu apstiprināšanai), tāpēc to tekstuālajām alternatīvām nav tieši jāapraksta attēlā redzamais. Pirmajā gadījumā ALT tekstā ir jānorāda konkrētās saites funkcija, piemēram: "Atvērt privātuma politiku", "Lejupielādēt Ministru kabineta noteikumus Nr.18 "Kārtība, kādā novērtē paredzētās darbības ietekmi uz vidi un akceptē paredzēto darbību". Savukārt otrajā gadījumā ALT tekstā ir jānorāda attēla funkcija. Piemēram, meklēšanas pogai piemērotākā tekstuālā alternatīva būtu "meklēt" vai "sākt meklēšanu", nevis "lupa". </p>
<p>Šajā gadījumā, veidojot tekstuālās alternatīvas saistītajiem attēliem, ir jāievēro vienots stils:</p>
<ul>
<li>Pozitīvs piemērs navigācijas attēlu aprakstiem: "sadaļa Kontakti", "sadaļa Par mums", "sadaļa Darbības jomas", "sadaļa Noderīgi". </li>
<li>Negatīvs piemērs navigācijas attēlu aprakstiem: "Kontakti", "sadaļa Par mums", "atvērt Darbības jomas", "sadaļa Noderīgi".</li>
</ul>
<h4 id="513-statisko-attēlu-noformējums">5.1.3. Statisko attēlu noformējums</h4>
<p>Šo attēlu mērķis ir papildināt tīmekļvietnes vai mobilās lietotnes saturu – fotogrāfijas, diagrammas, plakāti, infografikas, darba sludinājumi, reklāmas banneri u.c. Šajā gadījumā attēlu tekstuālajām alternatīvām jābūt daudz izsmeļošākām – tām ir jānodod lietotājiem attēla nozīme (uzskatāms piemērs, kā pareizi pievienot attēliem ALT tekstus, atspoguļots 6. attēlā).</p>
<p>Lai statiskajiem attēliem pievienotie ALT teksti būtu funkcionāli, to izveidē jāievēro šādas nianses:</p>
<ul>
<li>Izvairieties no vispārīgiem aprakstiem, piemēram, "IMG_2045", "plakāts", "Rīga" u.tml., jo tie nesniedz informāciju par konkrētā attēla saturu. </li>
<li>Neizmantojiet attēlu aprakstos SEO atslēgvārdus, piemēram, "piekļūstamības ekspertu konsultācijas", "kvalitatīvas piekļūstamības konsultācijas", "piekļūstamības konsultācijas uzņēmējiem", "piekļūstamības konsultācijas valsts pārvaldei" u.tml. </li>
<li>Nedublējiet attēlu aprakstos informāciju, kas ir ietverta saturā, ko tie papildina. Piemēram, ziņas, paziņojuma virsraksts nav uzskatāms par kvalitatīvu ALT tekstu attēlam, kas tajā tiek izmantots kā ilustrācija.</li>
<li>Izmantojiet īsus, koncentrētus tekstus, piemēram: "Uz galda stāv atvērta piena paka un krūze." vai "Uzņēmuma vadītājs pasniedz balvu labākajam darbiniekam." Optimālais ALT teksta garums ir līdz 250 rakstu zīmēm.</li>
<li>Izvairieties no liekvārdības. Nesāciet aprakstu ar tekstu "Attēlā redzams…" un neizmantojiet ALT tekstos tādus vārdus kā "poga", "saite", "attēls". Ekrāna lasīšanas ierīces šo informāciju nodrošina automātiski.</li>
<li>Miniet attēla aprakstā krāsas, ja tām ir nozīme.</li>
<li>Nebaidieties no humora, jo ALT tekstiem nav jābūt formāliem. Īpaši, ja attēls ir smieklīgs.</li>
<li>Ja attēlā (piemēram, logotipā, reklāmas plakātā, darba sludinājumā, grafikā) ir iekļauts teksts, tas ir jāatspoguļo arī šī attēla tekstuālajā alternatīvā. Ja šis teksts ir apjomīgs un sarežģīts, iekļaujiet attēlu aprakstos tikai svarīgāko informāciju par to saturu un pievienojiet saiti uz tīmekļvietni, kurā pieejama detalizētāka informācija par pakalpojumu, pasākumu, vakanci, pētījuma rezultātiem u.tml. tekstuālā formātā.</li>
<li>Ja iespējams, piesaistiet ALT tekstu izveidei nozares ekspertus. Tas ļaus izveidot kvalitatīvākas attēlu tekstuālās alternatīvas, jo jūs varat nepārzināt visas ar to vai citu tēmu saistītās nianses. Īpaši svarīgi tas ir, aprakstot dažādas preces un pakalpojumus. Tā ir šķietami nenozīmīga nianse, kurai dažkārt var būt ļoti nozīmīga loma attēla nozīmes paskaidrošanā. Piemēram, suņu audzētāju kluba tīmekļvietnē ievietoto attēlu aprakstos vēlams norādīt ne vien to, ka attēlā redzams suns, bet arī konkrētā suņa šķirnes nosaukumu. Savukārt, ja šis pats attēls ar suni tiek ievietots, lai padarītu vizuāli pievilcīgāku kāda parka tīmekļvietni vai ilustrētu rakstu, kurā ir aprakstītas aktīvās atpūtas iespējas ģimenēm, tā apraksts var būt vispārīgāks.</li>
</ul>
<img class="lazy" data-src="assets/images/2020-12-04-18-57-00.png" alt="Divi vienādi attēli viens otram blakus. Pa kreisi ir pievienots aprakstošs alternatīvais teksts, pa labi nav.">
<figcaption>
1. attēls. Statisko attēlu tekstuālās alternatīvas noformējuma labās un sliktās prakses piemērs.
Attēlam pa kreisi ALT teksts ir pievienots korekti – tas sniedz vispārēju priekšstatu par attēla saturu. Savukārt attēlam pa labi ALT teksts abos norādītajos gadījumos būtu pievienots nekorekti: pirmajā gadījumā tā nav vispār (šāda veida ALT teksti ir pieļaujami tikai dekoratīvajiem attēliem), bet otrajā gadījumā tas ir ļoti nekonkrēts (neatspoguļo attēla būtību).
</figcaption>
<h3 id="52-testēšana">5.2. Testēšana</h3>
<p>ALT teksti ir viens no piekļūstamības principiem, kuru pārbaudei ieteicams kombinēt automatizētos un lietotāju testus. Proti, automatizētie testi ir ļoti piemēroti, lai ātri noteiktu attēla tekstuālās alternatīvas esamību vai neesamību. Šim nolūkam var izmantot dažādus rīkus, piemēram, Wave, Axe, ALT Text Tester un Image ALT. Taču to, vai šie apraksti ir jēdzīgi – vai tie patiešām atspoguļo attēla saturu, pašlaik var noteikt tikai ar lietotāju testiem. Jo tam, kāda informācija norādīta attēla aprakstā – "IMG_2020", "apraksts" vai "Divi domīgi vīrieši spēlē dambreti parkā", ir ļoti liela atšķirība.</p>
<p>Šeit savā ziņā var vilkt paralēles ar automatizētu tekstu tulkošanu. Jā, šim mērķim paredzētās programmas var iztulkot tekstu. Dažas to dara pat diezgan labi. Taču paļauties, ka tekstā visi vārdi būs iztulkoti atbilstoši to nozīmei, tajā nebūs gramatikas un stilistikas kļūdu, nevar, jo robots tekstu tulko mehāniski. Robots nav filologs.</p>
<p>Lai noteiktu, vai tīmekļvietnē publicētie attēli ir noformēti atbilstoši piekļūstamības principiem, ar ALT Text Tester rīku:</p>
<ol>
<li>Atveriet tīmekļvietnes lapu vai sadaļu, kuru vēlaties pārbaudīt.</li>
<li>Aktivizējiet šo rīku. Jūsu datora ekrānā atvērsies logs, kurā būs uzskaitīti visi tajā publicētie attēli.</li>
<li>Novietojiet datorpeles kursoru uz izvēlētā attēla vai iezīmējiet to ar tabulatora palīdzību. Datora ekrānā parādīsies teksta logs. Ja attēlam ir pievienots ALT teksts, tas būs uzreiz nolasāms. Ja ALT teksts nav pievienots, šajā logā uzrādīsies teksts "ALT Text Missing".</li>
<li>Pārbaudiet divas lietas:<ul>
<li>vai visiem tīmekļvietnē publicētajiem attēliem (gan fotogrāfijām, grafikiem, plakātiem u.tml., gan arī ikonām, logotipiem un navigācijas pogām) ir pievienoti ALT teksti;</li>
<li>vai šie teksti ir izveidoti korekti – atbilstoši iepriekš aprakstītajiem labās prakses piemēriem.</li>
</ul>
</li>
</ol>
</div>
<div class="section wrapper"><h2 id="6-virsraksti">6. Virsraksti</h2>
<p>Cilvēkam ir grūti uztvert lielu informācijas apjomu, kas izkārtots vienlaidus. Virsraksti tiek izmantoti, lai izveidotu loģisku satura strukturējumu, kā arī sadalītu to tematiskajos blokos, tā uzskatāmi norādot, kāda informācija tekstā ir primārā (galvenā) un kāda tai ir pakārota. Lai gan to noformējuma principi drukātos materiālos (grāmatās, preses izdevumos, bukletos u.c.) un digitālajā vidē būtiski atšķiras, digitālajā vidē virsrakstu noformēšanā bieži tiek izmantoti tie paši principi, kas drukātajos materiālos, kas saturu padara nepiekļūstamu.</p>
<p>Drukātajiem materiāliem piemēroti ir tā dēvētie vizuālie virsraksti – virsraksti, kuru noformēšanā nozīme ir burtu krāsai, izmēram un formai. Savukārt digitālajā vidē pareizi noformēts virsraksts ir tāds virsraksts, kas veidots tīmekļvietnes satura vadības sistēmā, attiecīgi – tas ir iezīmēts tīmekļvietnes kodā. Šādi virsraksti palīdz orientēties tīmekļvietnē lietotājiem, kuri:</p>
<ul>
<li>izmanto ekrāna lasīšanas ierīces (tām ir atsevišķa funkcija, kas nodrošina tikai virsrakstu lasīšanu);</li>
<li>izmanto navigācijai digitālajā vidē tikai tastatūru, jo kāda iemesla dēļ nevar izmantot datorpeli (piemēram, viņiem ir kustību traucējumi rokās).</li>
</ul>
<p>Jāpiebilst, ka tad, ja virsrakstu izveidē tiek ievēroti piekļūstamības principi, arī Google platforma labāk saprot, kāda tieši informācija ir atspoguļota konkrētajā tīmekļvietnē. Rezultāts – Google meklētājā tā uzrādās augstākās pozīcijās.</p>
<h3 id="61-labā-prakse">6.1. Labā prakse</h3>
<p>Piekļūstami virsraksti ir ne vien viegli uztverami satura un noformējuma ziņā, bet arī nodala dažādus satura elementus un ir izkāroti loģiskā, jēgpilnā secībā jeb hierarhijā. Pretējā gadījumā tīmekļvietnes struktūras kods būs nepareizs un tās mijiedarbība ar lietotājiem būs apgrūtināta vai neiespējama.</p>
<p>Lai virsrakstu hierarhija būtu jēgpilna:</p>
<ul>
<li>katrā tīmekļvietnes lapā ir jābūt vismaz vienam virsrakstam;</li>
<li>virsrakstu hierarhija ir jāsāk ar galveno jeb 1. līmeņa virsrakstu;</li>
<li>nav ieteicams izlaist kādu no virsrakstu līmeņiem.</li>
</ul>
<p>Savukārt loģiska virsrakstu hierarhija veidojas, ievērojot virsrakstu līmeņu secību (uzskatāms loģiskas virsrakstu hierarhijas izveides piemērs attēlots 7. un 8. attēlā). Tā paredz ka 1. līmeņa virsraksts, kas tiek apzīmēts ar burtu "H1" (saīsinājums no angļu valodas vārda heading, headline), ir galvenais virsraksts, bet nākamos līmeņus veido apakšvirsraksti:</p>
<ul>
<li><p>Virsraksta 1. līmenis, <code><H1></code></p>
<ul>
<li>Virsraksta 2. līmenis, <code><H2></code><ul>
<li>Virsraksta 3. līmenis, <code><H3></code></li>
<li>Virsraksta 3. līmenis, <code><H3></code></li>
</ul>
</li>
</ul>
</li>
<li><p>Virsraksta 2. līmenis, <code><H2></code></p>
<ul>
<li>Virsraksta 3. līmenis, <code><H3></code><ul>
<li>Virsraksta 4. līmenis, <code><H4></code></li>
<li>Virsraksta 4. līmenis, <code><H4></code></li>
</ul>
</li>
</ul>
</li>
</ul>
<img class="lazy" data-src="assets/images/2020-12-07-12-51-46.png" alt="Lielbritānijas valdības mājaslapas sākumlapas ekrānšāviņš, ko daļēji pārklāj tās satura koka ekrānšāviņš.">
<figcaption>
1. attēls. Virsrakstu noformēšanas labās prakses piemērs.
Attēlā redzams tā dēvētais tīmekļvietnes satura koks, kurā atspoguļota virsrakstu hierarhija, kas ir loģiska un jēgpilna.
</figcaption>
<img class="lazy" data-src="assets/images/2020-12-07-12-52-43.png" alt="Latvijas Nodarbinātības un valsts aģentūras jaunās mājaslapas ekrānšāviņš, kuru daļēji pārklāj tās satura koka ekrānšāviņš.">
<figcaption>
1. attēls. Virsrakstu noformēšanas sliktās prakses piemērs.
Attēlā redzams tā dēvētais tīmekļvietnes satura koks, kurā nav ievērota virsrakstu loģiskā hierarhija.
</figcaption>
<h3 id="62-testēšana">6.2. Testēšana</h3>
<p>Digitālā satura virsrakstu piekļūstamību var pārbaudīt, izmantojot dažādus rīkus. Piemēram, virsrakstu iezīmes jeb to, vai teksts, kas vizuāli izskatās pēc virsraksta, patiešām tāds arī ir, var noteikt ar tādiem rīkiem kā Axe, Wave un Accessibility Insights. Par virsrakstu iezīmēm šajā gadījumā uzskatāmi to līmeņu apzīmējumi – "H1", "H2", "H3" u.c.</p>
<p>Savukārt to, vai virsrakstu strukturējums ir izveidots pareizi, var pārbaudīt ar tādiem rīkiem kā Headings Map un A11y-Outliner. Par virsrakstu iezīmju strukturējumu šajā gadījumā uzskatāma to hierarhija jeb tīmekļvietnes kodā iezīmētā virsrakstu struktūra.</p>
<h4 id="621-virsrakstu-iezīmju-pārbaude">6.2.1. Virsrakstu iezīmju pārbaude</h4>
<p>Lai pārbaudītu virsrakstu iezīmes ar Wave rīku:</p>
<ol>
<li>Ierakstiet interneta pārlūka teksta laukā tīmekļvietnes, kuru vēlaties novērtēt, adresi.</li>
<li>Uzklikšķiniet Wave rīka izvēlnē uz pogas Wave This Page. Pie visiem virsrakstiem, kas ir iezīmēti tīmekļvietnes kodā, parādīsies mazas ikonas. Savukārt pie virsrakstiem, kas nav funkcionāli, šādas ikonas nebūs.</li>
<li>Pārbaudiet trīs lietas:<ul>
<li>vai tīmekļvietnes strukturējumā ir uzskaitīti visi virsraksti;</li>
<li>vai visi teksti, kas vizuāli atgādina virsrakstus, tādi arī ir, proti – vai tie ir iekļauti tīmekļvietnes strukturējumā;</li>
<li>vai tīmekļvietnes strukturējumā nav iekļauts kāds elements, kas nav virsraksts.</li>
</ul>
</li>
</ol>
<p>Līdzīgi kā tastatūras piekļuves un vizuālā fokusa pārbaudes gadījumā, arī virsrakstu iezīmju veidošanas labo un slikto praksi var salīdzināt īpaši šim mērķim izstrādātajā platformā, ko veidojusi WACG vadlīniju autori:</p>
<ul>
<li><a href="https://www.w3.org/WAI/demos/bad/after/home">Virsrakstu iezīmju veidošanas pozitīvais piemērs</a>. Aktivizējiet šajā tīmekļvietnē rīku Wave vai Accessibility Insights. Pievērsiet uzmanību ikonām, kas atrodas pie virsrakstiem. Tās apliecina, ka virsraksti ir funkcionāli.</li>
<li><a href="https://www.w3.org/WAI/demos/bad/before/home">Virsrakstu iezīmju veidošanas negatīvais piemērs</a>. Aktivizējiet šajā tīmekļvietnē rīku Wave vai Accessibility Insights (Accessibility Insights → Ad Hoc Tools → Headings). Pievērsiet uzmanību, ka pie teksta, kas vizuāli atgādina virsrakstu, nav ikonas. Tas nozīmē, ka šis virsraksts nav funkcionāls.</li>
</ul>
<h4 id="622-virsrakstu-strukturējuma-pārbaude">6.2.2. Virsrakstu strukturējuma pārbaude</h4>
<p>Lai pārbaudītu virsrakstu strukturējumu ar rīkiem Headings Map un A11y-Outliner rīkiem:</p>
<ol>
<li>Ierakstiet interneta pārlūka teksta laukā tīmekļvietnes, kuru vēlaties novērtēt, adresi.</li>
<li>Uzklikšķiniet uz spraudņa ikonas. Jums ekrānā tiks atvērts tīmekļvietnes satura koks (pārlūkā Chrome tas atvērsies kreisajā ekrāna pusē, savukārt pārlūkā Firefox – ekrāna vidū).</li>
<li>Iznirstošajā izvēlnē izvēlieties sadaļu Headings.</li>
<li>Pārbaudiet divas lietas:<ul>
<li>vai šo virsrakstu struktūra ir loģiska (piemēram, vai zem kāda virsraksta kā apakšvirsraksti neparādās virsraksti, kas uz konkrēto tēmu neattiecas);</li>
<li>vai tīmekļvietnes strukturējumā ir uzskaitīti visi virsraksti.</li>
</ul>
</li>
</ol>
<p>Arī šajā gadījumā labo un slikto praksi var salīdzināt WACG vadlīniju autoru izveidotajā platformā:</p>
<ul>
<li><a href="https://www.w3.org/WAI/demos/bad/after/news">Virsrakstu struktūras pozitīvais piemērs</a>. Aktivizējiet šajā tīmekļvietnē rīku Headings Map (Chrome) vai A11y-Outliner (Firefox). Pievērsiet uzmanību, ka šajā gadījumā tīmekļvietnes virsrakstu strukturējums ir ļoti precīzs.</li>
<li><a href="https://www.w3.org/WAI/demos/bad/before/news">Virsrakstu struktūras negatīvais piemērs</a>. Aktivizējiet šajā tīmekļvietnē rīkus Headings Map vai A11y-Outliner. Pievērsiet uzmanību, ka šeit ir tikai viens virsraksts.</li>
</ul>
</div>
<div class="section wrapper"><h2 id="7-krāsu-kontrasti">7. Krāsu kontrasti</h2>
<p>Saskarne ir tīmekļvietnes redzamākā daļa, tāpēc tai ir ļoti nozīmīga loma lietotāju un digitālā satura mijiedarbības nodrošināšanā. Uzskats, ka koši attēli, krāsaini teksta fragmenti un citi vizuāli risinājumi ir efektīvākais veids, kā veicināt šo mijiedarbību, ir maldīgs. Dažkārt tiem var būt gluži pretējs efekts. </p>
<p>Viens no galvenajiem saskarnes piekļūstamību raksturojošajiem elementiem ir krāsu kontrasti jeb vairāk vai mazāk izteiktas teksta un tā fona krāsas atšķirības, kas palīdz uztvert informāciju. Jo augstāks ir šis kontrasts, jo lielāka ir iespēja, ka tekstu uztvers un sapratīs lielākā daļa lietotāju. Kāpēc ne visi? Jo ir lietotāji, kuri objektīvu iemeslu dēļ nespēj uztvert arī informāciju, kas noformēta, izmantojot augstākos iespējamos kontrastu koeficientus. Piemēram, neredzīgi cilvēki, kā arī cilvēki ar nopietnākiem intelektuālās attīstības traucējumiem. </p>
<p>Lai tīmekļvietnē publicētā informācija būtu piekļūstama, tās noformējumā izmantoto krāsu kontrastam jābūt optimālam. Turklāt tas attiecas ne vien uz teksta noformējumu, bet arī uz attēlu kompozīcijām, tīmekļvietnes navigācijas elementu dizainu un citiem vizuāliem elementiem.</p>
<p>Tāpat ir svarīgi nodrošināt lietotājiem iespēju mainīt teksta un fona krāsu, neietekmējot tīmekļvietnes funkcionalitāti. Piemēram, vājredzīgiem cilvēkiem parasti jau pēc noklusējuma interneta pārlūka vai operētājsistēmas līmenī ir iestatīts lielāks teksta izmērs par standarta, kā arī augstāki krāsu kontrasti.</p>
<p>Jāpiebilst, ka atsevišķas organizācijas iespēju mainīt krāsu kontrastus mēdz paredzēt jau pašā tīmekļvietnē. Šim nolūkam tās galvenē līdztekus teksta izmēra un citām saskarnes izskatu mainošajām izvēlnēm tiek iestrādāta īpaša ikona, kuras apzīmēšanai parasti tiek izmantots divkrāsu aplis. Tomēr paredzēt šo funkcionalitāti tīmekļvietnē nav obligāta piekļūstamības prasība, jo, kā minēts iepriekš, vājredzīgi cilvēki krāsu kontrastus maina interneta pārlūka vai ierīces operētājsistēmas līmenī. Praksē šo funkcionalitāti krāsu kontrastu pārbaudēm ievērojami biežāk izmanto paši tīmekļvietņu īpašnieki.</p>
<h3 id="71-labā-prakse">7.1. Labā prakse</h3>
<p>Lai izvairītos no liekām problēmām nākotnē, par krāsu kontrastiem ieteicams domāt jau tīmekļvietnes izstrādes brīdī, definējot datordizaineriem prasības, kas jāņem vērā piekļūstama digitālā satura nodrošināšanā. Taču, ja tīmekļvietne jau ir izstrādāta, ir svarīgi saprast, vai un kuriem tās satura elementiem kontrasts nav pietiekams un kā to var uzlabot.</p>
<p>Lai tīmekļvietnē publicēto informāciju spētu uztvert un saprast lielākā daļa lietotāju, labā prakse paredz, ka tās noformējumā izmantoto krāsu kontrastam jābūt optimālam. Standarta izmēra tekstiem šis kontrasts ir vismaz 4,5:1 (optimāla un nepietiekama krāsu kontrastu piemēri atspoguļoti 8. attēlā). Tomēr ir jāņem vērā, ka optimāls krāsu kontrasts nav gluži tas pats, kas augstākais iespējamais krāsu kontrasts. </p>
<img class="lazy" data-src="assets/images/2020-12-07-12-58-44.png" alt="Divi krāsu kontrasta piemēri viens zem otra. Katrā piemērā salīdzināti divi pelēki apļi - augšā gaiši un tumši pelēki apļi, apakšā - blāvi pelēki apļi.">
<figcaption>
8. attēls. Krāsu kontrastu izmantošanas "labās" un "sliktās" prakses piemērs.
Augšējā attēlā redzams optimāls krāsu kontrasts. Savukārt apakšējā attēlā redzams nepietiekams krāsu kontrasts, jo krāsu toņi ir pārāk līdzīgi. Izmantojot tos teksta un tā fona noformējumam, digitālais saturs kļūs nepiekļūstams noteiktām lietotāju grupām. Tas arī neatbildīs WCAG 2.1 vadlīniju AA līmeņa prasībām.
</figcaption>
<p>Piemēram, gados vecākiem cilvēkiem parasti zūd krāsu kontrastu jutīgums, kas ir raksturīga vājredzīgu cilvēku redzes īpatnība. Tas nozīmē, ka šīs lietotāju grupas labāk uztver informāciju, kuras noformējumā izmantoti augsti krāsu kontrasti, piemēram, klasiskā melnās un baltās krāsas kombinācija. Tajā pašā laikā cilvēkiem, kuri sirgst ar disleksiju (informācijas uztveres traucējumi, kas izpaužas kā grūtības lasīt un uztvert rakstītu tekstu), augsti krāsu kontrasti informācijas uztveri var būtiski apgrūtināt dēļ to spilgtuma. Viņi labāk uztver krāsas, kurām ir augsts krāsu kontrasta koeficients, bet samērīgs krāsu spožuma kontrasts. Piemēram, vidēji brūnas un melnas krāsas kombināciju. </p>
<p>Tādējādi, paļauties uz to, ka optimāla krāsu kontrasta koeficienta izmantošana digitālā satura noformēšanā ļaus nodrošināt tā piekļūstamību ikvienam lietotājam, nevar. Ir jāņem vērā vēl vairākas būtiskas nianses:</p>
<ul>
<li>Izmantojiet lielizmēra tekstu (burtu izmērs – 18pt un vairāk) un treknrakstā rakstītu tekstu (burtu izmērs – 14pt un vairāk) noformēšanai krāsu kontrasta koeficientu, kas nav mazāks par 3:1.</li>
<li>Neizvietojiet tekstu un attēlus uz raiba fona. Šajā gadījumā par raibu fonu tiek uzskatīts jebkāds fons, kas nav vienkrāsains. Tas attiecas arī uz fonu, kura noformējumā tiek izmantotas tā dēvētās "ūdenszīmes" jeb teju caurspīdīgi dizaina elementi, kas var šķist gluži nemanāmi, taču var ietekmēt uz tām publicētās informācijas uztveri.</li>
<li>Izvietojot tekstu uz attēla (piemēram, reklāmas plakāta), izmantojiet tam papildu fona krāsu, kas ir vienkrāsaina. Šādi jūs panāksiet labāku kontrastu, kā arī vairāk izcelsiet vēlamo vēstījumu.</li>
<li>Izvairieties tekstu noformējumā no blāviem krāsu toņiem (gaiši pelēka krāsa, pasteļtoņi u.tml.), jo tie saplūst ar fonu, tāpēc satura uztvere var būt apgrūtināta ikvienam lietotājam – arī tiem, kuriem nav redzes un informācijas uztveres traucējumu.</li>
<li>Izvairieties no tādām teksta un fona krāsu kombinācijām kā zaļš ar sarkanu un zils ar dzeltenu.</li>
<li>Ņemiet vērā, ka pietiekamu krāsu kontrastu var panākt ne tikai ar melnu un baltu krāsu. To nodrošina arī tādas krāsu kombinācijas kā zila ar baltu un dzeltena ar melnu. Jāpiebilst, ka tieši iespēja panākt ar zilo un balto krāsu optimālu kontrastu bija iemesls tam, kāpēc šī krāsu kombinācija savulaik tika izvēlēta sociālā tīkla Facebook noformējumam. Kā izrādās, šīs digitālās "impērijas" dibinātājs Marks Zakerbergs sirgst ar daltonismu (redzes traucējumi, kas izpaužas kā nespēja atšķirt krāsas). Padarot Facebook platformu piekļūstamu sev, viņš to padarīja piekļūstamu vēl vismaz 5% pasaules iedzīvotāju, kuri ikdienā saskaras ar līdzīgām problēmām.</li>
</ul>
<p>Brīžos, kad nav pārliecības par to, vai izvēlētais krāsu kontrasts atbilst piekļūstamības principiem, ieteicams izmantot digitālo kontrastu "špikeri" <a href="https://webaim.org/resources/contrastchecker/">Contrast Checker</a>. Savukārt bezmaksas rīks <a href="https://colororacle.org/">Color Oracle</a> ļauj pārbaudīt, kā jūsu izvēlētās krāsu kombinācijas uztvers cilvēki ar dažādiem redzes traucējumiem.</p>
<p>Gan šos rīkus, gan arī iepriekš aprakstītos labās prakses piemērus par kontrastu ievērošanu digitālā satura noformēšanā ir vērts ņemt vērā, lai pārskatītu organizācijas zīmola vadlīnijas (<em>brandbook</em>). Jo tajās līdztekus logotipa izmantošanas principiem iekšējā un ārējā komunikācijā ir atrunātas arī tādas ar vizuālo identitāti saistītas nianses kā komunikācijas materiālos pieļaujamais burtu veids un izmērs, tekstu un dažādu attēlu noformējumā izmantojamā krāsu palete u.tml. </p>
<p>Īpaši svarīgi ir izvērtēt krāsu paletē (attiecīgi – arī logotipa dizainā) iekļauto krāsu kontrastu atbilstību piekļūstamības principiem. Taču tas nenozīmē, ka ir jāpārstrādā viss zīmols (<em>rebranding</em>), ja kāda no iespējamajām zīmola krāsu kontrastu kombinācijām neatbilst piekļūstamības prasībām. Parasti optimālu kontrastu var panākt, veicot šajā krāsu paletē ļoti simboliskas izmaņas – nomainot tikai pāris toņus. </p>
<p>Turklāt par krāsu kontrastiem ir jādomā, ne vien uzlabojot esošā tīmekļvietnes satura piekļūstamību, bet arī veidojot jaunu digitālo saturu. Piemēram, papildinot tīmekļvietni ar jaunām sadaļām un jauniem elementiem (ikonas, aptaujas u.c.). Pieredze liecina, ka šajā ziņā "grēko" ļoti daudzi. Rezultāts – šķietami piekļūstamās tīmekļvietnēs parādās nepiekļūstami elementi, kas automātiski padara tās pilnīgi vai daļēji nepiekļūstamas.</p>
<h3 id="72-testēšana">7.2. Testēšana</h3>
<p>Krāsu kontrasti, līdzīgi kā ALT teksti, ir viens no piekļūstamības principiem, kuru pārbaudei ieteicams kombinēt automatizētos un lietotāju testus. Proti, automatizētie testi ir ļoti piemēroti, lai ātri noteiktu krāsu kontrasta esamību vai neesamību. Šim nolūkam var izmantot dažādus rīkus – Axe, Wave u.c. Taču to, vai un cik lielā mērā piekļūstami ir krāsu kontrasti, kas izmantoti attēla formātā veidoti tekstu (reklāmas banneris, plakāts, sludinājums u.tml.) noformēšanai, var noteikt tikai ar lietotāju testiem.</p>
<p>Lai gan abi iepriekš minētie rīki ļauj pārbaudīt krāsu kontrastus vienlīdz efektīvi, ir zināmas nianses, kas jāņem vērā to lietošanā. Piemēram, Axe rīka priekšrocība ir tā, ka tas ne vien identificē problēmas, bet arī piedāvā risinājumu, kā novērst nepilnības, aprēķinot konkrētajai situācijai atbilstošāko krāsu kontrasta koeficientu. Savukārt Wave rīks ir vairāk piemērots tā dēvēto "slēgto" jeb ar parolēm aizsargāto tīmekļvietņu testēšanai, jo tas atšķirībā no Axe rīka nesūta iegūtos datus uz ārējiem serveriem. Tieši drošības apsvērumu dēļ dažādu valsts iestāžu interneta pārlūkos var būt noteikti ierobežojumi, kas liedz izmantot Axe rīku.</p>
<p>Lai pārbaudītu krāsu kontrastus ar Wave rīku:</p>
<ol>
<li>Ierakstiet interneta pārlūka teksta laukā tīmekļvietnes, kuru vēlaties novērtēt, adresi. </li>
<li>Uzklikšķiniet uz Wave rīka ikonas interneta pārlūka spraudņu izvēlnē. Ekrāna kreisajā pusē atvērsies logs, kurā būs atspoguļota informācija par to, cik tieši krāsu kontrastu kļūdas konkrētajā tīmekļvietnes lapā (nevis visā tīmekļvietnē) ir fiksētas. Savukārt pašā tīmekļvietnē pie katras no kļūdām parādīsies maza ikona sarkana kvadrāta formā (tīmekļvietnes skats pēc Wave rīka aktivizēšanas atspoguļots 9. attēlā).</li>
<li>Izvēlieties iepriekšējā punktā minētā loga izvēlnē sadaļu Detaļas (Details). Arī šeit parādīsies mazas ikonas sarkana kvadrāta formā. To skaits būs vienlīdzīgs ar lapā reģistrēto kontrastu kļūdu skaitu. Uzklikšķinot uz jebkuras ikonas šajā logā, tīmekļvietnes lapā tiks iezīmēta ar to saistītā ikona, tā norādot, kurā tieši vietā tieši atrodas saturs, kuram nav pietiekams kontrasts. </li>
<li>Pārliecinieties, ka:<ul>
<li>tīmekļvietnē publicētās satura krāsu kontrasta koeficients ir vismaz 4,5:1;</li>
<li>šis krāsu kontrasta koeficients ir izmantots ne vien dažādu aprakstu, bet arī galvenē un kājenē atspoguļotās informācijas, ikonu, navigācijas elementu un citas tekstuālas informācijas noformēšanai. </li>
</ul>
</li>
</ol>
<p>Noteikti ir vērts pārbaudīt tīmekļvietnes noformējumā izmantoto krāsu kontrastu piekļūstamību arī ar Accessibility Insights rīku, kas ir veidots uz Axe rīka bāzes. Lai gan tas nenodrošina kontrasta koeficienta vērtības atspoguļojumu, šis rīks sniedz tiešu pieredzi – uzskatāmi parāda, kā tīmekļvietni redz cilvēki, kuri neatšķir krāsas:</p>
<ol>
<li>Ierakstiet interneta pārlūka teksta laukā tīmekļvietnes, kuru vēlaties novērtēt, adresi. </li>
<li>Aktivizējiet Accessibility Insights krāsu kontrastu pārbaudes rīku (Accessibility Insights → Ad Hoc Tools → Contrast). Šajā brīdī tīmekļvietnes skats izmainīsies no krāsaina uz pelēcīgi baltu, jo šis rīks savā ziņā "izslēdz" tīmekļvietnē krāsas. </li>
<li>Iepazīstiet ne vien visas 50 pelēkās krāsas nokrāsas, bet arī pārbaudiet, cik viegli vai grūti (tikai ar krāsas palīdzību) ir uztverami dažādi jūsu tīmekļvietnē atspoguļotie elementi, piemēram, saites.</li>
</ol>
<img class="lazy" data-src="assets/images/2020-12-07-13-02-56.png" alt="Tīmekļvietnes skats pēc Wave rīka aktivizēšanas.">
<figcaption>
9. attēls. Tīmekļvietnes skats pēc Wave rīka aktivizēšanas.
</figcaption>
</div>
<div class="section wrapper"><h2 id="8-teksta-izmēra-tālummaiņa">8. Teksta izmēra tālummaiņa</h2>
<p>Pastāv uzskats, ka tīmekļvietņu piekļūstamības nodrošināšana prasa ļoti tehniskas zināšanas un dārgus rīkus. Atsevišķu piekļūstamības aspektu ieviešana un uzturēšana digitālajā vidē tiešām prasa zināšanas un zināmus laika, kā arī finanšu resursus. Tomēr ir aspekti, kas būtiski uzlabo lietotāju un digitālā satura mijiedarbību, taču neprasa lielus ieguldījumus. Teksta izmēra tālummaiņa ir viens no tiem.</p>
<p>Populārākajos interneta pārlūkos (Chrome, Firefox, Microsoft Edge un Safari) teksta izmēru var mainīt divos veidos:</p>
<ul>
<li>Tīmekļvietnes tālummaiņa (page zoom) ļauj pietuvināt vai attālināt ne vien tekstu, bet arī attēlus, ikonas, "pogas" u.tml. To var veikt gan interneta pārlūka, gan arī operētājsistēmas līmenī. </li>
<li>Teksta izmēra tālummaiņa (text-only zoom) ļauj pietuvināt vai attālināt tikai tekstu. To var veikt interneta pārlūka līmenī. Taču šāda iespēja var būt paredzēta arī tīmekļvietnes līmenī. Šādos gadījumos teksta tālummaiņas ikona, kuras apzīmēšanai parasti izmanto "A" burtu, procentus vai pluss un mīnuss zīmes, tiek iekļauta tīmekļvietnes galvenē līdztekus krāsu kontrastu un citām saskarnes izskatu mainošajām izvēlnēm.</li>
</ul>
<p>Salīdzinoši visbiežāk lietotāji izmanto minētās iespējas, lai varētu izlasīt tekstu mobilajās ierīcēs. Īpaši aktuāli tas ir cilvēkiem ar redzes traucējumiem un gados vecākiem cilvēkiem. Tiesa, pieredze liecina, ka seniori digitālā satura palielināšanai datoros un dažkārt arī viedierīcēs nereti izmanto lupu, jo nav informēti par iespējām mainīt teksta izmēru tiešsaistē.</p>
<p>Tomēr teksta izmēra un tīmekļvietnes tālummaiņu mēdz praktizēt arī lietotāji bez jelkādiem redzes traucējumiem. Piemēram, cilvēki, kuri ikdienā daudz strādā ar tekstiem – žurnālisti, korektori, rakstnieki un citi. Un cilvēki, kuri vēlas samazināt slodzi acīm, ko rada ilgstoša koncentrēšanās uz maza izmēra tekstiem.</p>
<h3 id="81-labā-prakse">8.1. Labā prakse</h3>
<p>Mainot teksta izmēru tīmekļvietnē, kuras izstrādē un uzturēšanā nav ievēroti piekļūstamības principi, tā var kļūt nelietojama, jo tālummaiņas rezultātā teksts var tikt sakropļots (skatīt zemāk pievienoto attēlu). Bet cilvēkiem ar redzes traucējumiem tā var būt nelietojama uzreiz, jo viņu datoros liels burtu izmērs var būt iestatīts interneta pārlūka vai operētājsistēmas līmenī pēc noklusējuma. </p>
<p>Labā prakse paredz nodrošināt tīmekļvietnē tādu satura noformējumu, ko vienlīdz labi var uztvert gan normālā (100%), gan maksimālā (200%) tālummaiņas režīmā. Tas nozīmē, ka piekļūstams digitālais saturs, pirmkārt un galvenokārt, ir tāds saturs, kas teksta tālummaiņas gadījumā nekādi neietekmē tīmekļvietnes saturu un funkcionalitāti. Otrkārt, tas ir tāds saturs, kura uztveršanai teksta tālummaiņas gadījumā nav jāizmanto palīgtehnoloģijas. Piemēram, operētājsistēmas līmenī iebūvētais ekrāna palielinātājs (screen magnifier), kas ļauj pietuvināt atsevišķus lapas fragmentus (piemērs, kas atspoguļo izmaiņas, kas var vai nevar notikt tīmekļvietnes skatā pēc tālummaiņas, atspoguļots 10. un 11. attēlā).</p>
<p>Šādu satura noformējumu iespējams panākt, veidojot tīmekļvietnes pēc principa "mobile first". Tas nozīmē, ka teksta tālummaiņas gadījumā tīmekļvietnes saskarne tiek atspoguļota mobilajā izklājumā. Ja vien šajā izklājumā neiztrūkst atsevišķi elementi (piemēram, iepirkumu grozs vai lietotāju autentifikācijas logs), kas var būt neapdomīgi likvidēti, jo tā šķiet praktiskāk, estētiskāk u.tml., tīmekļvietne arī maksimālā teksta izmēra palielinājuma režīmā turpina funkcionēt pilnvērtīgi:</p>
<ul>
<li>lielāki kļūst tikai teksti, nevis attēli un citi vizuālie elementi;</li>
<li>lielāki kļūst visi tīmekļvietnē publicētie teksti (ja teksts ir publicēts attēla formātā, tas nemainīsies, attiecīgi – maksimālās tālummaiņas režīmā nebūs salasāms);</li>
<li>visi teksti joprojām ir pieejami pilnā apjomā – teikumi nav aprauti, nav pazuduši atsevišķi teksta fragmenti;</li>
<li>teksta slejas un sekcijas, kā arī attēli un citi satura elementi nepārklājas;</li>
<li>visas atstarpes starp teksta rindām joprojām ir savās vietās;</li>
<li>visi teksta bloki ir redzami un brīvi izlasāmi – to lasīšanai nav jāizmanto tā dēvētā horizontālā "ritināšana" (tā ir pieļaujama tikai, lai pārietu uz citu tīmekļvietnes sadaļu);</li>
<li>visi tīmekļvietnes aktīvie elementi ir izmantojami ne vien ar datorpeli, bet arī ar TAB taustiņu;</li>
<li>visi tīmekļvietnes aktīvie elementi ir fokusēti;</li>
<li>tīmekļvietnē joprojām ir iespēja izmantot visas izvēlnes (piemēram, mainīt valodas un krāsu kontrastus), vadīklas (piemēram, tīmekļvietnes aizvēršanas poga), kā arī formu laukus (piemēram, meklēšanas logs).</li>
</ul>
<img class="lazy" data-src="assets/images/2020-12-07-13-05-30.png" alt="Cēsu pašvaldības mājaslapa ar palielinātu tekstu. Vietne attēlojas mobilajā skatā.">
<figcaption>
1. attēls. Teksta izmēra tālummaiņas atspoguļojuma labās prakses piemērs.
Tīmekļvietne pēc tālummaiņas ir ieguvusi mobilo izkārtojumu un saglabājusi pilnu funkcionalitāti. Nav mainījies arī tās teksta elementu noformējums – tie nepārklājas un joprojām ir viegli salasāmi.
</figcaption>
<img class="lazy" data-src="assets/images/2020-12-07-13-06-13.png" alt="Eiropas migrācijas tīkla mājaslapa ar palielinātu tekstu. Lapai apakšpusē tagad ir horizontālās ritināšanas rīkjosla (scroll-bar), daļai kājenes pazudusi fona krāsa un lapas augšpusē ir pazudis valodu pārslēgs.">
<figcaption>
11. attēls. Teksta tālummaiņas atspoguļojuma sliktās prakses piemērs.
Pēc tālummaiņas lapai apakšpusē ir parādījusies horizontālās ritināšanas rīkjosla (scroll-bar). Tā ir viena no pirmajām pazīmēm, kas norāda uz to, ka lapas saturs ekrānā netiek atspoguļots pilnā apmērā. Tāpat daļa no lapas satura ir kļuvusi neredzama (kājenē ietvertais teksts nav salasāms) un nepieejama (piemēram, lapas augšpusē ir pazudis valodu pārslēgs).
</figcaption>
<h3 id="82-testēšana">8.2. Testēšana</h3>
<p> Par to, ka teksta un lapas tālummaiņas gadījumā tīmekļvietnes saturs joprojām ir piekļūstams teju ikvienam lietotājam, var pārliecināties vairākos veidos.</p>
<h4 id="821-teksta-tālummaiņas-pārbaude-interneta-pārlūkos-chrome-un-firefox">8.2.1. Teksta tālummaiņas pārbaude interneta pārlūkos Chrome un Firefox</h4>
<p> Lai veiktu tālummaiņas pārbaudi interneta pārlūkos Chrome un Firefox:</p>
<ol>
<li>Ierakstiet interneta pārlūka teksta laukā tīmekļvietnes, kuru vēlaties novērtēt, adresi.</li>
<li>Iestatiet izvēlētā interneta pārlūka rīkjoslā teksta tālummaiņas režīmu: Skats (View) → Tālummaiņa (Zoom) → Tikai teksta tālummaiņa (Zoom Text Only). Šo režīmu var iestatīt arī ar datora tastatūras taustiņu kombināciju Alt + V, Z, T.</li>
<li>Palieliniet tekstu līdz 200%:<ul>
<li>Ja izmantojat operētājsistēmu Windows vai Linux, nospiediet datora tastatūrā taustiņu kombināciju Ctrl + [+] (turiet nospiestu kontroles taustiņu un nospiediet četras līdz sešas reizes taustiņu [+]). Līdzīgu rezultātu var panākt, nospiežot taustiņu Ctrl un rullējot datorpeles rullīti uz augšu jeb prom no sevis (rullējot rullīti uz leju jeb uz sevi, teksta izmērs samazinās).</li>
<li>Ja izmantojat operētājsistēmu MacOS, nospiediet datora tastatūrā taustiņu kombināciju Cmd + [+] (turiet nospiestu komandtaustiņu un vienlaikus četras līdz sešas reizes nospiediet taustiņu +). Līdzīgu rezultātu var panākt, nospiežot taustiņu Cmd un rullējot datorpeles rullīti uz augšu jeb prom no sevis (rullējot rullīti uz leju jeb uz sevi, teksta izmērs samazinās). </li>
<li>Neatkarīgi no tā, kādu operētājsistēmu izmantojiet, teksta tālummaiņu var veikt arī interneta pārlūka rīkjoslā. Atveriet tās izvēlni un sadaļā Tālummaiņa (Zoom) uzklikšķiniet uz pogas "+", lai palielinātu tekstu, bet uz pogas "-", lai samazinātu. Skaitlis, kas redzams starp šīm pogām, ir pašreizējās tālummaiņas procentuālā vērtība.</li>
</ul>
</li>
<li>Pārliecinieties, ka teksta tālummaiņa nav ietekmējusi tīmekļvietnes saturu un funkcionalitāti atbilstoši 8.1. punktā aprakstītajiem labās prakses piemēriem.</li>
</ol>
<h4 id="822-teksta-tālummaiņas-pārbaude-interneta-pārlūkā-safari">8.2.2. Teksta tālummaiņas pārbaude interneta pārlūkā Safari</h4>
<p>Ņemot vērā, ka Safari pārlūks vairs neatbalsta Windows operētājsistēmu, šī pārbaude iespējama tikai operētājsistēmā MacOS. Lai veiktu pārbaudi:</p>
<ol>
<li>Ierakstiet interneta pārlūka teksta laukā tīmekļvietnes, kuru vēlaties novērtēt, adresi.</li>
<li>Palieliniet tekstu līdz 200%. To var izdarīt divējādi:<ul>
<li>Atveriet interneta pārlūka rīkjoslas izvēlni un palieliniet tekstu: Skatīt izvēlni (View Menu) → Palielināt tekstu (Make Text Bigger).</li>
<li>Nospiediet datora tastatūrā taustiņu kombināciju Alt + Cmd + [+] (turiet nospiestu Alt un komandtaustiņu un vienlaikus četras līdz sešas reizes nospiediet taustiņu [+]).</li>
</ul>
</li>
<li>Pārliecinieties, ka teksta tālummaiņa nav ietekmējusi tīmekļvietnes saturu un funkcionalitāti atbilstoši 8.1. punktā aprakstītajiem labās prakses piemēriem.</li>
</ol>
</div>
<div class="section wrapper"><h2 id="9-lapu-nosaukumi">9. Lapu nosaukumi</h2>
<p>Līdzīgi kā cilvēks iepazīstoties parasti sauc sevi vārdā, to dara arī tīmekļvietnes lapas – to "vārdi" jeb nosaukumi parādās interneta pārlūka loga virsrakstjoslā vai cilnē. To primārais mērķis ir palīdzēt lietotājiem labāk orientēties tīmekļvietnē, tāpēc šī "vārda" izvēlei ir jāpiešķir īpaša vērība. Piemēram, ja reālajā dzīvē ģimenes ietvaros (arī tīmekļvietni var uzskatīt par ģimeni, kuras locekļi ir tās lapas) pēcteču dēvēšana vienā vārdā paaudžu paaudzēs ir ierasta lieta, tīmekļvietnes lapu nosaukumiem ir jābūt unikāliem – tie nevar atkārtoties. Jo tiem ir jārada visai skaidrs priekšstats par lapas saturu un mērķiem.</p>
<p>Piekļūstamus tīmekļvietņu lapu nosaukumus īpaši novērtē cilvēki ar redzes traucējumiem, kuri ikdienā izmanto ekrāna lasīšanas ierīces, jo lapas nosaukums parasti ir pirmā lieta, ko šīs ierīces nolasa, kad interneta pārlūkā tiek ielādēta jauna tīmekļvietne vai tās sadaļa. Taču tiem uzmanību pievērš arī digitālā mārketinga speciālisti, jo pareizi veidoti tīmekļvietņu lapu nosaukumi būtiski uzlabo organizācijas rezultātus Google meklētājā.</p>
<h3 id="91-labā-prakse">9.1. Labā prakse</h3>
<p>Lai tīmekļvietņu lapu nosaukumi būtu piekļūstami ikvienam lietotājam, bet īpaši – cilvēkiem ar redzes traucējumiem, ievērojiet to veidošanā šādus principus:</p>
<ul>
<li>Veidojiet lapu nosaukumus īsus un kodolīgus, precīzi raksturojot to saturu un mērķi. </li>
<li>Pārliecinieties, ka lapu nosaukumi ir unikāli jūsu tīmekļvietnei un visām ar to saistītajām vietnēm – tie neatkārtojas. Nereti šo unikalitāti iespējams panākt, iekļaujot lapu nosaukumos to virsrakstus.</li>
<li>Veidojot lapu nosaukumus, svarīgu, unikālu un lapas mērķus raksturojošu informāciju iekļaujiet tās nosaukuma sākumā, bet tīmekļvietnes un/vai organizācijas, kurai tā pieder, nosaukumu – beigās. Piemēram (uzskatāms piemērs atspoguļots arī 12. attēlā):<ul>
<li>Par mums | VARAM tīmekļvietne</li>
<li>Aktualitātes | VARAM tīmekļvietne</li>
<li>Administratīvi teritoriālā reforma | VARAM tīmekļvietne</li>
</ul>
</li>
</ul>
<img class="lazy" data-src="assets/images/2020-12-07-13-11-08.png" alt="Divi attēli viens blakus otram. Attēlā pa kreisi lapas nosaukums sākas ar tās virsrakstu, kuram seko organizācijas, kurai tā pieder, nosaukums. Attēlā pa labi tīmekļvietnes lapas nosaukumā ir redzams tikai tīmekļvietnes nosaukums un tās adrese.">
<figcaption>
12. attēls. Tīmekļvietnes lapu nosaukumu atspoguļošanas "labās" un "sliktās" prakses piemērs.
Attēlā pa kreisi lapas nosaukums sākas ar tās virsrakstu, kuram seko organizācijas, kurai tā pieder, nosaukums (TOP 10 brīvdienu galamērķi | Latvia Travel). Savukārt attēlā pa labi tīmekļvietnes lapas nosaukumā ir redzama tikai informācija par pašu tīmekļvietni un tās adrese. Šajā gadījumā pareizi noformēts lapas nosaukums būtu šāds: Par portālu | Latvijas valsts portāls.
</figcaption>
<ul>
<li>Ievērojiet lapu nosaukumu izveidē vienotu stilu. Piemēram, atdalot iepriekš aprakstīto primāro un sekundāro informāciju, izmantojiet visos lapu nosaukumos vienu un to pašu simbolu – domuzīmi vai vertikālu svītru (kā iepriekšējā punktā aprakstītajā piemērā), nevis katrā lapā citu simbolu. Tas pats attiecas arī uz organizācijas, kurai konkrētā tīmekļvietne pieder, nosaukuma rakstību. Proti, rakstiet šo nosaukumu visur vienādi, piemēram, "VARAM tīmekļvietne" (kā iepriekšējā punktā aprakstītajā piemērā) vai "<code>www.varam.gov.lv</code>", vai "Vides aizsardzības un reģionālās attīstības ministrija", nevis katrā lapas nosaukumā citādi.</li>
<li>Iekļaujiet lapu, kas veidotas kā daudzpakāpju procesa daļa (piemēram, reģistrēšanās pakalpojuma saņemšanai vai pasūtījuma noformēšana) vai kādas sadaļas apakšsadaļa, nosaukumā konkrētā procesa vai soļa, kas tajās aprakstīts, nosaukumu. Piemēram:<ul>
<li>Iedzīvotāju pieteikumu izskatīšana ministrijas kompetences jomās | Pakalpojumi | VARAM tīmekļvietne</li>
<li>Līgums | Izveido eParaksts Mobile | <code>eparaksts.lv</code></li>
</ul>
</li>
<li>Ievērojiet tīmekļvietņu lapu nosaukumu izveidē izvēlēto valodu pareizrakstības likumus.</li>
</ul>
<h3 id="92-testēšana">9.2. Testēšana</h3>
<p>Tīmekļvietņu lapu nosaukumu atbilstība piekļūstamības principiem tiek pārbaudīta vizuāli:</p>
<ol>
<li>Atveriet tīmekļvietni vai tās sadaļu, ko vēlaties pārbaudīt, jebkurā no populārākajiem interneta pārlūkiem – Chrome, Firefox, Microsoft Edge vai Safari. </li>
<li>Pārliecinieties, ka lapas nosaukums, kas pēc noklusējuma parādīsies jūsu izvēlētā interneta pārlūka loga virsrakstjoslā vai cilnē, atbilst 9.1. punktā aprakstītajiem labās prakses piemēriem. </li>
</ol>
</div>
<div class="section wrapper"><h2 id="10-saturs-kas-kustas-mirgo-un-zibsnī">10. Saturs, kas kustas, mirgo un zibsnī</h2>
<p>Dažādi kustīgi elementi (attēli un teksti, kas mirgo, zibsnī u.tml.) digitālajā vidē parasti tiek izmantoti, lai pievērstu lietotāju uzmanību un veicinātu viņu mijiedarbību ar digitālo saturu. Salīdzinoši visbiežāk animēti tiek tādi digitālā satura elementi kā:</p>
<ul>
<li>Slaideri – attēli, kas secīgi mainās paši vai var tikt mainīti manuāli. Tos bieži izmanto, lai īsi atspoguļotu tīmekļvietnes galvenajā lapā jaunāko, aktuālāko informāciju, piemēram, akcijas piedāvājumus. Tāpat slaideri nereti tiek izmantoti, veidojot foto galerijas.</li>
<li>Reklāmas banneri un videoklipi.</li>
<li>Ziņu plūsmas (piemēram, RSS ziņu plūsma) – informācijas monitorēšanas sistēma, kas ļauj veidot tīmekļvietnē jaunāko ziņu apkopojumu par dažādām organizācijai saistošām tēmām. Informācija, kas tiek atspoguļota šajās plūsmās, tiek automātiski "ielasīta" no dažādiem kanāliem (ziņu portāliem, sociālajiem tīkliem u.tml.), izmantojot dažādus atslēgvārdus. Ņemot vērā, ka parasti šajā ziņu plūsmās ir līdz 10 ziņām, tās atkarībā no tēmas aktualitātes var mainīties gan ļoti reti, gan arī nepārtraukti.</li>
<li>Vērtības, kas atjaunojas automātiski. Uzskatāmākie piemēri ir valūtas kurss, aviobiļešu cenas un aktuālā laika prognoze, ko savās tīmekļvietnēs mēdz publicēt ziņu portāli. </li>
</ul>
<p>Tomēr ar šādu saturu, kas kustas, mirgo un zibsnī, iespējams ne tikai pievērst uzmanību. Ar to var panākt arī gluži pretēju efektu, jo cilvēki ir dažādi un arī viņu spējas uztvert informāciju atšķiras. Piemēram, cilvēkiem ar kognitīviem un vestibulāriem traucējumiem šādi attēli var radīt virkni neērtību – sākot ar galvassāpēm, reiboni un sliktu dūšu un beidzot ar krampjiem un epilepsijas lēkmēm. Tieši šī iemesla dēļ populārākie interneta pārlūki vairs neatbalsta savulaik plaši izmantotos Flash programmā veidotos attēlus, kas nav kontrolējami – tie mirgo pārāk intensīvi un nav apturami, izraisot lietotājiem sliktu pašsajūtu. </p>
<p>Lai gan eksistē virkne citu programmu, kas joprojām ļauj veidot digitālo saturu, kas kustas, mirgo un zibsnī, arī šajās programmās veidotā satura uztvere atsevišķām lietotāju grupām var būt ierobežota vai pat neiespējama, ja tā izveidē netiek ievēroti piekļūstamības principi. Pirmkārt, ir cilvēki, kuriem informācijas uztverei nepieciešams vairāk laika nekā citiem. Piemēram, ja reklāmas banneris kustās pārāk ātri, viņi var nepagūt izlasīt tajos ietvertos vēstījumus. Otrkārt, ir cilvēki, kuriem ir grūtības fokusēt uzmanību, ja fonā kaut kas mirgo vai zibsnī. Treškārt, cilvēki ar redzes traucējumiem bieži vien nevar piekļūt saturam, kas kustās, mirgo vai zibsnī pat tad, ja tajā ir izmantoti lieli burti un augsts kontrasta koeficients. Iemesls – parasti animēti tiek attēli, nevis teksti, bet lielākā daļa ekrāna lasīšanas ierīču nespēj nolasīt tekstu, kas ir veidots attēla formātā.</p>
<h3 id="101-labā-prakse">10.1. Labā prakse</h3>
<p>Lielākā daļa satura elementu, kas kustas, mirgo un zibsnī īsti nepakļaujas kontrolei – tie parasti aktivizējas automātiski un tiek atrādīti teju bezgalīgā "cilpā" (uzskatāms piemērs atspoguļots 13. attēlā). Tāpēc to izveidē ieteicams ņemt vērā vairākas būtiskas nianses:</p>
<ul>
<li>Pārliecinieties, ka jūsu attēli mirgo vai zibsnī ne vairāk kā trīs reizes sekundē. Pirmkārt, saturu, kas kustas ātrāk, ir grūti uztvert. Otrkārt, tas var izraisīt reiboņus, krampjus un citas veselības problēmas. Piemēram, domājot par skatītāju labsajūtu, pat filmu ainas ar negaisu tiek rediģētas tā, lai zibens zibeņo ne biežāk kā trīs reizes sekundē. </li>
<li>Iestatiet kustīgo attēlu animācijas cikla garumu jeb intervālu (laiks no animācijas sākuma līdz brīdim, kad tā beidzas). Optimālais tā laiks ir divas sekundes, maksimālais – piecas. </li>
<li>Nodrošiniet lietotājiem iespēju noteikt vērtību, kas atjaunojas automātiski, atjaunošanās regularitāti. </li>
<li>Izvairieties no GIF attēlu izmantošanas, jo animācijas ātrumu ietekmēt ir teju neiespējami, tādēļ šis kustīgo attēlu veids tiek uzskatīts par lietotājiem nedraudzīgāko. To ieteicams aizstāt ar HTML5 videoklipiem, kas ir lietotājiem draudzīgāki.</li>
</ul>
<img class="lazy" data-src="assets/images/mirgojoss_baneris.gif" alt="Delfi.lv ziņu lapa ar raibu fonu, kustīgu un mirgojošu reklāmas baneri lapas centrā un baneru slīdrindu lapas apakšā.">
<figcaption>
1. attēls. Satura, kas kustas, mirgo un zibsnī, izveides sliktās prakses piemērs.
Gan "Venden" reklāmas banneris, gan arī slīdrinda ekrāna apakšmalā ir veidoti GIF formātā, kas nav lietotājiem draudzīgs. "Venden" bannerī ir pārāk daudz kustīgo elementu, turklāt tie mainās ļoti strauji. Visbeidzot, abus bannerus nav iespējams apturēt – tie kustās, mirgo nepārtraukti. Slīdrindu oriģinālajā versijā bija iespējams aizvērt pavisam. Taču šim mērķim šī bannera labajā pusē augšmalā iestrādāto aizvēršanas vadīklu (balts krustiņš uz melna fona) uz raibā fona ir grūti pamanīt.
<p>P.S. Ja jums traucē piemērā iekļautā attēla kustīgie elementi, novietojiet uz tā datorpeles kursoru vai nonāciet līdz tam ar TAB taustiņu. Attēla vidū parādīsies multimediju atskaņošanas vadīkla, kas ļauj apturēt kustību visā attēlā (pelēka poga ar divām vertikālām svītrām). Nospiediet to.</p>
</figcaption>
<ul>
<li>Pārliecinieties, ka kustīgais vai mirgojošais saturs neaizņem vairāk kā ceturto daļu ekrāna. Piemēram, ja ierīces ekrāna izšķirtspēja ir 1024x768 pikseļi, optimālais kustīga vai mirgojoša satura izmērs ir 341x256 pikseļi. </li>
<li>Pārliecinieties, ka kustīgais vai mirgojošais saturs nav pārāk spilgts. </li>
<li>Animējiet nevis visu attēlu, bet noteiktus tā elementus (piemēram, pogu vai acis), kuriem vēlaties pievērst īpašu uzmanību. </li>
<li>Izvairieties kustīga satura izveidē no sarkanas krāsas, bet īpaši – sarkanas un zilas krāsas kombinācijas, jo tā epilepsijas lēkmēm tik raksturīgos krampjus izraisa ievērojami biežāk nekā citu krāsu kombinācijas.</li>
<li>Neiekļaujiet kustīgajos attēlos optiskās ilūzijas elementus, jo tie ietekmē lietotājus līdzīgi kā sarkanās un zilās krāsas kombinācija.</li>
<li>Izmantojot tīmekļvietnes satura noformējumā animētus elementus, kuros iekļauts teksts, pievienojiet tiem tekstuālās alternatīvas – īsus aprakstus.</li>
</ul>
<p>Tāpat ir svarīgi ņemt vērā, ka arī animēts saturs, kas veidots, ievērojot piekļūstamības principus, var izraisīt lietotājiem sliktu pašsajūtu. Tāpēc labā prakse paredz, ka tīmekļvietnes lapās, kurās tiek publicēts šāds saturs, jau pašā sākumā, turklāt labi redzamā vietā tiek ievietots brīdinājumu par to, ka šajā lapā ir izmantots kustīgs saturs, kas noteiktām lietotāju grupām var izraisīt reiboņus, krampjus un citas veselības problēmas.</p>
<h3 id="102-testēšana">10.2. Testēšana</h3>
<p>Neraugoties uz to, ka kustīga, mirgojoša un zibsnījoša satura atbilstība piekļūstamības principiem tiek veikta vizuāli, šo pārbaudi nevar uzskatīt par 100% subjektīvu, jo tajā tiek izmantoti kritēriji, kas nodrošina objektivitāti. Piemēram, optimālais animētā satura cikla ilgums ir noteikts, balstoties uz dažādu lietotāju testu rezultātiem.</p>
<p>Lai pārliecinātos, ka tīmekļvietnē publicētais saturs, kas kustas, mirgo un zibsnī, ir piekļūstams lielākajai daļai lietotāju:</p>
<ol>
<li>Atveriet tīmekļvietni vai tās sadaļu, kurā ir publicēts animēts saturs. </li>
<li>Pārliecinieties, ka animētā satura elementi ir veidoti, ievērojot 10.1. punktā aprakstītos labās prakses piemērus. Primāri nepieciešams pārbaudīt trīs lietas:<ul>
<li>vai šis saturs apstājas pats un viena tā cikla garums nepārsniedz piecas sekundes;</li>
<li>vai šo saturu var apturēt, ja tas aktivizējas automātiski – atverot konkrēto tīmekļvietnes sadaļu;</li>
<li>vai šis saturs nemirgo vai nezibsnī biežāk kā trīs reizes sekundē.</li>
</ul>
</li>
</ol>
</div>
<div class="section wrapper"><h2 id="11-multimediju-audio-video-satura-alternatīvas">11. Multimediju (audio, video) satura alternatīvas</h2>
<p>Multimediju saturs ir veids, kā nodot mērķa auditorijai informāciju digitālajā vidē ātri un efektīvi. Īpaši tas attiecas uz video saturu, jo dažādu starptautisku pētījumu rezultāti liecina, ka vizuālu, kustīgu saturu cilvēki uztver labāk nekā parastu tekstu. Tomēr ir atsevišķas lietotāju grupas, kurām multimediju satura izmantošanas iespējas ikdienā ir ierobežotas.</p>
<p>Piemēram, cilvēki ar dzirdes traucējumiem parasti ļoti labi prot lasīt informāciju no lūpām. Taču tas ne vienmēr ir iespējams. Tā dēvētās aizkadra balss jeb teicēja sacīto nolasīt no lūpām nevar, jo šī persona nav redzama. Informāciju no filmas varoņu lūpām nolasīt ir neiespējami vai ļoti apgrūtinoši, ja viņi nestāv ar skatu pret ekrānu, runā ar izteiktu akcentu vai svešvalodā, ko konkrētais lietotājs pārvalda slikti vai nepārvalda vispār. Tāpēc vājdzirdīgiem un nedzirdīgiem lietotājiem audio un video saturs ir piekļūstams vien ar tad, ja tam tiek nodrošināti subtitri, teksta noraksts un/vai vispārīgs apraksts teksta formātā.</p>
<p>Cilvēki ar redzes traucējumiem video saturu var izmantot salīdzinoši brīvi. Tomēr arī viņi šī satura izmantošanā var saskarties ar piekļūstamības ierobežojumiem. Pirmkārt, nereti video materiāli tiek veidoti bez balss ieraksta, lai gan tajos var tikt atspoguļota būtiska informācija. Otrkārt, ja video materiālam ir skaņa, ierunātu tekstu (piemēram, dialogus) cilvēki ar redzes traucējumiem var uztvert ļoti labi, bet video noskaņu – tikai daļēji. Taču tādam video saturam kā filmas un TV raidījumi noskaņai ir ļoti nozīmīga loma. Un to neredzīgiem un vājredzīgiem cilvēkiem var nodot, izmantojot teksta norakstu (jo to var izlasīt ekrāna lasīšanas ierīces) vai ar audio aprakstu (jo to var noklausīties).</p>
<h3 id="111-multimediju-satura-alternatīvu-veidi">11.1. Multimediju satura alternatīvu veidi</h3>
<p>Kopumā izšķir trīs veidu multimediju satura alternatīvas: subtitri, teksta noraksts un audio apraksts. Lai gan visiem alternatīvajiem audio un video satura atspoguļojuma veidiem ir vienots mērķis – padarīt multimediju saturu piekļūstamu (saprotamu un viegli uztveramu) ikvienam lietotājam, to noformējumā ir jāņem vērā zināmas nianses.</p>
<h4 id="1111-subtitri-subtitles-captions">11.1.1. Subtitri (<em>subtitles, captions</em>)</h4>
<p>Tas ir detalizēts video (filmu, TV raidījumu, videospēļu u.tml.) satura atšifrējums oriģinālvalodā un/vai kādā no svešvalodām.</p>
<p>Parasti subtitri tie tiek rādīti ekrāna apakšpusē. Taču tā nebūs kļūda, ja liksiet tos ekrāna augšpusē. Šāds subtitru atspoguļojums ir vairāk piemērots gadījumos, kad ekrāna apakšpusē ir nepieciešams atrādīt citu nozīmīgu informāciju, piemēram, pieteikt runaspersonas, aprakstīt faktus, datus u.tml.</p>
<p>Kopumā izšķir trīs veidu subtitrus:</p>
<ul>
<li><strong>Atvērtie subtitri</strong> (<em>open captions, burned in captions, baked on captions</em>) tiek iestrādāti jeb "iededzināti" video materiālā attēla formātā, tāpēc tie nav piekļūstami:<ul>
<li>tos nevar ieslēgt un izslēgt, kā arī nolasīt ar ekrāna lasīšanas ierīcēm;</li>
<li>tie nepielāgojas ierīces ekrāna izmēram.</li>
</ul>
</li>
</ul>
<p>Lai arī atvērtie subtitri var būt vizuāli pievilcīgāki par slēgtajiem (jo tiem var veidot dažādus dizainus), tie arī nav praktiski un finansiāli izdevīgi. Pirmkārt, šādu subtitru izveide maksā dārgāk. Otrkārt, ja tajos tiek konstatētas kļūdas, labojumi ir jāveic visā video failā. Piemēram, ja kļūdas tiek konstatētas publiskotam video, kam jau ir noteikts skatījumu skaits, video ir jādzēš, jāizlabo un jāpublicē no jauna (uzskatāms atvērto subtitru piemērs atspoguļots 15. attēlā).</p>
<ul>
<li><p><strong>Slēgtie subtitri</strong> (<em>closed captions</em>) tiek veidoti kā atsevišķs fails, izmantojot šim nolūkam īpašus rīkus, ko piedāvā tādas platformas kā Facebook, YouTube, Vimeo u.c. (uzskatāms šādu subtitru piemērs atspoguļots 14. attēlā). Šādu subtitru galvenās priekšrocības:</p>
<ul>
<li>tos var ieslēgt un izslēgt, izmantojot pogu, kas tiek apzīmēta ar diviem burtiem – "CC" (abreviatūra no angļu valodas termina closed captions);</li>
<li>tie pielāgojas ierīces ekrāna izmēram;</li>
<li>tos var veidot gan tiešsaistē, gan arī augšupielādēt kā atsevišķu failu (populārākie subtitru faila paplašinājumi ir SRT un SBV);</li>
<li>tos var lejupielādēt (lieti noder, veidojot teksta norakstu – plašāka informācija par tā izveides mērķiem un principiem pieejama 11.1.2. punktā);</li>
<li>tos var izveidot jebkurā brīdī (tie nav jāpublicē uzreiz kopā ar video);</li>
<li>tajos fiksētās kļūdas var izlabot labot jebkurā brīdī, turklāt tiešsaistē (izmaiņas tiek veiktas tikai subtitros, nevis visā video failā).</li>
</ul>
</li>
<li><p><strong>Automātiskie subtitri</strong> (<em>automatic subtitles</em>) tiek veidoti ar mašīnlasīšanas un balss atpazīšanas tehnoloģijām. Tie ir sastopami vairākās digitālajās platformās, piemēram, YouTube (pieejami tikai video saturam, kas ir angļu valodā) un Google Meet. Šie subtitri nav piemēroti video satura piekļūstamības nodrošināšanai, jo nav precīzi. Taču tos var efektīvi izmantot kā pamatu atvērto un slēgto subtitru izveidei.</p>
</li>
</ul>
<img class="lazy" data-src="assets/images/2020-12-07-13-33-29.png" alt="Intervijas video ekrānšāviņš ar slēgtajiem subtitriem YouTube platformā.">
<figcaption>
14. attēls. Subtitru labās prakses piemērs.
Attēlā redzami tā dēvētie "slēgtie" subtitri, kas ir veidoti YouTube platformā. To teksts ir salasāms, jo burtu izmērs un krāsu kontrasts ir optimāls. Ja šajos subtitros būtu jāveic labojumi, to ātri un ērti varētu izdarīt tiešsaistē.
</figcaption>
<img class="lazy" data-src="assets/images/2020-12-07-13-35-11.png" alt="Reklāmas video ekrānšāviņš ar atvērtajiem subtitriem YouTube platformā.">
<figcaption>
1. attēls. Subtitru sliktās prakses piemērs.
Attēlā redzami tā dēvētie "atvērtie" subtitri, kas ir iestrādāti konkrētajā video materiālā attēla formātā. Tiem nav fona un burtu izmērs nav optimāls, tāpēc subtitri nav salasāmi. Ja šajos subtitros būtu jāveic labojumi, video no tīmekļvietnes un/vai YouTube vai kādas citas alternatīvās multimediju satura atskaņošanas platformas būtu jāizdzēš un pēcāk jāpublicē no jauna.
</figcaption>
<h4 id="1112-teksta-noraksts-transcript">11.1.2. Teksta noraksts (<em>transcript</em>)</h4>
<p>Tas ir multimediju satura attēlojums teksta formātā, kas tiek publicēts uzreiz zem konkrētā ieraksta. Lai gan audio un video materiālu teksta norakstiem ir vienots mērķis – palīdzēt lietotājiem labāk tajos labāk orientēties, uztvert to saturu, šo materiālu teksta noraksta izveides principi nedaudz atšķiras.</p>
<p>Video faila teksta noraksts ir detalizēts tā satura atšifrējums. Parasti tajā tiek dublēts viss subtitru saturs, izņemot laika kodus, kas lietotājiem ļauj gūt visai konkrētu priekšstatu par video faila saturu, to neskatoties. Lai arī šī video satura alternatīva primāri ir paredzēta cilvēkiem ar redzes traucējumiem, to novērtē arī citi lietotāji. Piemēram, cilvēki, kuriem ir jāapstrādā liels informācijas apjoms, meklējot tīmeklī materiālus par viņiem saistošām tēmām. Ja viņiem aktuālie atslēgvārdi būs iekļauti jūsu video teksta norakstā, ir ļoti liela iespēja, ka meklēšanas platforma (piemēram, Google vai Yandex) piedāvās šo video kā vienu no atlasītājiem resursiem.</p>
<p>Savukārt audio faila teksta noraksts ir jēgpilns tā satura apraksts jeb atstāstījums teksta formātā, kas parasti tiek izmantots radio raidījumu un podkāstu piekļūstamības nodrošināšanai. Audio failiem, kas laika ziņā pārsniedz 10 līdz 15 minūtes, parasti tiek veidoti vispārīgi apraksti, iekļaujot vien būtiskāko informāciju, runaspersonu citātus. Bet īsākiem audio failiem tie var būt arī ļoti detalizēti – teju kā video failu teksta noraksti.</p>
<h4 id="1113-audio-apraksts-audio-description">11.1.3. Audio apraksts (<em>audio description</em>)</h4>
<p>Tas ir video satura apraksts audio formātā, kura mērķis ir palīdzēt cilvēkiem ar redzes traucējumiem uztvert konkrētā video kontekstu. Parasti šādus aprakstus izmanto filmām – atskaņojot filmu, ir dzirdamas ne vien visas oriģinālās skaņas (dialogi, trokšņi, mūzika u.c.), bet arī balss, kura fonā stāsta par to, kas konkrētajā brīdī notiek ekrānā.</p>
<p>Šādus aprakstus īpaši ieteicams veidot video materiāliem, kuriem skaņa nav paredzēta. Piemēram, tā dēvētajiem noskaņas video, kas nereti tiek izmantoti, veidojot dažādu pasākumu atskatus. Šajā gadījumā ir īsi jāizstāsta video redzamās lietas, darbības utt., lai cilvēkam, kurš to neredz, rodas aptuvens priekšstats par to, kas tajā atspoguļots.</p>
<p>Raugoties no tehniskā viedokļa, audio apraksts ir alternatīvais video ieraksta skaņu celiņš. Tas var būt iekļauts video failā kā atsevišķs skaņu celiņš vai arī publicēts kā atsevišķs audio faila pielikums. Piemēram, YouTube platformā ir atsevišķs spraudnis, kas ļauj pievienot šādu pielikumu.</p>
<p>Jāpiebilst, ka fokusēties piekļūstama multimediju satura izveidē tikai uz lietotājiem ar redzes un dzirdes traucējumiem nevar. Piemēram, pieredze liecina, ka lietotāji bez šādiem traucējumiem subtitrus izmanto ievērojami biežāk nekā lietotāji ar tiem. Iemesls – ir virkne situāciju, kad video saturu ikdienā lietot ir apgrūtinoši un pat neiespējami, piemēram, fona trokšņi, atrašanās publiskās vietās, izlādējušās austiņas, bērni ar trauslu miegu, runaspersonu akcents, multimediju satura oriģinālās valodas nepārzināšana u.c.</p>
<h3 id="112-labā-prakse">11.2. Labā prakse</h3>
<p>Multimediju saturs digitālajā vidē tiek atskaņots īpaši šim nolūkam paredzētos atskaņotājos (<em>media players</em>). Populārākie no tiem ir YouTube un Vimeo. Taču mēdz būt arī īpaši programmēti atskaņotāji kādai konkrētai tīmekļvietnei.</p>
<p>Lai arī dizaina ziņā multimediju atskaņotāji atšķiras, tos visus vienojošais faktors ir tā dēvētais kontroles panelis, kurā ir iezīmētas dažādas vadīklas (media player controls) jeb "pogas" multimediju satura kontrolei – izslēgšanai, skaļuma regulēšanai, subtitru ieslēgšanai, ātruma kontrolei u.tml. Liela daļa šo vadīklu parādās pēc noklusējuma. Taču dažas var iestatīt manuāli. Tās nereti tiek atiestatītas. Biežāk izplatītais iemesls šādai rīcībai ir estētiskie apsvērumi. Proti, pastāv uzskats – jo mazāk "pogu" ir šajā atskaņotājā, jo labāk. Vai tā tiešām ir? Tas ir diskutabls jautājums.</p>
<p>Ņemot vērā, ka nav ieteicams izmantot multimediju satura automātiskās atskaņošanas funkciju – audio un video ierakstu skaņai nav jāieslēdzas, līdzko tiek atvērta tīmekļvietnes lapa vai sadaļa, kurā tie ir publicēti. Tāpēc galvenās vadīklas, kurām jābūt iezīmētām multimediju satura atskaņotājos, ir:</p>
<ul>
<li>vadīkla, kas ļauj apturēt vai aizvērt ierakstu jebkurā brīdī;</li>
<li>vadīkla, kas ļauj regulēt ieraksta skaļumu.</li>
</ul>
<p>Labā prakse paredz arī to, ka jebkuram audio un video materiālam, kas tiek publicēts digitālajā vidē, nepieciešama vismaz viena satura alternatīva. Visbiežāk izmantotais risinājums video materiālu piekļūstamības nodrošināšanā ir subtitri, ko papildina īss, vispārīgs apraksts (pieteikums), lai radītu lietotājiem priekšstatu par tā saturu.</p>
<p>Ja video ieraksts ir garš (sākot no 30 min), šos aprakstus ieteicams papildināt ar vispārīgu tā satura plānu, norādot galvenās tēmas, kas tiek atspoguļotas video materiālā, kā arī aptuveno sākuma laiku katrai no šīm tēmām (šo pašu taktiku ieteicams izmantot arī audio failiem). Tas lietotājiem palīdzēs labāk orientēties video saturā.</p>
<p>Pieredze liecina, ka ne visi video materiāli, kuriem izveidoti subtitri, ir līdz galam piekļūstami, jo arī to izveidē ir jāievēro noteikti piekļūstamības principi:</p>
<ul>
<li>Veidojiet slēgtos, nevis atvērtos subtitrus. Ja subtitri iestrādāti video materiālā attēla formātā, ekrāna lasīšanas ierīces tos izlasīt nevar. Arī dažādās meklēšanas platformās (Google, Yandex u.c.) šādiem video ir zemāki rezultāti.</li>
<li>Lieciet subtitrus tā, lai to sākums un beigas sakrīt ar balss tekstu. Taču ņemiet vērā, ka minimālais subtitru atrādīšanas laiks ir 1,5 sekundes.</li>
<li>Norādiet visas runaspersonas – arī fona balsi. Piemēram: "Jānis Bērziņš: Savu karjeru sāku kā skolotājs.", "(Ilze) Kā nodrošināt pakalpojuma pieejamību?" vai ">>Eksperts: Šogad nozarē plānots rekordliels eksporta apjoma pieaugums."</li>
<li>Iekļaujiet subtitros informāciju par izteiksmīgiem žestiem (ja tiem ir nozīme) un papildu skaņām, lai veiksmīgāk nodotu video noskaņu, liekot šo informāciju parastajās iekavās vai kvadrātiekavās. Piemēram: (skolotāja nopūšas), [skan dramatiska/priecīga mūzika], (ministrs noplāta rokas) u.tml.</li>
<li>Atšifrējiet video izmantotos dziesmu vārdus. Lai norādītu, ka skan dziesma (fonā vai kāds no video varoņiem dzied), izmantojiet simbolus – notis vai mirkļbirkām raksturīgo režģi. Piemēram: Paņem savus alvas zaldātiņus, nāc uz manām trepēm spēlēties vai # Nāk rudens apgleznot Latviju, bet nepūlies, necenties tā #.</li>
<li>Rakstiet skaitļus līdz desmit ar vārdiem, bet lielākus – ar cipariem. Piemēram: "Ministram šodien ieplānotas trīs vizītes.", "Vairāk nekā 70% pasaules tīmekļvietņu nav piekļūstamas.".</li>
<li>Izmantojiet lielos burtus pēc piederības – sākot teikumu, rakstot īpašvārdus u.tml. Noteiktu vārdu, teikumu izcelšana ar lielajiem burtiem nav vēlama, bet ir pieļaujama vien tikai, lai norādītu uz kliegšanu.</li>
<li>Veidojiet subtitrus no vienkāršiem nepaplašinātiem un vienkāršiem paplašinātiem teikumiem.</li>
<li>Izvairieties no svešvārdiem, slenga, idiomām u.tml. – iespēju robežās aizstājiet šos vārdus, frāzes ar vienkāršākiem sinonīmiem, jo cilvēkiem ar dzirdes traucējumiem var būt grūtības uztvert to nozīmi.</li>
<li>Neizmantojiet subtitriem vairāk par divām teksta līnijām. Un ņemiet vērā, ka optimālais zīmju skaits vienā līnijā ir 32.</li>
<li>Izvairieties no liekvārdības.</li>
<li>Iekļaujiet subtitros visu vizuālo informāciju, kas tiek izmantota video noformējumā: video nosaukums, runaspersonu vārdi, uzvārdi un amati, fakti un dati, atziņas u.c. Ja šīs informācijas apjoms ir pārāk liels, tāpēc pārējo subtitru sākums un beigas nesakrīt ar balss tekstu un/vai nav iespējams nodrošināt minimālo subtitru atrādīšanas laiku, iekļaujiet šo to teksta norakstā.</li>
<li>Pārliecinieties, vai subtitros nav pareizrakstības un gramatikas kļūdu.</li>
</ul>
<h3 id="113-testēšana">11.3. Testēšana</h3>
<p>Lai noskaidrotu, vai izmantotās multimediju satura alternatīvas atbilst piekļūstamības principiem, jums ir jāpārbauda trīs lietas:</p>
<ul>
<li>tastatūras piekļuve;</li>
<li>multimediju satura kontroles mehānismi;</li>
<li>subtitru kvalitāte.</li>
</ul>
<h4 id="1131-tastatūras-piekļuves-pārbaude">11.3.1. Tastatūras piekļuves pārbaude</h4>
<p>Tās mērķis ir pārliecināties, ka visas multimediju atskaņotāja vadīklas ir iezīmētas un piekļūstamas ar tastatūru. Lai to izdarītu, sekojiet līdzi šo vadlīniju 3. nodaļas 3.2. punktā aprakstītajiem soļiem.</p>
<h4 id="1132-multimediju-satura-kontroles-mehānismu-pārbaude">11.3.2. Multimediju satura kontroles mehānismu pārbaude</h4>
<p>Tās primārais mērķis ir pārliecināties, ka audio un video saturs, atverot tīmekļvietni, kurā tas publicēts, netiek atskaņots automātiski (īpaši raksturīgi tas ir reklāmām un tīmekļvietņu sākumlapas noformējumā ietvertajiem video). Tāpēc:</p>
<ol>
<li>Atveriet jebkuru jūsu organizācijas tīmekļvietnē publicēto audio vai video ierakstu.</li>
<li>Pārliecinieties, ka multimediju atskaņotājā ir iezīmētas tā satura kontroles vadīklas, kas ļauj aizvērt ierakstu un regulēt tā skaļumu. Savukārt, ja audio vai video saturs tiek atskaņots automātiski – līdzko tiek atvērta tīmekļvietnes sadaļa, kurā tas publicēts, pārliecinieties, ka ieraksts apstājas pēc 3 sekundēm.</li>
<li>Papildus varat pārbaudīt, vai ir iespēja regulēt audio vai video ieraksta atskaņošanas ātrumu. Lielākajā daļā atskaņotāju (piemēram, YouTube) to var mainīt iestatījumos. Uzklikšķiniet uz ikonas atskaņotāja labajā apakšējā stūrī, kas vizuāli atgādina zobratu. Izvēlieties izvēlni Atskaņošanas ātrums (Playback Speed). Pārliecinieties, ka papildu izvēlnē, kas atveras, ir audio un video satura atskaņošanas ātruma maiņas iespējas (vienumi līdz 1 ļauj palēnināt atskaņošanas ātrumu, bet vienumi virs 1 – paātrināt).</li>
</ol>
<h4 id="1133-subtitru-kvalitātes-pārbaude">11.3.3. Subtitru kvalitātes pārbaude</h4>
<p>Lai pārbaudītu subtitru kvalitāti, vispirms ir jāpārliecinās, ka tie konkrētajam video ir pievienoti:</p>
<ol>
<li>Atveriet jebkuru jūsu organizācijas tīmekļa vietnē publicēto video materiālu.</li>
<li>Ja tam uzreiz parādās subtitri, pārbaudiet, kāda veida subtitri tie ir – atvērtie, slēgtie vai automātiskie:<ul>
<li>Nospiediet video loga rīkjoslā pogu "CC". Ja subtitri nepazūd, tie ir atvērti. Tāpat atvērtajiem subtitriem fonā var nebūt kontrastējoša krāsas līnija, kas ir tipiska slēgto subtitru iezīme.</li>
<li>Palieliniet video pa visu ierīces ekrānu. Ja subtitri pielāgojas ekrāna izmēram, tie ir slēgti. Īpaši uzskatāmi šī atšķirība ir redzama viedtālruņa ekrānā, tāpēc iestatiet datorā viedtālruņa skatījuma režīmu. Šim nolūkam nospiediet taustiņu kombināciju Ctrl + Shift + C. Ekrāna labajā pusē atvērsies logs. Nospiediet tā rīkjoslā uz ikonas, kurā attēloti divi dažādu izmēru kvadrāti. Tagad jūs varat novērtēt, kā subtitri izskatās video ierakstos, kas tiek atskaņoti viedtālrunī.</li>
<li>Ja subtitri parādās burtu pa burtam vai vārdu pa vārdam, nevis kā pilns teikums, un šķiet neloģiski, tie ir automātiski.</li>
</ul>
</li>
<li>Ja subtitri neparādās uzreiz, iespējams, jums tie nav aktivizēti. Nospiediet video loga rīkjoslā pogu "CC". Ja subtitri neparādās, to nav. Savukārt, ja subtitri pēc šīs pogas nospiešanas parādās, pārliecinieties, ka tie ir izveidoti atbilstoši 11.2. punktā aprakstītajiem labās prakses principiem.</li>
</ol>
</div>
<div class="section wrapper"><h2 id="turpmākie-soļi">Turpmākie soļi</h2>
<p>Kad tīmekļvietnes novērtējums atbilstoši 11 galvenajiem šajās vadlīnijās aprakstītajiem piekļūstamības aspektiem ir veikts, ir laiks izvērtēt rezultātus un izstrādāt turpmākās rīcības plānu.</p>
<p>Ja tīmekļvietnē ir konstatēti piekļūstamības ierobežojumi, šis plāns ir visai skaidrs – nepilnības ir jānovērš, turklāt – jo ātrāk, jo labāk. Tomēr arī tad, ja šādi ierobežojumi nav konstatēti, par piekļūstamību aizmirst nevar. Jo tas, ka šodien visi tīmekļvietnes elementi ir piekļūstami, nenozīmē, ka tie tādi būs arī rīt, parīt un aizparīt.</p>
<p>Tīmekļvietnes ir ļoti nozīmīgs kanāls organizāciju komunikācijas uzturēšanai ar to esošo un potenciālo mērķa auditoriju, tāpēc to saturs nepārtraukti tiek aktualizēts – tajās tiek publicēti jaunumi, veidotas jaunas sadaļas, jauni dizaina elementi. Kļūdīties ir ļoti vienkārši, par ko liecina arī līdzšinējā pieredze.</p>
<p>Tāpēc piekļūstamībai ir jākļūst par organizācijas ikdienu. Par tās dzīvesveidu. Tas nozīmē, ka tīmekļvietnes novērtējums atbilstoši piekļūstamības vadlīnijām ir jāuztver gluži kā obligātā veselības pārbaude, kas ir jāveic regulāri, piemēram, reizi gadā.</p>
<p>Sistemātiska novērtējuma rezultātu apkopošana un analīze ļauj arī objektīvi izvērtēt, vai tīmekļvietnei būtu nepieciešams veikt pilnīgu pieklūstamības novērtējumu atbilstoši <a href="https://www.w3.org/WAI/eval/report-tool/#!/">WCAG 2.1 vadlīniju prasībām</a>. Un, vai tās izvērtēšanai nebūtu jāizmanto arī lietotāju testi. Jo ir svarīgi paturēt prātā, ka šī novērtējuma ietvaros tiek pārbaudīta tīmekļvietnes atbilstība tikai 11, nevis visiem piekļūstamības aspektiem, attiecīgi – arī pozitīvu novērtējuma rezultātu gadījumā tajā var būt novērojami piekļūstamības ierobežojumi.</p>
</div>
<div class="section wrapper"><h2 id="papildu-resursi">Papildu resursi</h2>
<p>Lai veiktu vispārīgu tīmekļvietnes piekļūstamības novērtējumu, kas paredz kvalitatīvu tās atbilstoši galvenajiem piekļūstamības aspektiem, pietiek ar šajās vadlīnijās aprakstītajiem novērtējuma veikšanai nepieciešamajiem rīkiem. Savukārt, ja vēlaties gūt lielāku izpratni par piekļūstamas tīmekļvietnes izveides principiem, tostarp veikt padziļinātu savas tīmekļvietnes novērtējumu, jums lieti noderēs zemāk apkopotie resursi. Tie ir pieejami tikai angļu valodā.</p>
<ul>
<li>Padziļināta tīmekļvietņu piekļūstamības <a href="https://www.w3.org/WAI/eval/report-tool/#!/#%2F">novērtējuma apraksts</a> atbilstoši WCAG 2.1 vadlīnijām.</li>
<li><a href="https://www.w3.org/WAI/test-evaluate/conformance/wcag-em/#video">Video instrukcija</a> padziļināta tīmekļvietnes piekļūstamības novērtējuma veikšanai atbilstoši WCAG 2.1 vadlīnijām.</li>
<li><a href="https://www.w3.org/WAI/WCAG21/quickref/">Rīks</a>, kas ļauj atlasīt WCAG 2.1. vadlīniju punktus par konkrētiem piekļūstamības aspektiem, kas jāņem vērā, tos vērtējot, kā arī palīdz saprast, kuriem tieši šo vadlīniju punktiem atbilst konkrētā problēma.</li>
<li>WCAG 2.1 <a href="https://www.w3.org/WAI/people-use-web/user-stories/">vadlīniju skaidrojums</a> no dažādu lietotāju skatu punkta.</li>
</ul>
</div>
<div class="section wrapper"><h2 id="pielikums">Pielikums</h2>
<p>Rediģējams <a href="assets/images/docs/izvertesanas-protokola-piemers.docx">izvērtēšanas protokola piemērs</a> lejupielādei.
Rediģējams <a href="assets/images/docs/izvertesanas-protokols.docx">izvērtēšanas protokola sagatave</a> lejupielādei.</p>
</div>
<a id="js-btn-totop" class="button button--backtotop active" href="#sakums">
<span>
<svg aria-hidden="true" class="icon-arrow-up ">
<use xlink:href="assets/images/svg/icons.svg#icon-arrow-up"></use>
</svg>
Uz augšu
</span>
</a>
</div>
<footer class="footer" role="contentinfo">
<div class="wrapper">
<div class="footer__content">
<a href="https://pieklustamiba.lv" target="_blank"><img class="lazy" data-src="assets/images/svg/logo-white--pieklustamiba.svg" alt="Pieklustamiba.lv logo"></a>
<a href="http://www.varam.gov.lv" target="_blank"><img class="lazy" data-src="assets/images/svg/logo-white--varam.svg" alt="VARAM logo"></a>
<a href="https://www.riseba.lv" target="_blank"><img class="lazy" data-src="assets/images/svg/logo-white--riseba.svg" alt="RISEBA logo"></a>
</div>
</div>
</footer>