Andmete visualiseerimine: ligipääsetavate diagrammide ja graafikute loomine globaalsele vaatajaskonnale

Andmete visualiseerimine on võimas vahend teabe edastamiseks, kuid selle tõhusus sõltub ligipääsetavusest. Kui diagramme ja graafikuid ei kujundata ligipääsetavust silmas pidades, võib märkimisväärne osa globaalsest vaatajaskonnast – sealhulgas puuetega inimesed, keelebarjääriga inimesed või erineva tehnilise pädevusega inimesed – kõrvale jääda. See artikkel pakub põhjalikku juhendit ligipääsetavate andmevisualisatsioonide loomiseks, mis on kaasavad ja arusaadavad kõigile.

Ligipääsetava andmete visualiseerimise olulisuse mõistmine

Andmete visualiseerimise ligipääsetavus ulatub kaugemale lihtsalt juriidiliste nõuete, nagu WCAG (Veebisisu juurdepääsetavuse suunised) või jaotis 508, täitmisest. See tähendab parema kasutajakogemuse loomist kõigile. Ligipääsetavad diagrammid ja graafikud on:

• Kasutatavad puuetega inimestele: Ekraanilugejate kasutajad, vaegnägijad või värvipimedad isikud ja motoorsete häiretega inimesed toetuvad andmete mõistmiseks ligipääsetavale disainile.
• Kõigile lihtsamini mõistetavad: Selged sildid, piisav kontrastsus ja hästi korraldatud andmed parandavad kõigi kasutajate arusaamist.
• Tõhusamad kultuuridevahelises suhtluses: Kultuurispetsiifiliste sümbolite vältimine ja selge, lühikese keele kasutamine muudab visualiseeringud arusaadavamaks erinevates kultuurides.
• Parem mobiilikasutajatele: Ligipääsetava disaini põhimõtted kanduvad sageli üle paremateks mobiilikogemusteks, tagades, et visualiseeringud on vaadatavad ja kasutatavad väiksematel ekraanidel.
• Hea SEO (otsingumootoritele optimeerimise) jaoks: Piltidele alternatiivteksti pakkumine ja sisu loogiline struktureerimine parandab otsingumootorite järjestust, suurendades nähtavust ja ulatust.

Ligipääsetava andmete visualiseerimise põhiprintsiibid

Ligipääsetavate diagrammide ja graafikute loomine nõuab mitme põhiprintsiibi hoolikat kaalumist:

1. Alternatiivtekst (Alt-tekst)

Alternatiivtekst on lühike diagrammi või graafiku kirjeldus, mida ekraanilugejad ette loevad. See võimaldab nägemispuudega kasutajatel mõista esitatud teavet. Alt-teksti kirjutamisel arvestage järgmisega:

• Olge kirjeldav: Võtke kokku diagrammi või graafiku peamine järeldus. Millist lugu andmed räägivad?
• Olge lühike: Hoidke kirjeldus lühike ja asjakohane, ideaalis alla 150 tähemärgi.
• Lisage kontekst: Pakkuge visualiseeritavate andmete kohta konteksti, näiteks allikas ja ajaperiood.
• Arvestage visualiseeringu keerukusega: Keeruliste diagrammide puhul võib olla vaja pakkuda pikemat ja üksikasjalikumat kirjeldust või linki andmetabelile.

Näide:

Mitte-ligipääsetav: <img src="sales.png" alt="Diagramm">

Ligipääsetav: <img src="sales.png" alt="Joondiagramm, mis näitab ülemaailmse müügi 15% kasvu 2023. aasta 4. kvartalis võrreldes 2023. aasta 3. kvartaliga.">

2. Värv ja kontrastsus

Värv ei tohiks olla ainus viis teabe edastamiseks. Värvipimedusega või vaegnägijad ei pruugi olla võimelised teatud värve eristama. Tagage piisav värvikontrastsus andmeelementide ja tausta vahel.

• Kasutage värvikontrastsuse kontrollijat: Tööriistad nagu WebAIM'i värvikontrastsuse kontrollija (https://webaim.org/resources/contrastchecker/) aitavad teil kindlaks teha, kas teie värvikombinatsioonid vastavad WCAG nõuetele.
• Vältige ainult värvile tuginemist: Kasutage andmeelementide eristamiseks lisaks värvile ka mustreid, silte ja tekstuure.
• Arvestage värvipimedusega: Kasutage värvipalette, mis on ligipääsetavad erinevat tüüpi värvipimedusega inimestele. Saadaval on palju tööriistu, et simuleerida, kuidas teie visualiseering paistab erinevate värvinägemise puudulikkusega inimestele.
• Pakkuge alternatiivseid visuaalseid vihjeid: Kasutage andmepunktide eristamiseks ääristusi, kujundeid ja suurusi.

Näide: Selle asemel, et kasutada tulpdiagrammil tootekategooriate tähistamiseks ainult erinevaid värve, kasutage igal tulbal erinevaid mustreid (nt ühtlane, triibuline, täpiline) ja silte.

3. Sildid ja tekst

Selged ja lühikesed sildid on andmete visualiseerimise mõistmiseks hädavajalikud. Veenduge, et kõik teljed, andmepunktid ja legendid on korralikult sildistatud. Kasutage piisavalt suurt fondi suurust, et seda oleks lihtne lugeda.

• Kasutage selget ja lühikest keelt: Vältige žargooni ja tehnilisi termineid, mis ei pruugi olla kõigile kasutajatele arusaadavad.
• Pakkuge piisavat fondi suurust: Kasutage põhiteksti jaoks vähemalt 12-punktilist ja pealkirjade jaoks 14-punktilist fondi suurust.
• Tagage piisav vaheruum: Vältige siltide ja andmepunktide ülerahvastamist.
• Kasutage kirjeldavaid pealkirju: Pakkuge pealkiri, mis kirjeldab täpselt diagrammi või graafiku sisu.

Näide: Selle asemel, et kasutada esimese kvartali kohta lühendatud silte nagu "K1", kasutage täispikka terminit "1. kvartal".

4. Andmete struktuur ja korraldus

Andmete struktureerimise ja korraldamise viis võib oluliselt mõjutada nende ligipääsetavust. Korraldage andmed loogiliselt ja kasutage teabe tõhusaks esitamiseks sobivaid diagrammitüüpe.

• Kasutage sobivaid diagrammitüüpe: Valige diagrammitüüp, mis esindab kõige paremini andmeid ja sõnumit, mida soovite edastada. Näiteks kasutage tulpdiagramme kategooriliste andmete võrdlemiseks, joondiagramme aja jooksul toimuvate trendide näitamiseks ja sektordiagramme proportsioonide näitamiseks.
• Järjestage andmed loogiliselt: Sorteerige andmed tähendusrikkas järjekorras, näiteks kasvavas või kahanevas järjekorras või kategooriate kaupa.
• Grupeerige seotud andmed: Grupeerige seotud andmepunktid kokku, et nendevahelisi seoseid oleks lihtsam mõista.
• Vältige segadust: Eemaldage ebavajalikud elemendid, mis võivad andmetelt tähelepanu kõrvale juhtida, näiteks ruudustikujooned või liigsed kaunistused.

Näide: Selle asemel, et kasutada lihtsate andmete esitamiseks keerulist 3D-diagrammi, kasutage 2D-tulpdiagrammi või joondiagrammi.

5. Interaktiivsus ja klaviatuurinavigatsioon

Kui teie andmete visualiseerimine sisaldab interaktiivseid elemente, nagu kohtspikrid või süvitsiminekufunktsioonid, veenduge, et need oleksid ligipääsetavad klaviatuuri- ja ekraanilugejakasutajatele.

• Tagage klaviatuurinavigatsioon: Veenduge, et kõigile interaktiivsetele elementidele pääseb juurde ja neid saab aktiveerida klaviatuuri abil.
• Kasutage ARIA atribuute: Kasutage ARIA (Accessible Rich Internet Applications) atribuute, et pakkuda ekraanilugejatele lisateavet interaktiivsete elementide eesmärgi ja oleku kohta.
• Pakkuge selgeid fookuse indikaatoreid: Tehke selgeks, millisel elemendil on fookus, kui navigeerite klaviatuuriga.
• Tagage, et kohtspikrid oleksid ligipääsetavad: Pakkuge kohtspikritele alternatiivteksti või tehke teave kättesaadavaks eraldi, ligipääsetavas vormingus.

Näide: Kui diagrammil on kohtspikrid, mis kuvavad üksikasjalikku teavet andmepunktile hõljumisel, veenduge, et sama teave oleks kättesaadav ka siis, kui andmepunkt on klaviatuuri abil fookuses.

6. Tabelid alternatiividena

Kasutajatele, kes toetuvad ekraanilugejatele või eelistavad andmeid analüüsida tabelivormingus, on tungivalt soovitatav pakkuda alternatiivina andmetabelit. See võimaldab neil pääseda juurde toorandmetele ja uurida neid omal moel.

• Pakkuge linki andmetabelile: Lisage diagrammi või graafiku alla link andmetabelile.
• Kasutage semantilist HTML-i: Kasutage tabeli struktureerimiseks semantilisi HTML-elemente nagu <table>, <thead>, <tbody>, <th> ja <td>.
• Pakkuge veeru päiseid: Kasutage veeru päiseid, et selgelt identifitseerida andmed igas veerus.
• Kasutage pealkirju: Pakkuge tabelile pealkiri, mis kirjeldab selle sisu.

Näide:

<table>
  <caption>Ülemaailmne müük regiooniti - 2023. aasta 4. kvartal</caption>
  <thead>
    <tr>
      <th scope="col">Regioon</th>
      <th scope="col">Müük (USD)</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Põhja-Ameerika</td>
      <td>1,200,000</td>
    </tr>
    <tr>
      <td>Euroopa</td>
      <td>900,000</td>
    </tr>
    <tr>
      <td>Aasia ja Vaikse ookeani piirkond</td>
      <td>750,000</td>
    </tr>
  </tbody>
</table>

Tööriistad ja tehnoloogiad ligipääsetavaks andmete visualiseerimiseks

Mitmed tööriistad ja tehnoloogiad aitavad teil luua ligipääsetavaid andmevisualisatsioone:

• Ligipääsetavuse kontrollijad: Tööriistad nagu WAVE (Web Accessibility Evaluation Tool) aitavad teil tuvastada ligipääsetavuse probleeme oma visualiseeringutes.
• Värvikontrastsuse kontrollijad: Tööriistad nagu WebAIM'i värvikontrastsuse kontrollija aitavad teil tagada piisava värvikontrastsuse.
• Ekraanilugejad: Oma visualiseeringute testimine ekraanilugejatega nagu NVDA või JAWS on ligipääsetavuse tagamiseks hädavajalik.
• Andmete visualiseerimise teegid: Mõned andmete visualiseerimise teegid, nagu D3.js ja Chart.js, pakuvad sisseehitatud ligipääsetavuse funktsioone. Uurige nende dokumentatsioonist ligipääsetavuse valikuid.
• Spetsiaalsed ligipääsetavuse pluginad: Uurige andmete visualiseerimise ligipääsetavusele kohandatud pluginate või laienduste kasutamist konkreetsetes raamistikes (nt React, Angular, Vue.js).

Ligipääsetavate andmevisualisatsioonide näited

Näide 1: Ligipääsetav tulpdiagramm (Maailma rahvaarv mandrite kaupa)

Kirjeldus: Tulpdiagramm, mis näitab maailma rahvaarvu mandrite kaupa 2023. aastal. Diagramm kasutab kõrge kontrastsusega värve, selgeid silte ja alternatiivteksti.

Ligipääsetavuse funktsioonid:

• Alt-tekst: "Tulpdiagramm, mis näitab maailma rahvaarvu mandrite kaupa 2023. aastal. Aasias on suurim rahvaarv, 4,7 miljardit, järgnevad Aafrika 1,4 miljardiga, Euroopa 750 miljoniga, Põhja-Ameerika 600 miljoniga, Lõuna-Ameerika 440 miljoniga ja Okeaania 45 miljoniga."
• Värvikontrastsus: Kasutatakse kõrge kontrastsusega värve, et tagada tulpade kerge eristatavus taustast.
• Sildid: Iga tulp on sildistatud mandri nime ja rahvaarvuga.
• Andmetabel: Diagrammi all on link andmetabelile.

Näide 2: Ligipääsetav joondiagramm (Globaalse temperatuuri trendid)

Kirjeldus: Joondiagramm, mis näitab globaalse keskmise temperatuuri trende aastatel 1880 kuni 2023. Diagramm kasutab erinevate piirkondade eristamiseks erinevaid joonestiile, selgeid silte ja alternatiivteksti.

Ligipääsetavuse funktsioonid:

• Alt-tekst: "Joondiagramm, mis näitab globaalse keskmise temperatuuri trende aastatel 1880 kuni 2023. Diagramm näitab globaalsete temperatuuride pidevat tõusu viimase sajandi jooksul, eriti järsu tõusuga viimastel aastakümnetel."
• Joonestiilid: Erinevate piirkondade eristamiseks kasutatakse erinevaid joonestiile (nt pidev, kriipsutatud, punktiir).
• Sildid: Teljed on sildistatud aastaarvu ja temperatuuriga.
• Andmetabel: Diagrammi all on link andmetabelile.

Parimad praktikad ligipääsetavate andmevisualisatsioonide loomiseks globaalsele vaatajaskonnale

Lisaks ülaltoodud põhimõtetele ja näidetele arvestage globaalsele vaatajaskonnale ligipääsetavate andmevisualisatsioonide loomisel järgmiste parimate tavadega:

• Mõistke oma vaatajaskonda: Arvestage oma sihtrühma mitmekesise tausta, võimete ja tehnilise pädevusega.
• Kasutage kaasavat keelt: Vältige žargooni, slängi ja kultuurispetsiifilisi viiteid, mis ei pruugi olla kõigile kasutajatele arusaadavad.
• Pakkuge konteksti: Pakkuge visualiseeritavate andmete kohta piisavalt konteksti, sealhulgas allikas, ajaperiood ja metoodika.
• Testige oma visualiseeringuid kasutajatega: Viige läbi kasutajateste puuetega inimeste ja erineva kultuuritaustaga kasutajatega, et tagada oma visualiseeringute ligipääsetavus ja arusaadavus.
• Dokumenteerige oma ligipääsetavuse alaseid jõupingutusi: Dokumenteerige sammud, mida olete oma visualiseeringute ligipääsetavaks muutmiseks teinud, sealhulgas kasutatud tööriistad ja tehnikad.
• Hoidke end kursis: Ligipääsetavuse standardid ja parimad praktikad arenevad pidevalt. Hoidke end kursis uusimate suuniste ja soovitustega.
• Kaaluge tõlkimist: Kui kavatsete oma visualiseeringuid levitada globaalsele vaatajaskonnale, kellel on erinevad emakeeled, planeerige siltide, pealkirjade ja alt-teksti tõlkimist.
• Arvestage kultuuriliste tundlikkustega: Olge värvide, sümbolite ja visuaalsete metafooride valimisel teadlik kultuurinormidest ja tundlikkusest. Mis võib olla ühes kultuuris vastuvõetav, võib teises olla solvav.
• Ajavööndid ja kuupäevavormingud: Ajaga seotud andmete visualiseerimisel täpsustage kindlasti ajavöönd. Kuupäevadega tegelemisel pakkuge paindlikkust kuupäevavormingutes (AAAA-KK-PP, KK/PP/AAAA jne), et arvestada erinevate piirkondlike eelistustega.
• Valuutaga seotud kaalutlused: Kui teie andmed sisaldavad finantsnäitajaid, täpsustage valuuta. Võimaluse korral pakkuge konverteerimisvõimalusi, et kasutajad saaksid andmeid vaadata oma kohalikus valuutas.

Kokkuvõte

Ligipääsetavate diagrammide ja graafikute loomine on hädavajalik, et tagada andmete arusaadavus ja kasutatavus kõigile. Järgides selles artiklis kirjeldatud põhimõtteid ja parimaid praktikaid, saate luua andmevisualisatsioone, mis on kaasavad, tõhusad ja ligipääsetavad globaalsele vaatajaskonnale. Pidage meeles, et ligipääsetavus ei ole ainult vastavusküsimus; see on võimalus parandada kasutajakogemust kõigi jaoks.