Datu vizualizācija: Pieejamu diagrammu un grafiku izveide globālai auditorijai

Datu vizualizācija ir spēcīgs rīks informācijas paziņošanai, bet tās efektivitāte ir atkarīga no tās pieejamības. Ja diagrammas un grafiki nav izstrādāti, ņemot vērā pieejamību, ievērojama daļa globālās auditorijas – ieskaitot cilvēkus ar invaliditāti, valodas barjerām vai dažādu tehnisko zināšanu līmeni – var tikt izslēgta. Šis raksts sniedz visaptverošu ceļvedi pieejamu datu vizualizāciju izveidei, kas ir iekļaujošas un saprotamas ikvienam.

Izpratne par pieejamas datu vizualizācijas nozīmi

Pieejamība datu vizualizācijā pārsniedz vienkāršu atbilstību juridiskām prasībām, piemēram, WCAG (Web Content Accessibility Guidelines) vai 508. sadaļai. Tā ir labākas lietotāju pieredzes radīšana visiem. Pieejamas diagrammas un grafiki ir:

• Lietojami cilvēkiem ar invaliditāti: Ekrāna lasītāju lietotāji, personas ar vāju redzi vai krāsu aklumu un cilvēki ar kustību traucējumiem paļaujas uz pieejamu dizainu, lai saprastu datus.
• Viegli saprotami ikvienam: Skaidras etiķetes, pietiekams kontrasts un labi organizēti dati uzlabo izpratni visiem lietotājiem.
• Efektīvāki starpkultūru saziņai: Kultūrai specifisku simbolu neizmantošana un skaidras, kodolīgas valodas lietošana padara vizualizācijas saprotamākas dažādās kultūrās.
• Labāki mobilajiem lietotājiem: Pieejama dizaina principi bieži vien nozīmē labāku mobilo pieredzi, nodrošinot, ka vizualizācijas ir apskatāmas un lietojamas mazākos ekrānos.
• Labi SEO (Search Engine Optimization): Alternatīva teksta nodrošināšana attēliem un satura loģiska strukturēšana uzlabo meklētājprogrammu reitingus, palielinot redzamību un sasniedzamību.

Galvenie pieejamas datu vizualizācijas principi

Pieejamu diagrammu un grafiku izveide prasa rūpīgu vairāku galveno principu ievērošanu:

1. Alternatīvais teksts (Alt Text)

Alternatīvais teksts ir kodolīgs diagrammas vai grafika apraksts, ko ekrāna lasītāji nolasa skaļi. Tas ļauj lietotājiem ar redzes traucējumiem saprast sniegto informāciju. Rakstot alt tekstu, ņemiet vērā šo:

• Esiet aprakstošs: Rezumējiet galveno secinājumu no diagrammas vai grafika. Kādu stāstu stāsta dati?
• Esiet kodolīgs: Saglabājiet aprakstu īsu un konkrētu, ideālā gadījumā līdz 150 rakstzīmēm.
• Iekļaujiet kontekstu: Sniedziet kontekstu par vizualizētajiem datiem, piemēram, avotu un laika periodu.
• Apsveriet vizualizācijas sarežģītību: Sarežģītām diagrammām var būt nepieciešams sniegt garāku, detalizētāku aprakstu vai saiti uz datu tabulu.

Piemērs:

Nepieejams: <img src="sales.png" alt="Diagramma">

Pieejams: <img src="sales.png" alt="Līniju grafiks, kas parāda globālā pārdošanas apjoma pieaugumu par 15% 2023. gada 4. ceturksnī, salīdzinot ar 2023. gada 3. ceturksni.">

2. Krāsa un kontrasts

Krāsai nevajadzētu būt vienīgajam veidam, kā nodot informāciju. Personas ar krāsu aklumu vai vāju redzi var nespēt atšķirt noteiktas krāsas. Nodrošiniet pietiekamu krāsu kontrastu starp datu elementiem un fonu.

• Izmantojiet krāsu kontrasta pārbaudītāju: Rīki, piemēram, WebAIM Color Contrast Checker (https://webaim.org/resources/contrastchecker/), var palīdzēt noteikt, vai jūsu krāsu kombinācijas atbilst WCAG prasībām.
• Neatkarājieties tikai no krāsas: Izmantojiet rakstus, etiķetes un faktūras papildus krāsai, lai atšķirtu datu elementus.
• Apsveriet krāsu aklumu: Izmantojiet krāsu paletes, kas ir pieejamas cilvēkiem ar dažādiem krāsu akluma veidiem. Ir pieejami daudzi rīki, lai simulētu, kā jūsu vizualizācija izskatīsies personām ar dažādiem krāsu redzes defektiem.
• Nodrošiniet alternatīvus vizuālos signālus: Izmantojiet apmales, formas un izmērus, lai atšķirtu datu punktus.

Piemērs: Tā vietā, lai izmantotu tikai dažādas krāsas, lai attēlotu produktu kategorijas joslu diagrammā, izmantojiet dažādus rakstus (piemēram, vienlaidus, svītrainu, punktētu) un etiķetes uz katras joslas.

3. Etiķetes un teksts

Skaidras un kodolīgas etiķetes ir būtiskas datu vizualizāciju izpratnei. Pārliecinieties, vai visas asis, datu punkti un leģendas ir pareizi marķētas. Izmantojiet pietiekami lielu fonta izmēru, lai to varētu viegli lasīt.

• Izmantojiet skaidru un kodolīgu valodu: Izvairieties no žargona un tehniskiem terminiem, ko var nesaprast visi lietotāji.
• Nodrošiniet pietiekamu fonta izmēru: Izmantojiet vismaz 12 punktu fonta izmēru pamattekstam un 14 punktu virsrakstiem.
• Nodrošiniet pietiekamu atstarpi: Izvairieties no etiķešu un datu punktu pārpildīšanas.
• Izmantojiet aprakstošus nosaukumus: Sniedziet nosaukumu, kas precīzi apraksta diagrammas vai grafika saturu.

Piemērs: Tā vietā, lai izmantotu saīsinātas etiķetes, piemēram, "Q1" pirmajam ceturksnim, izmantojiet pilnu terminu "1. ceturksnis".

4. Datu struktūra un organizācija

Veids, kādā dati ir strukturēti un organizēti, var ievērojami ietekmēt to pieejamību. Sakārtojiet datus loģiski un izmantojiet atbilstošus diagrammu veidus, lai efektīvi attēlotu informāciju.

• Izmantojiet atbilstošus diagrammu veidus: Izvēlieties diagrammas veidu, kas vislabāk attēlo datus un ziņojumu, ko vēlaties paziņot. Piemēram, izmantojiet joslu diagrammas, lai salīdzinātu kategoriju datus, līniju diagrammas, lai parādītu tendences laika gaitā, un sektoru diagrammas, lai parādītu proporcijas.
• Sakārtojiet datus loģiski: Kārtojiet datus jēgā secībā, piemēram, augošā vai dilstošā secībā vai pēc kategorijas.
• Grupējiet saistītus datus: Grupējiet saistītus datu punktus kopā, lai atvieglotu savstarpējo attiecību izpratni.
• Izvairieties no jucekļa: Noņemiet nevajadzīgus elementus, kas var novērst uzmanību no datiem, piemēram, režģlīnijas vai pārmērīgus rotājumus.

Piemērs: Tā vietā, lai izmantotu sarežģītu 3D diagrammu vienkāršu datu attēlošanai, izmantojiet 2D joslu diagrammu vai līniju diagrammu.

5. Interaktivitāte un navigācija ar tastatūru

Ja jūsu datu vizualizācijā ir iekļauti interaktīvi elementi, piemēram, rīku padomi vai detalizētas funkcijas, pārliecinieties, vai tie ir pieejami tastatūras lietotājiem un ekrāna lasītāju lietotājiem.

• Nodrošiniet navigāciju ar tastatūru: Pārliecinieties, vai visiem interaktīvajiem elementiem var piekļūt un tos var aktivizēt, izmantojot tastatūru.
• Izmantojiet ARIA atribūtus: Izmantojiet ARIA (Accessible Rich Internet Applications) atribūtus, lai sniegtu papildu informāciju ekrāna lasītājiem par interaktīvo elementu mērķi un stāvokli.
• Nodrošiniet skaidrus fokusa indikatorus: Padariet skaidru, kuram elementam ir fokuss, pārvietojoties ar tastatūru.
• Pārliecinieties, vai rīku padomi ir pieejami: Nodrošiniet alternatīvu tekstu rīku padomiem vai padariet informāciju pieejamu atsevišķā, pieejamā formātā.

Piemērs: Ja diagrammai ir rīku padomi, kas parāda detalizētu informāciju, virzot kursoru virs datu punkta, pārliecinieties, vai tā pati informācija ir pieejama, kad datu punkts ir fokusēts, izmantojot tastatūru.

6. Tabulas kā alternatīvas

Lietotājiem, kuri paļaujas uz ekrāna lasītājiem vai dod priekšroku datu analīzei tabulas formātā, ļoti ieteicams nodrošināt datu tabulu kā alternatīvu. Tas ļauj viņiem piekļūt neapstrādātiem datiem un tos izpētīt savā veidā.

• Nodrošiniet saiti uz datu tabulu: Iekļaujiet saiti uz datu tabulu zem diagrammas vai grafika.
• Izmantojiet semantisko HTML: Izmantojiet semantiskus HTML elementus, piemēram, <table>, <thead>, <tbody>, <th> un <td>, lai strukturētu tabulu.
• Nodrošiniet kolonnu virsrakstus: Izmantojiet kolonnu virsrakstus, lai skaidri identificētu datus katrā kolonnā.
• Izmantojiet parakstus: Sniedziet tabulas parakstu, kas apraksta tās saturu.

Piemērs:

<table>
  <caption>Globālais pārdošanas apjoms pēc reģiona - 2023. gada 4. ceturksnis</caption>
  <thead>
    <tr>
      <th scope="col">Reģions</th>
      <th scope="col">Pārdošanas apjoms (USD)</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Ziemeļamerika</td>
      <td>1 200 000</td>
    </tr>
    <tr>
      <td>Eiropa</td>
      <td>900 000</td>
    </tr>
    <tr>
      <td>Āzijas un Klusā okeāna reģions</td>
      <td>750 000</td>
    </tr>
  </tbody>
</table>

Rīki un tehnoloģijas pieejamai datu vizualizācijai

Vairāki rīki un tehnoloģijas var palīdzēt izveidot pieejamas datu vizualizācijas:

• Pieejamības pārbaudītāji: Rīki, piemēram, WAVE (Web Accessibility Evaluation Tool), var palīdzēt identificēt pieejamības problēmas jūsu vizualizācijās.
• Krāsu kontrasta pārbaudītāji: Rīki, piemēram, WebAIM Color Contrast Checker, var palīdzēt nodrošināt pietiekamu krāsu kontrastu.
• Ekrāna lasītāji: Vizualizāciju testēšana ar ekrāna lasītājiem, piemēram, NVDA vai JAWS, ir būtiska pieejamības nodrošināšanai.
• Datu vizualizācijas bibliotēkas: Dažas datu vizualizācijas bibliotēkas, piemēram, D3.js un Chart.js, piedāvā iebūvētas pieejamības funkcijas. Izpētiet to dokumentāciju, lai uzzinātu par pieejamības opcijām.
• Īpaši pieejamības spraudņi: Apsveriet iespēju izmantot spraudņus vai paplašinājumus, kas pielāgoti datu vizualizācijas pieejamībai konkrētās sistēmās (piemēram, React, Angular, Vue.js).

Pieejamu datu vizualizāciju piemēri

1. piemērs: Pieejama joslu diagramma (pasaules iedzīvotāju skaits pa kontinentiem)

Apraksts: Joslu diagramma, kas parāda pasaules iedzīvotāju skaitu pa kontinentiem 2023. gadā. Diagramma izmanto augsta kontrasta krāsas, skaidras etiķetes un alternatīvu tekstu.

Pieejamības funkcijas:

• Alt teksts: "Joslu diagramma, kas parāda pasaules iedzīvotāju skaitu pa kontinentiem 2023. gadā. Āzijā ir vislielākais iedzīvotāju skaits - 4,7 miljardi, kam seko Āfrika ar 1,4 miljardiem, Eiropa ar 750 miljoniem, Ziemeļamerika ar 600 miljoniem, Dienvidamerika ar 440 miljoniem un Okeānija ar 45 miljoniem."
• Krāsu kontrasts: Augsta kontrasta krāsas tiek izmantotas, lai nodrošinātu, ka joslas ir viegli atšķiramas no fona.
• Etiķetes: Katra josla ir marķēta ar kontinenta nosaukumu un iedzīvotāju skaitu.
• Datu tabula: Zem diagrammas ir sniegta saite uz datu tabulu.

2. piemērs: Pieejama līniju diagramma (pasaules temperatūras tendences)

Apraksts: Līniju diagramma, kas parāda pasaules vidējās temperatūras tendences no 1880. līdz 2023. gadam. Diagramma izmanto dažādus līniju stilus, lai atšķirtu dažādus reģionus, skaidras etiķetes un alternatīvu tekstu.

Pieejamības funkcijas:

• Alt teksts: "Līniju diagramma, kas parāda pasaules vidējās temperatūras tendences no 1880. līdz 2023. gadam. Diagramma parāda vienmērīgu pasaules temperatūras pieaugumu pēdējā gadsimtā, ar īpaši strauju pieaugumu pēdējās desmitgadēs."
• Līniju stili: Dažādi līniju stili (piemēram, vienlaidus, svītrains, punktēts) tiek izmantoti, lai atšķirtu dažādus reģionus.
• Etiķetes: Asis ir marķētas ar gadu un temperatūru.
• Datu tabula: Zem diagrammas ir sniegta saite uz datu tabulu.

Labākā prakse pieejamu datu vizualizāciju izveidei globālai auditorijai

Papildus iepriekš minētajiem galvenajiem principiem un piemēriem, apsveriet šo labāko praksi, veidojot pieejamas datu vizualizācijas globālai auditorijai:

• Izprotiet savu auditoriju: Apsveriet savas mērķauditorijas dažādo izcelsmi, spējas un tehniskās zināšanas.
• Izmantojiet iekļaujošu valodu: Izvairieties no žargona, slenga un kultūrai specifiskām atsaucēm, ko var nesaprast visi lietotāji.
• Sniedziet kontekstu: Sniedziet pietiekamu kontekstu par vizualizētajiem datiem, ieskaitot avotu, laika periodu un metodoloģiju.
• Pārbaudiet savas vizualizācijas ar lietotājiem: Veiciet lietotāju testēšanu ar personām ar invaliditāti un lietotājiem no dažādām kultūras vidēm, lai pārliecinātos, ka jūsu vizualizācijas ir pieejamas un saprotamas.
• Dokumentējiet savus pieejamības centienus: Dokumentējiet darbības, ko esat veicis, lai padarītu savas vizualizācijas pieejamas, ieskaitot izmantotos rīkus un metodes.
• Sekojiet līdzi jaunumiem: Pieejamības standarti un labākā prakse pastāvīgi attīstās. Sekojiet līdzi jaunākajām vadlīnijām un ieteikumiem.
• Apsveriet tulkošanu: Ja plānojat izplatīt savas vizualizācijas globālai auditorijai ar dažādām dzimtajām valodām, plānojiet etiķešu, virsrakstu un alt teksta tulkošanu.
• Apsveriet kultūras īpatnības: Esiet informēti par kultūras normām un jutīgumu, izvēloties krāsas, simbolus un vizuālās metaforas. Tas, kas var būt pieņemams vienā kultūrā, var būt aizskarošs citā.
• Laika joslas un datumu formāti: Vizualizējot datus, kas saistīti ar laiku, noteikti skaidri norādiet laika joslu. Strādājot ar datumiem, piedāvājiet datumu formātu elastību (GGGG-MM-DD, MM/DD/GGGG utt.), lai pielāgotos dažādām reģionālajām preferencēm.
• Valūtas apsvērumi: Ja jūsu dati ietver finanšu rādītājus, norādiet valūtu. Ja iespējams, piedāvājiet konvertēšanas iespējas, lai lietotāji varētu skatīt datus savā vietējā valūtā.

Secinājums

Pieejamu diagrammu un grafiku izveide ir būtiska, lai nodrošinātu, ka dati ir saprotami un lietojami ikvienam. Ievērojot šajā rakstā izklāstītos principus un labāko praksi, jūs varat izveidot datu vizualizācijas, kas ir iekļaujošas, efektīvas un pieejamas globālai auditorijai. Atcerieties, ka pieejamība nav tikai atbilstības jautājums; tā ir iespēja uzlabot lietotāju pieredzi visiem.