Vienkāršas pārbaudes – pirmais (sākuma) pārskats (pārbaude) par tīmekļvietnes piekļūstamību / Sākotnējs pārskats par tīmekļa piekļūstamību

Ja var atkāpties: 10 vienkāršas pārbaudes piekļūstamības novērtēšanai. Vai tuvāk saturam: Vienkāršas pārbaudes – sākotnējs tīmekļvietnes piekļūstamības pārskats

Ievads

Šī lapa palīdzēs jums uzsākt tīmekļvietnes piekļūstamības novērtēšanu. Veicot šos vienkāršos soļus, jūs varēsiet noskaidrot, vai ievērotas piekļūstamības pamatprasības.

Pārbaužu piemērojamība/Pārbaužu mērogs vai apjoms

Šīs pārbaudes aptver tikai dažus piekļūstamības aspektus. Tās ir paredzētas vienkārša un ātra, nevis pilnīga novērtējuma veikšanai. Pat ja tīmekļvietne atbilstu visām šīm prasībām, tajā joprojām var būt nozīmīgi šķēršļi piekļūstamībai. Lai iegūtu visaptverošu priekšstatu, būs nepieciešama pamatīgāka piekļūstamības izvērtēšana.

Šajā lapā iespējams pārbaudīt 10 tīmekļvietņu aspektus. Lapā ir arī norādījumi turpmākajiem soļiem un saites uz papildu novērtēšanas resursiem.

Using these Easy Checks.

Lai iegūtu paslēpto informāciju, noklikšķiniet uz virsrakstiem ar [+] atzīmi

Dažas sadaļas šajā lapā var neattiekties uz jums, piemēram, tās var būt domātas pārlūkprogrammām, kuru jums nav, vai arī tās jums nepieciešams izlasīt tikai vienu reizi. Lai nepārblīvētu šo lapu, šīs sadaļas pēc noklusējuma ir paslēptas. Jūs varat tās izvērst un aplūkot informāciju. Paslēpto sadaļu virsrakstiem ir atzīme [+]. Ekrānu lasītāji atskaņos aptuveni šādu informāciju: “grafika, izvērst šo sadaļu”. Lai iegūtu paslēpto informāciju, uzspiediet uz pogas vai jebkurā vietā uz virsraksta. Visām zemāk atrodamajām sadaļām zem virsrakstiem ir paslēpta informācija. Pirmo reizi izmantojot šo lapu, aicinām izvērst visas sadaļas un izlasīt.

Rīki WebDev Toolbar un IE WAT

(pēc izvēles)

Vairumu pārbaužu varat veikt ar jebkuru pārlūkprogrammu, respektīvi, jums nav nepieciešams lejuplādēt īpašus rīkus.

Tomēr dažas pārbaudes ir vieglāk veikt ar lejuplādējamiem rīkiem. Lai būtu vienkāršāk, esam iekļāvuši instrukcijas tikai diviem rīkiem: Tīmekļa izstrādātāju rīkjoslu (Web Developer Toolbar – WebDev Toolbar) – Chrome, Opera un Firefox lietotājiem un Tīmekļvietņu piekļūstamības rīkjoslu (Web Accessibility Toolbar for Internet Explorer – IE WAT) Internet Explorer lietotājiem. Abi ir bezmaksas paplašinājumi/spraudņi, un tie ir pieejami dažādās valodās.

  • WebDev Toolbar – Lai veiktu pārbaudi, kas apzīmēta ar WebDev Toolbar, jums būs nepieciešams:
    • Chrome pārlūkprogramma un Chrome tīmekļa izstrādātāja (Web Developer) paplašinājums vai
    • Opera pārlūkprogramma un Opera tīmekļa izstrādātāja (Web Developer) paplašinājums, vai
    • Firefox pārlūkprogramma un Firefox tīmekļa izstrādātāja (Web Developer) paplašinājums/pievienojumprogramma.
  • IE WAT. Lai veiktu pārbaudi, kas atzīmēta ar IE WAT, jums būs nepieciešama 9. vai jaunāka Internet Explorer pārlūkprogrammas versija, kā arī Tīmekļa piekļūstamības rīkjoslas (Web Accessibility Toolbar) 2013.gada 13. jūlija vai jaunāka versija.
Tīmekļa satura piekļūstamības vadlīniju saites

Šīs pārbaudes ir balstītas uz Tīmekļa satura piekļūstamības vadlīnijām 2.0 (Web Content Accessibility Guidelines (WCAG)2.0.) Galvenie WCAG punkti tiek dēvēti par “Sekmīguma kritērijiem”. Šīs lapas ”Vairāk informācijas par” sadaļās ir saites uz lapām dokumentā “Skaidrojumi par WCAG 2.0.”, kas paskaidro ar aplūkotajām tēmām saistītos sekmīguma kritērijus.

Aicinām lasīt WCAG pārskatu, lai gūtu ieskatu tīmekļa satura piekļūstamības vadlīnijās.

Praktisku iemaņu gūšana ar PPD

(pirms un pēc demonstrācijas)

W3C WAI PPD rāda nepiekļūstamu tīmekļvietni un tās pašas tīmekļvietnes uzlabotu versiju, kurā ir novērsti šķēršļi piekļūstamībai. Jūs varat izmantot PPD lapas, lai apgūtu, kā veikt šīs pārbaudes. Piemēram, vispirms veiciet pārbaudes piekļūstamai lapas versijai, lai zinātu, kā tam būtu jāizskatās. Tad veiciet pārbaudi atbilstošai nepiekļūstamai lapai, lai redzētu, kā izskatās lapa aršķēršļiem piekļūstamībai.

PPD lapām ir anotācijas – piezīmes par to, kas ir piekļūstams un kas nav piekļūstams demonstrācijas lapās. Lai ieslēgtu anotācijas, noklikšķiniet uz Rādīt anotācijas (Show Annotations) dzeltenajā lodziņā lapas augšpusē, vidū. Tad klikšķiniet uz skaitļa un atvērsies lodziņš Piezīme ## (Note ##) ar paskaidrojumu.

Fona informācija

Šīs pārbaudes ir piemērotas ikvienam tīmekļa lietotājam – jums nav nepieciešamas īpašas zināšanas vai prasmes. Lai veiktu dažas no pārbaudēm, ir nepieciešams redzēt tīmekļa lapu vai dzirdēt skaņu, tomēr virkni aspektuvar pārbaudīt jebkurš.

Informācija jūsu zināšanai, kas palīdzēs izprast īsos skaidrojumus šajā lapā:

  • iezīmes (markup) attiecas uz tīmekļvietņu kodu, ko sauc par HTML. Tīmekļa lapas iezīmes var apskatīt lielākajā daļā pārlūkprogrammu, atlasot izvēlnē: Skatīt (View) > Avots (Source). Lai veiktu šīs pārbaudes, nav nepieciešams aplūkot iezīmes, taču tas palīdz saprast, ko nozīmē iezīmes (markup) un iezīmētās (marked up).
  • palīgtehnoloģijas (assistive technologies) ir programmatūra vai aparatūra, ko izmanto cilvēki ar invaliditāti, lai uzlabotu mijiedarbību ar tīmekli.
  • ekrāna lasītājs ir programmatūra, kas lasa balsī informāciju tīmekļa lapās un dod iespēju izmantot tastatūras navigāciju. To izmanto neredzīgi cilvēki.
  • balss ievade ir runas izmantošana tastūras vai peles vietā.

Lai uzzinātu vairāk, lasiet:

Tastatūras instrukcijas: Windows – Ctrl, MAC – cmd.

Dažas tastatūras instrukcijas ir atšķirīgas Windows un MAC datoriem, piemēram, taustiņiem Ctrl un cmd:

  • Windows: ar tastatūru Ctrl+Alt+ 6, tad lejupvērstas bultiņas taustiņš uz Virsrakstu struktūra;
  • MAC: ar tastatūru cmd+ Alt+ 6, tad lejupvērstas bultiņas taustiņš uz Virsrakstu struktūra.

Lai nepārblīvētu saturu, šīs instrukcijas tiek pierakstītas sekojoši:

  • Ar tastatūru: Ctrl/cmd+Alt+6, tad lejupvērstas bultiņas taustiņš uz Virsrakstu struktūra.

Šādas instrukcijas gadījumā Windows lietotājiem jāspiež taustiņš Ctrl, bet MAC lietotājiem jāizmanto taustiņš cmd.

Lapu nosaukums:

Lapu nosaukumi:

(Tīmekļa lapās iezīmēs tie ir <title>, kas atrodas <head>)

Attēlā ir redzams lapas nosaukums Easy Checks – A First Review of Web Accessibility (Vienkāršas pārbaudes – sākotnējs tīmekļvietnes piekļūstamības pārskats) Tīmekļa virsrakstjoslā un 4 lapu nosaukumi cilnēs. Pievērsiet uzmanību, ka cilnēs ir redzama tikai pirmā lapas nosaukuma daļa.

Attēls: Firefox pārlūkprogramma ar pilnu nosaukumu virsrakstjoslā un daļēji redzamiem nosaukumiem cilnēs.
Attēls: Firefox pārlūkprogramma ar pilnu nosaukumu virsrakstjoslā un daļēji redzamiem nosaukumiem cilnēs.

Pareizi izveidoti lapu nosaukumi ir svarīgi, jopalīdz cilvēkiem saprast, kur viņi atrodas, un pārvietoties starp pārlūkprogrammā atvērtām lapām.

Kas ir jādara?/ Ko darīt?

Kas ir jāpārbauda?/ Ko pārbaudīt?

Padomi

  • Pastāv vairāki varianti, kā izveidot labus lapu nosaukumus.

  • Nosaukumu veidošanas labā prakse ir svarīgu un unikālu, identificējošu informāciju iekļaut nosaukuma sākumā.
    Piemēram:

    • Nepiemēroti nosaukumi:
      • Esiet sveicināti Acme tīmekļa risinājumu mājas lapā
      • Acme tīmekļa risinājumi I Par mums
      • Acme tīmekļa risinājumi I Sazinieties ar mums
      • Acme tīmekļa risinājumi I Vēsture
    • Piemēroti lapu nosaukumi:
      • Acme tīmekļa risinājumi mājas lapa
      • Par Acme tīmekļa risinājumi
      • Sazināties ar Acme tīmekļa risinājumi
      • Acme tīmekļa risinājumi vēsture

Lapu nosaukumu pārbaude ar dažādām pārlūkprogrammām

Lapu nosaukumu pārbaude ar dažādām pārlūkprogrammām
  • Ja jums ir pārlūkprogramma, kas pēc noklusējuma parāda lapas nosaukumu loga virsrakstjoslā, izmantojiet šo pārlūku. Dažas Firefox, Safari, Opera versijas un vecākas Internet Explorer vecākas versijas rāda nosaukumu pēc noklusējuma.
    • Firefox ar Windows operētājsistēmu. Ja virsrakstjosla nav redzama, jūs varat to pārveidot par redzamu, piespiežot Alt +V, T, M (vai uzklikšķinot ar labo datorpeles pogu tukšajā laukā pēc cilnes un atlasot Izvēļņu josla (Menu Bar).
  • Ja jūsu pārlūkprogrammai nav virsrakstjoslas, jūs varat izmēģināt kādu no šiem variantiem:
    • Novietojiet datorpeles kursoru uz pārlūkprogrammas cilnēm, lai redzētu pilnu vietnes nosaukumu.
      Attēls. Lapas nosaukums uznirstošā logā un datorpeles kursors novietots virs cilnes.
      Attēls. Lapas nosaukums uznirstošā logā un datorpeles kursors novietots virs cilnes.
    • Atveriet dialoga logu Pievienot grāmatzīmi (Add Bookmark), kurā ir iekļauts nosaukums. Dažās Windows pārlūkprogrammās ir jānospiež Ctrl+D. Dažās Mac pārlūkprogrammās ir jānospiež cmd+D, lai atvērtu dialoga logu Pievienot grāmatzīmi.

Attēla tekstuālas alternatīvas (alt text)

Tekstuālā alternatīva (text alternatives, alt text) ļauj nodot attēlu, tostarp, fotogrāfiju, ilustrāciju, grafiku nozīmi. Tekstuālās alternatīvas izmanto cilvēki, kuri neredz attēlus. Piemēram, tekstuālās alternatīvas var klausīties cilvēki, kuri ir neredzīgi un izmanto ekrāna lasītājus. Tās var lasīt cilvēki, kuri ir izslēguši attēlus, lai paātrinātu lejuplādi vai saglabātu joslas platumu.

Tekstuālai alternatīvai ir jābūt funkcionālai un jānodrošina līdzvērtīga pieredze, tomēr tai nav noteikti tieši jāapraksta attēlā redzamais. Piemēram, meklēšanas pogai atbilstoša tekstuālā alternatīva būtu “meklēšana”, nevis “lupa”.

Parasti tekstuālās alternatīvas tīmekļa lapās nav redzamas – tās var atrast tīmekļa lapas iezīmēs (piemēram, šādi: <img src="pointer_to_image.png" alt="šeit ir redzama tekstuālā alternatīva">). Katra attēla lapas koda iezīmēs ir jābūt iekļautam alt.

Automatizētie testi var noteikt, vai attēliem ir pievienoti alt. Lai novērtētu tekstuālo alternatīvu piemērotību, ir jāredz attēls un jānovērtēatbilstoši kontekstam.

Kas ir jāpārbauda?

Padomi

Atbilstošu tekstuālo alternatīvu izveide nav precīza zinātne. Vieniem ir svarīgi, lai vairumam attēlu ir detalizēti apraksti, bet citiem šķiet labāk, ja aprakstu ir mazāk.

Piemērotas tekstuālās alternatīvas.
  • Tekstuālai alternatīvai jāpiemīt tādai pašai nozīmei, kāda ir attēlam. Ja kāds nevar redzēt attēlu, viņam ir jābūt iespējai saņemt svarīgu attēla informāciju ar tekstuālās alternatīvas palīdzību.
  • Tekstuālā alternatīva ir atkarīga no konteksta. Piemēram, mājdzīvnieku audzētāju kluba tīmekļvietnē suņa attēla tekstuālajā alternatīvā var tikt minēta suņa šķirne. Savukārt, ja tāds pats attēls tiek ievietots mājdzīvnieku pastaigu parka tīmekvietnē tikai, lai to padarītu vizuāli pievilcīgāku, tekstuālā alternatīva, iespējams, nav nemaz nepieciešama (un ir jābūt nulles alt).
    Viens no veidiem, kas palīdz, domājot par atbilstošu tekstuāloalternatīvu, ir iedomāties, ka jūs palīdzat kādam lasīt un mijiedarboties ar tīmekļa lapu, kuru tas neredz. Ko jūs teiktu par attēlu?
  • Funkcionāliem attēliem, piemēram, kas ierosinadarbību (kā poga Iesniegt (submit)) un saistītajiem attēliem (kā navigācijā), ir jābūt tekstuālai alternatīvai, kas ir funkcionāli ekvivalenta.
  • Ja attēlā ir iekļauts teksts, piemēram, logotipā, šis teksts ir jāiekļauj arī tekstuālajā alternatīvā.
  • Ja attēlā ietverta sarežģīta informācija, kā grafikos vai diagrammās, attēlam ir jābūt pievienotai īsai tekstuālai alternatīvai, lai identificētu attēlu, un papildus citā vietā ir jāsniedz detalizētsapraksts, piemēram, datu tabulas veidā.
Kam nav jābūt tekstuālajā alternatīvā?
  • Ja satura uztveršanai attēls nav svarīgs,, piemēram, tas ir dekoratīvs vai paredzēts tikai uzmanībaspiesaistīšanai, šim attēlam ir jāpievieno nulles alt (alt=""). Lai noteiktu, vai attēlam nepieciešams nulles alt, ir jāpadomā: ja attēls tiktu dzēsts, vai lapas lietotājs arvien saņemtu visu nepieciešamo informāciju?
  • Tekstuālās alternatīvās nav jāiekļauj tādi vārdi kā “poga”, “saite”, “attēls” (ekrāna lasītāji šādu informāciju nodrošina automātiski).
  • Ja attēla saturs ir pietiekami aprakstīts tekstā (piemēram, vienkārša diagramma ilustrē to, kas rakstīts tīmekļa lapas tekstā), tad var pievienot tikai īsu tekstuālo alternatīvu: “Diagramma attēlo darba plūsmu, kas ir aprakstīta iepriekš.”
Alt atribūts HTML (nevis “alt tag”)

HTML (tīmekļa lapu kods, ko sauc par iezīmēšanas valodu) kontekstā alt ir attēlu un citu elementu atribūts. Tātad “alt tag” ir tehniski neprecīzs termins, un būtu jālieto “alt atribūts” vai “alt teksts”. Lapas koda atzīmēs tas izskatīsies šādi: <img alt="WAI logo" src="/wai/logo.png">

Virsraksti

Tīmekļa lapām bieži ir informācijas sadaļas, kas ir atdalītas ar vizuāliem virsrakstiem, piemēram, virsraksta teksts ir lielāks un treknrakstā (kā teksts “virsraksti”, kuru jūs redzat pirms šī teikuma). Lai šīs priekšrocības varēt izmantot visi, virsrakstiem ir jābūt iezīmētiem lapas kodā. Tas nodrošina cilvēkiem iespēju navigācijai izmantot virsrakstus, arī tiem, kuri nevar lietot datorpeli un izmanto tikai tastatūru, kā arī cilvēkiem, kuri izmanto ekrāna lasītājus.

Virsrakstu līmeņiem ir jābūt izkārtotiem jēgpilnā hierarhijā, piemēram:

Ko pārbaudīt?

Virsrakstu pārbaude

Turpmākās pārbaudes sniedz instrukcijas ar dažādām pārlūkprogrammām, kā iegūt lapas virsrakstu vai virsrakstu iezīmju (markup) strukturējumu (outline).

Virsrakstu strukturējums – lapas kodā iezīmēta virsrakstu struktūra, piemēram:

Figure: Outline of headings.
Figure: Outline of headings.

Virsrakstu iezīmes (markup) lapā: lapas skats, kurā redzamas virsrakstu iezīmes. Piemērs.

Attēls: virsrakstu atzīmes (markup) lapā.
Attēls: virsrakstu iezīmes (_markup_) lapā.
Virsrakstu pārbaude ar WebDev rīkjoslu

Virsrakstu strukturējums.

  1. Atveriet tīmekļa lapu, kurai veicat pārbaudi.
  2. Rīkjoslā atlasiet Informācija (Information), tad Skatīt dokumenta strukturējumu (View Document Outline), vai uz tastatūras spiediet: Alt+T,W (uz Tīmekļa izstrādātāja paplašinājumu (Web Developer Extention), I, M). Atveras jauna lapa ar strukturējumu.
  3. Nevizuālā pārbaude.
    • Vai ir uzskaitīti visi virsraksti? Ja virsraksti nav iezīmēti lapas kodā, tiks paziņots, ka ir „0 virsrakstu”.
    • Vai strukturējums sākas ar [H1] un seko jēgpilna (loģiska) hierarhija? Tas nav obligāti, tomēr ļoti ieteicams.
  4. Vizuālā pārbaude. Salīdziniet dokumenta strukturējumu (Document Outline) ar lapas vizuālo atainojumu.
    • Vai viss, kas izskatās pēc virsraksta lapā, ir iekļauts dokumenta strukturējumā?
    • Vai dokumenta strukturējumā ir kas tāds, kas patiesībā nav virsraksts?

Virsrakstu iezīmes (markup) lapā.

Virsrakstu pārbaude ar IE WAT

Virsrakstu strukturējums.

  1. Atveriet tīmekļa lapu, kurai veicat pārbaudi.
  2. Rīkjoslā atlasiet Strukturējums (Outline), tad Virsrakstu struktūra (Heading structure), vai uz tastatūras spiediet Ctrl/cmd+Alt+6, tad lejupvērsto bultu uz „virsrakstu struktūra” (Heading structure). Atvērsies jauna lapa ar strukturējumu.
  3. Nevizuālā pārbaude.
    • Vai ir uzskaitīti visi virsraksti? Ja lapas kodā nav atzīmēts neviens virsraksts, tiks paziņots, ka „O virsrakstu”.
    • Vai strukturējams sākas ar [H1] un seko jēgpilna (loģiska) hierarhija? Tas nav obligāti, tomēr ļoti ieteicams.
  4. Vizuālā pārbaude. Salīdziniet dokumenta strukturējumu (Document Outline)ar lapas vizuālo atainojumu.
    • Vai viss,kas izskatās pēc virsraksta lapā, ir iekļauts dokumenta strukturējumā?
    • Vai dokumenta strukturējumā ir kaut kas tāds, kas patiesībā nav virsraksts?

Virsrakstu iezīmes (markup) lapā.

  1. Atveriet tīmekļa lapu, kurai veicat pārbaudi.
  2. Rīkjoslā atlasiet Struktūra (Structure), tad Virsraksti (Headings) vai uz tastatūras spiediet Ctrl/cmd+Alt+6, tad lejupvērsto bultu uz “Virsraksti” (Headings). Virsrakstiem apkārt būs <h1>, <h1> u.c. ikonas ar violetiem burtiem uz gaiša fona.
  3. Pirms visiem funkcionālajiem virsrakstiem ir jābūt virsraksta ikonai.
  4. Tam, kas nav funkcionāls virsraksts, nebūtu jābūt priekšā novietotai virsraksta ikonai.
Virsrakstu pārbaude ikvienai pārlūkpograma

Virsrakstu strukturējums.

  1. Jebkurā no pārlūkprogrammām atveriet the W3C HTML pārbaudes rīku (The W3C Markup Validation Service).
  2. Adreses laukā ierakstiet URI (piemēram, www.w3.org).
  3. Uzklikšķiniet uz saites “vairāk iespēju” (more options).
  4. Atlasiet strukturējuma izvēles rūtiņu.
  5. Uzklikšķiniet uz pogas “pārbaudīt” (check). Parādīsies lapa ar rezultātu (ar nosaukumu, kas sāksies ar [Valid] vai [Invalid] (derīgs vai nederīgs)).
  6. Rezultātu lapas augšējā daļā, “Jump to:” (pāriet) līnijas beigās, uzklikšķiniet uz strukturējuma teksta saites (Outline text).
  7. Nevizuāla pārbaude.
    • Vai tur kaut kas ir redzams? Ja nav teksta starp zemāk ir strukturējums šim dokumentam, automatizēti izveidots no virsraksta iezīmēm (<h1> līdz <h6>) (“Below is an outline for this document, automatically generated from the heading tags (<h1>through <h6>) un ja tas neizskatās pēc atbilstoša strukturējuma (If this does not look like a real outline…), tas nozīmē, ka lapā nav virsrakstu, kas būtu iezīmēti lapas kodā.
    • Vai strukturējums sākas ar H1 un tam ir jēgpilna (loģiska) hierarhija? Tas nav obligāti, tomēr ļoti ieteicams.
  8. Vizuālā pārbaude: Vizuālā pārbaude. Salīdziniet dokumenta strukturējumu (Document Outline) ar lapas vizuālo atainojumu.
    • Vai viss,kas izskatās pēc virsraksta lapā, ir iekļauts dokumenta strukturējumā?
    • Vai dokumenta strukturējumā ir kaut kas tāds, kas patiesībā nav virsraksts?

Virsrakstu iezīmes (markup) lapā:

  1. Atveriet WAVE tīmekļa piekļūstamības novērtēšanas rīku.
  2. Ierakstiet tīmekļvietnes adresi teksta laukā pēc Ierakstiet tīmekļvietnes URL, kuru vēlaties novērtēt: (Enter the URL of the web site you want to evaluate:)
  3. Uzklikšķiniet uz WAVE šo lapu (WAWE this page) pogas. Jūsu tīmekļa lapa parādīsies pārlūkprogrammā ar daudzām mazāk ikonām uz tās.
  4. Pirms visiem funkcionālajiem virsrakstiem ir jābūt virsraksta ikonai. Tam, kas nav funkcionāls virsraksts, nebūtu jābūt priekšā novietotai virsraksta ikonai.
Pārbaudes veikšana ar PPD

Virsraksta strukturējums.

  • Sekojiet instrukcijām zem “Virsrakstu strukturējums” augstāk tekstā un izmantojiet piekļūstamo ziņu lapu: www.w3.org/WAI/demos/bad/after/news. Pievērsiet uzmanību, ka šajā gadījumā ir redzams precīzs hierarhisks strukturējums.
  • Pēc tam izmantojiet nepiekļūstamo ziņu lapu: www.w3.org/WAI/demos/bad/before/news. (HTML validatorā, pārbaudes pogā Pārbaudīt (Check) var būt rakstīts Atkārtoti validēt (Revalidate). Pievērsiet uzmanību, ka šeit ir tikai viens virsraksts.

Virsrakstu iezīmes (markup) lapā.

  • Sāciet ar vizuālu nepiekļūstamās ziņu lapas aplūkošanu: www.w3.org/WAI/demos/bad/before/news. Kas tajā izskatās pēc virsrakstiem? (_Citylights News, Heat wave linked to temperatures, Man Gets Nine Months in Violin Case, …)
  • Pēc tam apskatieties, kā tam būtu jāizskatās. Sekojiet vienai no augstāk redzamajām instrukcijām “Virsrakstu iezīmes lapā” ar piekļūstamo ziņu lapu: www.w3.org/WAI/demos/bad/after/home. Pievērsiet uzmanību, ka virsrakstiem blakus ir ikonas.
  • Pēc tam paskatieties, kā izskatās, kad virsraksti nav iezīmēti lapas kodā. Izmantojiet nepiekļūstamo ziņu lapu: www.w3.org/WAI/demos/bad/before/home. Pievērsiet uzmanību, ka šeit ir teksts, kas vizuāli izskatās pēc virsraksta, taču tam blakus nav virsraksta ikonas. (Izmantojot WAVE, šeit ir dzeltenas ikonas ar “h?”, jo tas pieņem tos par virsrakstiem)
Papildu informācija par virsrakstiem:

Kontrasta koeficients (“krāsu kontrasts”)

Daļa cilvēku nevar lasīt tekstu, ja nav pietiekama kontrasta starp tekstu un fonu, piemēram, ja lapā ir gaiši pelēks teksts uz gaiša fona.

Attēls. Pelēks teksts uz gaiša fona.
Attēls. Pelēks teksts uz gaiša fona.

Liels kontrasts (piemēram, tumšs teksts uz gaiša fona vai spilgts teksts uz tumša fona) ir nepieciešams cilvēkiem ar redzes traucējumiem, tostarp daudziem vecāka gadagājuma cilvēkiem, kuriem ar laiku mazinās kontrasta jutīgums.

Attēls. Tumšs teksts uz gaiša fona. Attēls. Dzeltens teksts uz melna fona.
Attēls. Tumšs teksts uz gaiša fona un dzeltens teksts uz melna fona.

Kamēr vieniem ir nepieciešams liels kontrasts starp tekstu un fonu, citiem cilvēkiem, piemēram, ar lasīšanas traucējumiem, tostarp disleksiju, spilgto krāsu (vairāk spožuma) dēļ teksts var kļūt nelasāms. Viņiem ir nepieciešams mazāk spožuma.

Attēls. Brūns teksts uz tumša fona. Attēls. Tumšs teksts uz vidēji tumši brūna fona.
Attēls. Brūns teksts uz tumša fona un tumšs teksts uz vidēji tumši brūna fona.

Tīmekļa pārlūkprogrammām ir jānodrošina iespēja lietotājiem mainīt teksta un fona krāsu, un tīmekļa lapām ir jādarbojas pēc krāsu nomaiņas.

(Šo piekļūstamības prasību dažkārt dēvē par pietiekamu “krāsu kontrastu”, tomēr tas nav pareizi – tehniski tas ir “spožuma kontrasts”. Šajā lapā “kontrasta koeficients” tiek izmantots kā saīsinājums no “spožuma kontrasta koeficients”. Šis ir tikai ieskats tēmā par kontrastu. Šajā jomā ir daudz zināšanu, kuras iespējams apgūt papildus.)

Kas ir jāpārbauda?

Tīmekļa lapās pēc noklusējuma ir jābūt maksimālam kontrastam – normāla izmēra tekstā kontrasta koeficientam jābūt vismaz 4,5:1.

Ir trīs veidi, kā pārbaudīt kontrastu, un katram no tiem ir savas priekšrocības un trūkumi.

  1. Tabula ar kontrasta koeficientiem. Rīkā ir redzama tabula ar visiem tīmekļa lapā iespējamiem kontrasta koeficientiem. Daži no rīkiem piedāvā papildu iespēju – klikšķinot tabulā, tie parāda, kurā vietā tīmekļa lapā šī krāsu kombinācija atrodas.

    • Priekšrocības. Vispusīgums (plaši izmantojams rīks?)
    • Trūkumi. Rīks var būt neprecīzs – var parādīt krāsu kombinācijas, kuras nav redzamajā lapā.

  2. Pipete (Eye-dropper) krāsu atlasīšanai. Rīks ļauj atlasīt teksta un fona krāsu, pēc tam parāda kontrasta koeficientu.

    • Priekšrocības. Precizitāte
    • Trūkumi. Vienlaicīgi var veikt pārbaudi tikai vienai vienībai. Lai to izmantotu, ir jāredz ekrāns un jāizmanto datorpele.

  3. Krāsu izslēgšana. Rīks parāda lapu pelēkos toņos.

    • Priekšrocības. Rīks sniedz tiešu pieredzi.
    • Trūkumi. Neprecīza metode, jo nenodrošina kontrasta koeficienta vērtību.

Kontrasta pārbaudes.

Zemāk atradīsiet instrukciju, kā pārbaudīt kontrastu ar IE WAT. Saraksts ar citiem kontrastu analīzes rīkiem ir atrodams Saistīto resursu sadaļā lapā “Skaidrojums par sekmīguma kritēriju 1.4.3.”

Kontrastu pārbaude ar IE WAT.

Kā veikt trīs iepriekš minētās kontrasta pārbaudes?

  1. Tabula ar kontrasta koeficientiem.
    • Rīkjoslā atlasiet: Krāsa (Colour) > Juicy Studio spožuma analizators (Juicy Studio Luminosity Analyser). Vai uz tastatūras spiediet Ctrl/cmd+Alt+5, tad ar lejupvērsto bultiņu uz Juicy Studio Luminosity Analyser.
      Atvērsies jauns logs Krāsu kontrasta analizators ar rezultātu tabulu.
      Atvērsies jauns logs Krāsu kontrasta analizators (_Colour Contrast Analyser_) ar rezultātu tabulu. Pēdējā slejā atradīsiet Spožuma kontrasta koeficientu (_Luminosity Contrast Ratio_).
  2. Pipete (Eye-dropper) krāsu atlasīšanai.
    • Rīkjoslā atlasiet: Krāsa (Colour) > Kontrasta analizators [lietojumprogramma] (Contrast Analyser). Vai nospiediet uz tastatūras: Ctrl+Alt+5, un pēc tam ar lejupvērsto bultiņu uz Kontrasta analizators [application]. Atvērsies lietojumprogrammas logs Krāsu kontrasta analizators.
    • Izmantojot pirmo pipetes ikonu priekšplāna krāsu izvēlē, izvēlieties priekšplāna krāsu (parasti no teksta), kuru vēlaties analizēt.
    • Izmantojot otro pipetes ikonu no fona krāsu sadaļas, izvēlieties atbilstošu fona krāsu.
    • Krāsu kontrasta analizatora loga apakšā tiks parādīts rezultāts – spožuma kontrasta koeficients (piemēram, 7.5:1), Ir izdevies (Pass) vai Nav izdevies (Fail) un vizuāls krāsu piemērs.
  3. Krāsu izslēgšana.
    • Rīkjoslā atlasiet Krāsa (colour) > Pelēko toņu skala (Grey Scale). Vai uz tastatūras nospiediet: Ctrl+Alt+5, pēc tam ar lejupvērsto bultiņu uz Pelēko toņu skala.
    • Pārbaudiet, vai pēc krāsu konvertēšanas uz pelēko toņu skalu visa informācija arvien atrodama un labi redzama.
Kontrasta pārbaude ar citām pārlūkprogrammām.

Nav vienkārša veida, kā pārbaudīt kontrastu ar WebDev rīkjoslu. Ir iespēja izmantot Juicy Studio piekļūstamības rīka Juicy Studio Accessibility Toolbar pievienojumprogrammu, kas nodrošina tādu pašu informāciju kā IE WAT un strādā ar Firefox.

Kontrasta pārbaude ar PPD

Atveriet nepiekļūstamo lapu: www.w3.org/WAI/demos/bad/before/tickets

Izmantojiet vienu no iepriekš minētajiem pārbaužu veidiem. Pievērsiet uzmanību:

  • Dažās rindās teksts ir tumši pelēks uz gaiši pelēka ar kontrasta koeficientu 3,76:1.
Papildu informācija par kontrastu attiecībām:

Teksta izmēra maiņa

Daļa tīmekļa lietotāju palielina teksta izmēru, lai varētu to izlasīt. Citi lietotāji maina arī tādus teksta attēlojuma aspektus kā fontu, atstarpes starp rindiņām utt.

Vairums pārlūkprogrammu ļauj lietotājiem mainīt teksta lielumu šādos veidos:

Ja lapa nav pareizi izstrādāta, mainot teksta izmērus, tā var kļūt nelietojama, it īpaši, ja tiek veikta teksta tālummaiņa vai teksta iestatījumu izmaiņas. Var pārklāties teksta slejas un sekcijas, pazust rindiņu atstarpes, rindiņas var kļūt pārāk garas vai var pazust teksts.

Attēls. Divi ekrāna tvērumi, kas parāda, kā, palielinot teksta lielumu, virsraksts pārklājas ar galveno tekstu, galvenais teksts pārklājas ar sānjoslas tekstu un apakšpusē tiek nogriezts sānjoslas teksts. Attēls. Divi ekrāna tvērumi, kas parāda, kā, palielinot teksta lielumu, virsraksts pārklājas ar galveno tekstu, galvenais teksts pārklājas ar sānjoslas tekstu un apakšpusē tiek nogriezts sānjoslas teksts.
Attēls. Divi ekrāna tvērumi, kas parāda, kā, palielinot teksta lielumu, virsraksts pārklājas ar galveno tekstu, galvenais teksts pārklājas ar sānjoslas tekstu un apakšpusē tiek nogriezts sānjoslas teksts.

Palielinot teksta izmēru, dažreiz kāda teikuma daļa var kļūt neredzama. Lai izlasītu visu teikumu, lietotājiem ir horizontāli jāritina (kā parādīts trešajā piemērā). Vairums cilvēku nevar veiksmīgi lasīt tekstu, kuru ir atsevišķu veselības traucējumu gadījumā tas ir pilnīgi neiespējami.

Attēls. Normāla izmēra teksts. Attēls. Palielināts teksta izmērs, kas iekļaujas platumā. Attēls. Palielināts teksta izmērs un garums, kas nav redzams bez horizontālās ritināšanas.
Attēls. Pirmais attēls parāda normāla izmēra tekstu. Otrajā attēlā ir lielāks teksts, kas iekļaujas platumā. Trešajā attēlā, daži no garākajiem tekstiem vairs nav redzami bez horizontālās ritināšanas.

Ko darīt?

Kas ir jāpārbauda?

Teksta izmēra maiņas pārbaude

Zemāk redzamās instrukcijas paredzētas tikai paša teksta palielināšanai. Jūs varat mainīt arī teksta uzstādījumus, piemēram, ar Rīki (Tools)> Opcijas vai Preferences. Lai saglabātu vienkāršību, instrukcijas uzstādījumu maiņai šeit nav iekļautas. Tāpat nav iekļautas instrukcijas lapu tālummaiņai, jo tas parasti neatklāj iepriekš minētās piekļūstamības problēmas.

Ja lietojat Chrome, lai iegūtu tikai teksta tālummaiņu, ir nepieciešams paplašinājums. Firefox, Safari un IE instrukcijas ir aprakstītas zemāk.

Teksta tālummaiņas pārbaude Firefox pārlūkā.

  1. Iestatiet “tikai teksta” tālummaiņu.

    • Izvēlnes joslā (menubar) atlasiet Skats (View) >Tālummaiņa (Zoom) > Tikai teksta tālummaiņa (Zoom Text Only). Vai spiediet uz tastatūras: Alt + V, Z, T.

  2. Palieliniet tālummaiņu līdz 200%

    • Lai palielinātu tālummaiņu ar tastatūru:

      • Windows operētājsistēmā spiediet Ctrl + [+] (turiet nospiestu kontroles taustiņu un vienlaikus nospiediet + taustiņu);
      • Mac operētājsistēmā spiediet komanda + [+] (vienlaikus turiet nospiestu komandtaustiņu un taustiņu +).

      Parasti, nospiežot taustiņu 4–6 reizes, tiek iegūts 200% palielinājums.

    • Lai pārbaudītu vai iestatītu tālummaiņas procentus izvēlnē:

      • noklikšķiniet uz izvēlnes pogas;
      • izvēlnē noklikšķiniet uz pogas +, lai palielinātu. Skaitlis pirms pogas + ir pašreizējās tālummaiņas procentuālā vērtība.

Lai apstiprinātu, ka jums ir iestatīta tikai teksta tālummaiņa, pārliecinieties, ka lielāks kļūst tikai teksts, nevis attēli.

Teksta tālummaiņas pārbaude Safari pārlūkā.
  1. Palieliniet tālummaiņu līdz 200%. No izvēlnes joslas izvēlieties Skatīt izvēlni (View Menu), turiet nospiestu opciju taustiņu un atlasiet Palielināt tekstu (Make Text Bigger). Vai Mac operētājsistēmā uz tastatūras spiediet: opcija (option) + komanda (command) + [+] (vienlaikus turiet nospiestu opcijas taustiņu, komandtaustiņu un + taustiņu). Parasti, nospiežot taustiņu 4–6 reizes, tiek iegūts 200% palielinājums. Pārliecinieties, ka lielāks kļūst tikai teksts, nevis attēli.
Teksta tālummaiņas pārbaude IE pārlūkā.
  1. Izvēlnes joslā atlasiet Skats (View) > Teksta lielums (Text Size) > Vislielākais (Largest).
    Vai spiediet uz tastatūras: Alt + V, X, G.

Ja jūs neredzat izvēlnes joslu, to var parādīt sekojošos veidos:

  • Meklēšanas lodziņā ierakstiet Internet Explorer un pēc tam rezultātu sarakstā noklikšķiniet uz Internet Explorer. Lai izvēlnes josla būtu redzama tikai uz laiku, nospiediet taustiņu Alt.
    Lai izvēlnes josla tiktu rādīta pastāvīgi: noklikšķiniet uz pogas Rīki (Tools), atlasiet Rīkjosla (Toolbar) un pēc tam noklikšķiniet Izvēlnes josla (Menu Bar).
  • Pārlūkprogrammas augšdaļā, tukšajā vietā, kur parasti atrodas izvēlnes josla, noklikšķiniet ar peles labo pogu, un tur parādīsies uznirstošā izvēlne. Atlasiet Izvēlnes josla (Menu bar).
Papildu informācija par teksta izmēra maiņu:

Tastatūras piekļuve un vizuālais fokuss

Liela daļa cilvēkunevar izmantot datorpeli un var paļauties tikai uz tastatūru, lai mijiedarbotos ar tīmekļvietni. Neredzīgi cilvēki un redzīgi cilvēki ar kustību traucējumiem paļaujas uz tastatūru vai palīgtehnoloģijām un stratēģijām, kas balstās uz tastatūras komandām, piemēram, balss ievadi.

Piekļūstamas tīmekļvietnes dod iespēju cilvēkiem piekļūt visam saturam un funkcionalitātei – saitēm, formām, mediju vadīklām – izmantojot tastatūru.

Tastatūras fokusam ir jābūt redzamam, un tam ir jāpārvietojas loģiskā secībai cauri lapas elementiem. Redzamais tastatūras fokuss var būt kā rāmis vai izgaismojums (kā parādīts zemāk), kas pārvietojas pa lapu, kad tiek nospiests tabulēšanas taustiņš (Tab).

Attēls: Punktota līnija uz vidējās saites.
Attēls: Punktota līnija uz vidējās saites.
Attēls: Lauks Vārds (Name) iezīmēts sarkanā krāsā.
Attēls: Lauks Vārds (_Name_) iezīmēts sarkanā krāsā.

Ko darīt?

Ko pārbaudīt?

Vizuālā fokusa darbība PPD Atveriet piekļūstamā parauga aptaujas lapu: www.w3.org/WAI/demos/bad/after/survey

Spiediet Tab taustiņu, lai pārvietotos pa lapu. Pievērsiet uzmanību:

  • vairumam elementu parādās sarkans fons, kad uz tiem ir fokuss;
  • pārējām aptaujas lapām ir punktēts rāmis un bultiņas;
  • radiopogām ir punktēts rāmis.
Papildu informācija par tastatūras piekļuvi:

Formas, lauku nosaukumi un kļūdas paziņojumi

Piezīme. Šī sadaļa ir sarežģītāka nekā pārējās. Ja tā ir pārāk sarežģīta, apsveriet iespēju to pagaidām izlaist un veikt atlikušās pārbaudes.

Formu piekļūstamībai ir svarīgi lauku nosaukumi, iespēja aizpildīt tās tikai ar tastatūras palīdzību, skaidras un saprotamas instrukcijas un efektīva kļūdu novēršana.

Formas laukiem un citām formas vadīklām (control) parasti ir redzams lauka nosaukums. Piemēram, “E-pasta adrese:”, ar kuru tiek iezīmēts (label) lauks teksta ievadīšanai.

Attēls: E-pasta ievades lauks.

Ja lauku nosaukumi ir pareizi iezīmēti lapas kodā, cilvēki var ar tiem mijiedarboties, izmantojot tikai tastatūru, balss ievadi un ekrāna lasītājus. Arī pats lauka nosaukums kļūst tāds, uz kura var klikšķināt, palielinot mijiedarbības laukumu un atvieglojot mazo radiopogu vai izvēles rūtiņu atlasīšanu.

Ko darīt?

Atrodiet lapā visas formas. Formā var būt viens teksta ievades lauks, piemēram, Meklēt (Search), vai arī tā var būt sarežģītāka forma ar teksta laukiem, radiopogām, izvēles rūtiņām, nolaižamajiem sarakstiem un pogām.

Kas ir jāpārbauda?

Piekļuve tikai no tastatūras.

Lauku nosaukumi

Obligātie lauki un citi norādījumi

Kļūdu novēršana

Dažām vienkāršām formām, piemēram, vienam meklēšanas laukam, var nebūt kļūdu. Ja uzskatāt, ka lapā, kuru pārbaudāt, var būt kļūdu paziņojumi, mēģiniet atstāt nepieciešamos laukus tukšus vai ievadīt nepareizi formatētu informāciju (piemēram, tālruņa numuru vai e-pasta adresi), pēc tam mēģiniet formu iesniegt.
Ja parādās, ka ir notikusi kļūda, veiciet šādus soļus:

Formu nosaukumu pārbaude

Piezīme. Šie norādījumi palīdz pārbaudīt, vai lauka nosaukumi ir iezīmēti lapas kodā ar label, for un id. Tā nepārbauda, ja formas lauki un to nosaukumi ir sasaistīti citādi, piemēram, ar ARIA risinājumu. Tāpēc, pat ja forma neiztur šīs pārbaudes, tā joprojām var atbilst WCAG 2.0.

Saturs, kas kustas, zibsnī vai mirgo

Saturā, kas kustas, zibsnī vai mirgo, ietilpst karuseļi (karuseļa piemērs), reklāmas, videoklipi, vērtības, kas atjaunojas automātiski (auto-updating stock tickers), ritināmas ziņu plūsmas (scrolling news feeds) u. c. lietotājiem ir jābūt iespējai kontrolēt kustīgo saturu,īpaši cilvēkiem ar uzmanības deficīta vai vizuālās apstrādes traucējumiem.

Iespējamās piekļūstamības problēmas saistībā ar kustīgu, zibsnījošu un mirgojošu saturu:

  1. Kustīgas informācijas izpratne. Daļa cilvēku lasa un apstrādā informāciju lēnāk nekā citi. Saturs var pazust, pirms cilvēks pagūst to izlasīt. Dažiem cilvēkiem ir grūti izsekot kustīgiem objektiem.

  2. Kustīgs saturs novērš uzmanību. Cilvēkiem var būt grūtības fokusēties un lasīt saturu, kamēr citā lapas daļā notiek kustība, kas piesaista uzmanību.

Cilvēkiem, kuriem ir fotosensitīva epilepsija, zibsnījošs vai mirgojošs saturs var izraisīt krampjus, it īpaši, ja saturs:

  1. zibsnī vairāk nekā 3 reizes sekundē;
  2. aizņem lielu ekrāna daļu;
  3. ir ļoti spilgts.

Kas ir jāpārbauda?

Papildu informācija par saturu, kas kustas, zibsnī vai mirgo:

Multimediju (video, audio) alternatīvas

Nedzirdīgiem un vājdzirdīgiem cilvēkiem nav piekļūstama informācija aplādē (podcasts) vai citos audio failos, ja vien netiek piedāvāti alternatīvi formāti, kā titri un teksta noraksti (transcripts). Savukārt video vizuālā informācija nav piekļūstama cilvēkiem ar vāju redzi vai neredzīgiem, ja vien netiek piedāvāts alternatīvs formās, kā audio vai teksts. (Tekstu var izlasīt ar ekrāna lasītāja vai Braila displeja palīdzību, bet cilvēki ar vāju redzi to var palielināt vai mainīt tam formatējumu).

Atcerieties, ka šī sākotnējā pārbaude nav visaptveroša vai galīga.

Kas ir jāpārbauda?

Tastatūras piekļuve

Sekojiet augstāk sadaļā “Tastatūras piekļuve” minētajiem soļiem, lai pārliecinātos, ka multimediju atskaņotāja vadīklas (media player controls) ir iezīmētas (labeled) un piekļūstamas ar tastatūru.

Automātiskās atskaņošanas kontrole

Vislabāk, ja, atverot tīmekļa lapu, audio (tostarp fona troksnis un video ar skaņu) netiktu atskaņots automātiski. Ja tas tiek atskaņots automātiski, tam ir:

Titri

(captions, citur arī subtitles).

Lielākajai daļai globālā tīmekļa video, kas nodrošina titrus, ir arī “slēptie titri” (Closed captions), kurus var ieslēgt un izslēgt. “Atvērtie” titri ir redzami vienmēr. Piemēram, YouTube titrus var ieslēgt, izmantojot pogu CC (nav zināma tastatūras piekļuve). Ja nav pogas CC, šim video nav titru. Automātiski pievienotie titri nav piemēroti piekļūstamības nodrošināšanai, jo tie nav pietiekami precīzi.

Piemēram, ja YouTube sarakstā ir redzami tikai automātiskie titri, tad šie titri nav pietiekami un video nav piekļūstams. Titri ir jāatzīmē noteiktā valodā.

Attēls: titru uzskaitījums, franču (automātiskie titri), norvēģu.
Attēls: titru uzskaitījums, franču (automātiskie titri), norvēģu.

Ja video ir pievienoti titri, jūs varat pārbaudīt:

Noraksts (transcript)

Labākā prakse ir nodrošināt gan titrus, gan norakstus, lai gan ne vienmēr tie ir nepieciešami. Norakstu nodrošināšanai ir daudz priekšrocību gan cilvēkiem ar invaliditāti, gan tīmekļvietņu īpašniekiem.

Norakstiem jābūt viegli atrodamiem audio vai video tuvumā un arī pie saitēm uz audio vai video.

Pārbaudiet, vai norakstos ir iekļauta visa audio informācija, ieskaitot dialogus starp runātājiem un visas citas svarīgās skaņas, piemēram, soļi, durvju aizvēršana, stikla plīšanas troksnis utt.

Video norakstam ir jānodrošina visa audio un vizuālā informācija, lai cilvēks, lasot šo tekstu, varētu saņemt visu video saturu.

Audio apraksts

(audio description)

Audio apraksts (dažreiz dēvēts par aprakstīto video, video aprakstu vai vizuālo interpretāciju) ir svarīgās vizuālās informācijas apraksts, lai tas kļūtu piekļūstams neredzīgiem cilvēkiem. Piemēram, daži videoklipi sākas ar virsraksta tekstu, tajos ir rakstīti runātāju vārdi vai ilustrācijas. Šī vizuālā informācija ir jāsniedz arī cilvēkiem, kas nevar redzēt video.

To var nodrošināt divos veidos.

Papildu informācija par multimediju alternatīvām:

Pamatstruktūras pārbaude

Kamēr pārējās pārbaudes šajā lapā koncentrējas uz īpašiem sekmīguma kritērijiem WCAG 2.0, šī pārbaude ir daudz plašāka. Tā palīdz saprast, cik atšķirīgi daļa cilvēku redz tīmekļa lapas. Lai pārbaudītu pamatstruktūru, jums ir jāaplūko tīmekļa lapa bez attēliem, stila un izkārtojuma.

Tīmekļa lapas bieži tiek veidotas ar vairākām slejām, sadaļām, krāsām un citiem vizuāliem aspektiem, kas palīdz organizēt informāciju cilvēkiem, kuri redz lapu tādu, kāda tā tiek rādīta ekrānā pēc noklusējuma. Taču visi cilvēki neredz lapas vienādi. Neredzīgi cilvēki klausās, ko lasa ekrāna lasītāji, vai lasa lapas ar Braila displeju palīdzību. Daļa cilvēku ar vāju redzi, lai varētu izlasīt informāciju, maina lapas parādīšanās veidu ekrānā, piemēram, pārveido no vairākām slejām uz vienu, maina teksta lielumu utt.

Būtiski, kā lapa strādā, kad tā tiek “linearizēta” vienā slejā un tiek mainīts tās attēlojums (skatīt zemāk redzamajos attēlos).

Attēlos parādīta linearizēta un mainīta lapu attēlošana ekrānā. Uzklikšķiniet, lai redzētu attēlus.

Attēlā A redzams noklusējuma attēlošanas veids ekrānā: trīs slejas ar navigāciju kreisajā pusē.

Attēls A
Attēls A

Attēlā B redzama lapa, kas ir linearizēta vienā slejā, ar augšpusē izvietotu navigāciju.

Attēls B
Attēls B

Attēlā C ir linearizēta lapa ar navigāciju apakšā. Sadaļu kārtība (piemēram, apakšējā vai apakšējā daļā izvietota navigācija) ir atkarīga no lapas izstrādes, jo parasti lietotājam nav iespējas kontrolēt secību.

Attēls C
Attēls C

Attēlā D redzama linearizēta lapa ar izslēgtiem stiliem. Kad jūs sekosiet pamatstruktūras pārbaudes soļiem (skatīt zemāk), jūsu lapa izskatīsies aptuveni šādi.

Attēls D
Attēls D

Attēlā E redzama lapa, kurā izmaiņas varētu būt veicis vājredzīgs cilvēks, lai tā kļūtu vieglāk lasāma, piemēram, galvenais teksts ir pārveidots ļoti liels, kājenes teksts – ļoti mazs, bet virsraksti tiek rādīti atšķirīgās krāsās.

Attēls E
Attēls E

Lai arī ir noderīgi, ka tīmekļa lapu pārbauda pieredzējis ekrāna lasītāja lietotājs, ikviens var gūt sākotnēju priekšstatu, ar kādiem šķēršļiem potenciāli var saskarties ekrāna lasītāju lietotāji un citi cilvēki, kuri maina lapas attēlošanas veidu.

Sekojot zemāk uzskaitītajiem soļiem, jūs uzzināsiet, kā atspējot attēlus un ierastos lapas parādīšanas stilus un kā linearizēt lapu, lai pārbaudītu lapas struktūru.

Piezīmes.

Kas ir jādara?

Izveidojiet lapas pamatstruktūras skatu, sekojot zemāk redzamām instrukcijām “Pamatstruktūras pārbaude”. Tas ir nepieciešams, lai:

Kas ir jāpārbauda?

Pamatstruktūras pārbaude

Pamatstruktūras pārbaude ar IE WAT.
  1. Atveriet jaunu lapu, kuru vēlaties pārbaudīt.
  2. Rīkjoslā atlasiet izvēli Attēli (Images), tad Noņemt attēlus (Remove Images).
    Vai uz tastatūras nospiediet Ctrl+Alt+4 un ar lejupvērsto bultu uz Noņemt attēlus.
  3. Rīkjoslā atlasiet CSS un Atspējot CSS (Disable CSS).
    Vai uz tastatūras spiediet Ctrl+Alt+3 un ar lejupvērsto bultiņu uz Atspējot CSS.
  4. Rīkjoslā atlasiet Tabula, un pēc tam Linearizēt.
Pamatstruktūras pārbaude ar WebDev rīkjoslu.

  1. Atveriet lapu, kuru vēlaties pārbaudīt.

  2. Rīkjoslā atlasiet Attēli (Images),Atspējot attēlus (Disable Images) un Atspējot visus attēlus (Disable All Image)
    Vai nospiediet uz tastatūras Alt + T, W (uz Tīmekļa izstrādātāja paplašinājums (Web Developer Extension)), I, D, D.

  3. Rīkjoslā atlasiet CSS, pēc tam Atspējot stilus (Disable Styles) un pēc tam Atspējot visus stilus (Disable All Styles)
    Vai arī spiediet uz tastatūras Alt + T, W (uz Tīmekļa izstrādātāja paplašinājums), S, D, D.

  4. Rīkjoslā atlasiet Dažādi (Miscellaneous) un pēc tam Linearizēt lapu (Linearize Page)
    Vai arī spiediet uz tastatūras Alt + T, W (uz Tīmekļa izstrādātāja paplašinājums), M, I.

Pamatstruktūru pārbaude, izmantojot jebkuru no pārlūkprogrammām

Lielākā daļa pārlūkprogrammu piedāvā iespēju izslēgt attēlus un izvēlnēs atspējot CSS. Piemēriam:

  • Opera
    • Skatīt (View) > Attēli (Images)> Rādīt attēlus (Show Images).
    • Vai Alt + V, I, S.
    • Skats (View) > Stils (Style) > Lietotāja režīms (User Mode) vai Alt + V, S, U.
  • Safari
    • Ja izvēlņu joslā nav redzama izvēlne Izstrāde (Develop), ieslēdziet to:
      • sadaļā Preferences noklikšķiniet uz Papildu (Advanced);
      • atzīmējiet izvēles rūtiņu Rādīt Izstrādes izvēlni izvēļņu joslā (Show Develop menu in menu bar).
    • Izstrāde (Develop) > Atspējot attēlus (Disable Images).
      Vai Ctrl + F2, D, lejupvērstā bultiņa uz Atspējot attēlus.
    • Izstrāde (Develop)> Atspējot stilus (Disable Styles.)
      Vai Ctrl + F2, D, lejupvērstā bultiņa uz Atspējot stilus.
Pamatstruktūras pārbaude ar PPD (pirms un pēc demonstrācijas)
  • Vispirms izmantojiet piekļūstamo tīmekļa lapu – www.w3.org/WAI/demos/bad/after/home, un ar vienu no iepriekš minētajām iespējām izslēdziet attēlus, atspējojiet CSS un linearizējiet šo lapu. Ievērojiet, ka sadaļā “Welcome to CityLights” ir 3 virsraksti, un zem katra no tiem ir kopsavilkuma teksts.
  • Pēc tam izmantojiet nepiekļūstamo tīmekļa lapu: www.w3.org/WAI/demos/bad/before/home. Ar vienu no augstāk minētajām iespējām izslēdziet attēlus, atspējojiet CSS un linearizējiet lapu.
    • Atrodiet virsrakstu “Welcome to CityLights”. Ievērojiet, ka to ir izdarīt daudz grūtāk, jo tas nav iezīmēts lapas kodā kā virsraksts.
    • Ievērojiet, ka 3 rakstu virsraksti ir kopā un arī raksta teksti ir kopā. (Lai būtu jautrāk, pamēģiniet izlasīt šo tekstu).
  • Lai pārbaudītu formas, izmantojiet nepiekļūstamo lapu: www.w3.org/WAI/demos/bad/before/survey. (Piemērs ir vieglāk redzams, ja izmantojat IE WAT.) Pievērsiet uzmanību, ka radio pogu nosaukumi (label) ir atsevišķi no pogām. Iemesls tam ir nepareizi izmantotas izkārtojumu tabulas (layout tables).

Turpmākie soļi

Tagad, kad jums ir priekšstats par piekļūstamības problēmām tīmekļvietnēs, jūs varat :

  1. dalīties jūsu atklājumos ar kādu, kas var novērst šos šķēršļus piekļūstamībai;
  2. ierosināt pilnīgu piekļūstamības novērtēšanu.

Dalīšanās ar atklājumiem

Lapā “Sazināšanās ar organizācijām par nepiekļūstamām tīmekļvietnēm” ir norādījumi, kā ziņot par piekļūstamības problēmām. Tie ir paredzēti cilvēkiem, kas nestrādā organizācijās, kurām pieder tīmekļvietnes, tomēr tajos ir informācija, kas varētu būt noderīga arī šo organizāciju darbiniekiem, īpaši, sadaļas: “Ievads”, “Apsverot savu pieeju” un “Avoti papildu informācijai.”

Padziļinātākas piekļūstamības novērtēšanas ierosināšana

Šajā lapā minētās pārbaudes nav galīgas: tīmekļa lapa šķietami var iziet šīs pārbaudes, tomēr tajās tāpat var būt šķēršļi piekļūstamībai.

Šī lapa aptver tikai dažus no piekļūstamības aspektiem. Ir vairāki piekļūstamības aspekti, kas nav iekļauti vienkāršajās pārbaudēs, piemēram, saites, datu tabulu iezīmes, paļaušanās uz krāsu risinājumiem un daudzi citi.

Lai pilnīginovērtētu lapas piekļūstamību, jums būs nepieciešama papildu izpēte. Norādījumi ir pieejami:

Uz augšu