Esteettömän verkon suunnittelu

Kirjoittaja: John Stephens
Luomispäivä: 27 Tammikuu 2021
Päivityspäivä: 19 Saattaa 2024
Anonim
Esteettömän verkon suunnittelu - Luova
Esteettömän verkon suunnittelu - Luova

Sisältö

Inklusiivinen suunnittelu tarkoittaa ihmisten asettamista etusijalle. Kyse on suunnittelemisesta pysyvää, tilapäistä, tilannetta tai muuttuvaa vammaisuutta tarvitsevien ihmisten tarpeisiin ja korostamalla vammaisten käyttäjien kokemuksia sisällöstä.

  • Joulutarjous: Säästä jopa 47% verkkotilauksesta

Sisältävät suunnitteluperiaatteet ovat seitsemän näkökohtaa, jotka auttavat informoimaan muotoiluajattelua. Ne eivät ole joukko "miten", vaan kehys, jota voidaan käyttää vakiintuneiden esteettömyysohjeiden ohella tuotteiden viemiseksi vaatimusten ulkopuolelle - jotta kaikki käyttäjät voivat havaita, käyttää ja ymmärtää sisältöä riippumatta laitteistosta tai ohjelmistosta, jota käytetään verkkosivustolle tai sovellus.

Nämä periaatteet muistuttavat meitä asettamaan ihmiset, ei heidän vammansa, etusijalle. Emme suunnittele stereotypioita "näytönlukijan käyttäjistä", "äänen syöttökäyttäjistä" tai "näppäimistön käyttäjistä", vaan vanhemmille, työtovereille, ystäville, lapsille, opiskelijoille ja opettajille.


Tuotteiden tulisi noudattaa verkkosisällön esteettömyysohjeita, jotta tulos - koodi, muotoilu ja käyttäytyminen - olisi sekä käytettävissä että yhteensopiva. Se on teknologiavetoinen lähestymistapa monimutkaisiin ihmiskokemuksiin, jossa korostetaan enemmän koodia suunnittelussa, tulostuksessa lopputuloksessa ja vaatimustenmukaisuudessa kokemuksen sijasta.

Vammaiset ihmiset käyttävät Internetiä kotona, toimistossa, matkoilla, paineen alaisena, viettävät aikaa tai ensimmäistä kertaa tai sadan kerran. Kaikella tällä on suuri vaikutus siihen, miten olemme vuorovaikutuksessa verkon kanssa ja kuinka sitä käytämme, vammaisuudesta riippumatta.

Katsotaan siis periaatteita ja esimerkkejä siitä, miten niitä voidaan käyttää tuotteiden tekemiseen sekä vammaisten saataville että käyttökelpoisiksi.

Tarjoa vertailukelpoista kokemusta

Varmista, että käyttöliittymäsi tarjoaa vertailukelpoisen kokemuksen kaikille, jotta ihmiset voivat suorittaa tehtäviä tarpeisiinsa sopivalla tavalla heikentämättä sisällön laatua.


Tämä periaate haastaa meidät todella yrittämään ymmärtää, mikä kokemus on vammaiselle tuotteesi käytössä - ei sen saatavuuden tai yhteensopivuuden kannalta, mutta jos se on helppoa, käyttökelpoista ja houkuttelevaa eikä aikaa vievää, turhauttavaa tai hämmentävää.

Saatat ihmetellä, miksi käytämme "vertailukelpoista" eikä "vastaavaa". Kysyimme, oliko mahdollista tarjota vastaava, samanlainen kokemus jollekin, joka ei näe tai kuule. Harkitse vaihtoehtoisia muotoja, kuten alt-teksti, äänikuvaus ja tekstitys (suljetut kuvatekstit Yhdysvalloissa).

Onko vaihtoehtoisen tekstin kuuleminen sarjakuvan näkemisen sijasta samanlainen kokemus? Onko äänikuvauskuvan kauhuelokuvan kuunteleminen koskaan sama kuin hahmojen kasvojen ilmaisujen näkeminen? Pystyvätkö tekstitykset koskaan välittämään tämän pelon tunteen kauhuelokuvassa, joka on niin asiantuntevasti luotu pahaenteisen musiikin kautta, joka on rakennettu huikeaan huipentumaan?

Usein vastaava kokemus juurtuu hyvin muotoiltuun vaihtoehtoisiin toimituksiin. Luodessamme Inclusive Design Principles -logoa päätimme antaa sille vaihtoehtoisen tekstin sen sijaan, että pitäisimme kuvaa koristeellisena ja piilottaisimme sen lukijaa käyttäviltä ihmisiltä. Jos logo on tarkoitettu visuaalisen ilmeen tarjoamiseksi, miksi sen ei pitäisi tarjota "kuultavaa" ulkoasua?


Kuten Léonie Watson sanoi: "Minulla oli tapana nähdä, joten arvostan koristekuvien kuvaavaa vaihtoehtoista tekstiä, koska se herättää mieleen asioita."

Emme voi olettaa, että yhden vammaisen kokemus on kaikkien kokemus. Tätä varten meillä on käyttäjätutkimus ja käytettävyystestaus - kaksi avainaluetta, joihin osallistavat suunnitteluperiaatteet voidaan sisällyttää ja viitata päivittäiseen projektityöhön.

Jotta kuuroille olisi pääsy, videon ääni on tekstitettävä ja synkronoitava. Jos tekisit vain nuo kaksi asiaa, täytät tämän WCAG-vaatimuksen tekstityksiin:

  • 1.2.2 Tekstitykset (valmiiksi nauhoitetut): Tekstitykset tarjotaan kaikelle synkronoidussa mediassa olevalle ennalta tallennetulle äänisisällölle, paitsi jos media on tekstin mediavaihtoehto ja se on selvästi merkitty sellaiseksi. (Taso A)

Vaikka WCAG-tarkistuspisteen mukaista sisältöä on saatavilla, voidaanko sitä käyttää kuuroille tai kuulovammaisille? BBC: n tekstitysohjeet tarjoavat lukuisia ohjeita tekstityksen toimituksellisesta ja visuaalisesta esityksestä, kuten tekstikoko, tyyli, sijoittelu ja värikoodaus eri kaiuttimille. Kaikki nämä tekevät tekstityksistä helpommin luettavia ja toimituksellisia vastaavia alkuperäiseen kokemukseen. Vain yksi esimerkki on, että eri kaiuttimien värikoodaus tekee vuoropuhelun seuraamisesta ja ymmärtämisestä, kuka mitä sanoi.

Se, että täsmällistä vastaavaa kokemusta ei voida antaa, ei tarkoita, että et tavoittele vastaavuutta. Tämä on hyvä esimerkki siitä, että saavutettavuus on luovuuden ja innovoinnin puolustaja pikemminkin kuin vihollinen.

Harkitse tilannetta

Ihmiset käyttävät käyttöliittymääsi erilaisissa tilanteissa. Varmista, että käyttöliittymäsi tarjoaa arvokkaan kokemuksen ihmisille heidän olosuhteistaan ​​riippumatta.

Meidän on pohdittava, miten vammaisuus vaikuttaa yksilön tilanteeseen ja kuinka ihmisten tilanne voi vaikuttaa käytettävyyteen. Esimerkiksi matkapuhelin on poissa käytöstä pienten näyttöjen, auringon häikäisyn ja pienten fonttien, melun ja niin edelleen vuoksi. Taitavuuttamme voidaan vähentää sateen vuoksi näytöllä tai laitteiden käyttämisestä yhdellä kädellä. Kuulomme on heikentynyt meluisten ympäristöjen ja kuulokkeiden puuttumisen vuoksi.

Sisällöntuottajat tuottavat nyt enemmän tekstitettyjä videoita, jotta voidaan vastata kuulon puutteeseen yksilön tilanteesta johtuen. Facebook näyttää tekstityksen automaattisesti olettaen, että useimmilla käyttäjillä ei ole ääntä.

Tämä on hyvä esimerkki siitä, kuinka vammaisten ihmisten tarpeiden täyttäminen ratkaisee tilannevammaisuuden ongelmat kaikille.

Ole johdonmukainen

Käytä tuttuja käytäntöjä ja käytä niitä johdonmukaisesti. Tämä periaate kattaa suunnittelun, toimituksen, hierarkian, rakenteen, toimivuuden ja käyttäytymisen.

Tämän seurauksena periaatteeseen viitataan useimmin, kun tarkastelen esteettömyyden malleja ja ehdotettuja toimintoja. Heydon Pickering luokittelee johdonmukaisuuden kahteen laajaan ryhmään:

  • Sisäinen johdonmukaisuus - varmistaa, että käyttöliittymä on yhtenäinen itsessään. Esimerkiksi esteettömän mallikirjaston kautta.
  • Kulttuurinen yhdenmukaisuus - varmistamalla, että käyttöliittymä on yhdenmukainen verkon ulkoisten suunnittelumallien kanssa.

Verkon saavutettavuusaloitteen helppokäyttöisten Internet-sovellusten laatimiskäytäntöjen opas (WAI ARIA APG) kuvaa lähestymistapoja, joilla widgetit, navigointi ja käyttäytyminen tehdään helposti saataville käyttämällä WAI-ARIA-rooleja, -tiloja ja -ominaisuuksia. APG on suunnattu ensisijaisesti kehittäjille, mutta suunnittelijoiden tulisi kuitenkin tuntea tämä asiakirja tasaisesti suunnitellakseen ja dokumentoidakseen ominaisuuksia, jotka ovat yhdenmukaisia ​​sekä sisäisten että ulkoisten suunnittelumallien kanssa. Tämä varmistaa, että widgetien, kuten välilehden paneelin, näppäimistöt käyttäytyvät johdonmukaisesti verkkosivuston sisäisten ja ulkoisten välilehtien kanssa.

Tämä on tärkeää, jotta näytönlukuohjelman, näppäimistön tai muun kuin hiiren syöttölaitteen omaavien ihmisten ei tarvitse selvittää, miten eri välilehtipaneeleja käytetään. Toimituksellinen johdonmukaisuus tekstivaihtoehdoille on ratkaiseva tapa tukea näytönlukijoita käyttäviä ihmisiä, kuten sokeita, heikkonäköisiä tai luku- tai kognitiivisia häiriöitä.

Jos sinulla on verkkosivusto, iOS- ja Android-sovellus, jotka käyttävät samaa toimituksellista linkitettyjä kuvia, painikkeita ja hallintalaitteita, sillä on kaksi vaikutusta, jotka tekevät verkkosivustosta ja sovelluksesta kuulostavamman ja tarjoavat äänibrändäyksen samalla tavalla kuin visuaalinen suunnittelu tekee.

Anna hallinta

Varmista, että ihmiset hallitsevat. Ihmisten tulisi voida käyttää sisältöä ja olla vuorovaikutuksessa haluamallaan tavalla.

Ohjaus on toiminnallisuutta. Kyse on sellaisten sisältömuutosten välttämisestä, joita käyttäjä ei ole aloittanut, ellei ole olemassa selvää tapaa hallita sitä. Kyse on myös siitä, ettet poista käyttöympäristöasetuksia, jotka antavat käyttäjälle hallinnan sisällöstä.

Näennäisesti yksinkertaiset asiat, kuten kiinteä näytön suunta mobiililaitteessa, voivat estää pääsyn. Kiinteä suuntaus ei kuulu WCAG 2.0: n piiriin, ja silti se, että suuntauksen muutoksia ei tueta, tekee sisällöstä täysin mahdotonta pyörätuolissa olevalle henkilölle, jolla ei ole ylävartalon liikkeitä ja jolla on tabletti, joka on kiinnitetty pystyasennossa tuolin etuosaan.

Tämä on hyvä esimerkki siitä, missä WCAG, joka kirjoitettiin ennen matkapuhelimen lentoonlähtöä, unohtaa mobiililaitteen tärkeimmät ominaisuudet, jotka voidaan rikkoa suunnittelun mukaan. Mobile Accessibility Taskforce on ehdottanut tämän sisällyttämistä WCAG 2.1: een:

  • 3.4.1 Suunta: Sisällön suuntaa ei ole lukittu vaaka- tai pystysuuntaan, paitsi jos suunta on välttämätön.

Näet lisätietoja Mobile Accessibility WCAG -laajennuksesta.

Automaattinen videon toisto on toinen esimerkki hallinnan menettämisestä. Näytönlukijan ääni hukkuu videoäänellä. Näytön suurennusohjelmistoa käyttävät ihmiset eivät välttämättä näe videota, jos se sijaitsee ruudun ulkopuolella. Kuurot voivat puuttua avaavista tekstityksistä.

On kuitenkin väärin olettaa, että kaikki sokeat, heikkonäköiset ja kuurot eivät halua automaattista videotoistoa. Tässä on vaikutuksen huomioon ottaminen tilanteessa, jossa käyttäjä kuluttaa sisältöä.

Kun työskentelin BBC iPlayer -sokerilukijan kanssa, käyttäjät pyysivät automaattista toistosisältöä TV: n saamiseksi. He olivat usein iPlayer-käyttäjiä, jotka ymmärsivät sivuston ja mitä odottaa. He halusivat aktivoida linkin ohjelmaan ja katsella sitä. He eivät halunneet avata sivua, siirtyä mediasoittimeen ja löytää toistopainikkeen.

Tasapainottamaan näytönlukijan käyttäjien, jotka ovat usein iPlayer-käyttäjiä, ristiriitaiset tarpeet ensimmäisten käyttäjien tarpeiden kanssa, jotka eivät ehkä halua automaattista toistoa, ratkaisuna on tarjota asetus automaattisen toiston valitsemiseksi ja poistamiseksi käytöstä. Tämä tarkoittaa, että sisältö on sekä saavutettavissa että parempi käyttökokemus vammaisille käyttäjille.

Tarjousvalinta

Harkitse ihmisille erilaisia ​​tapoja suorittaa tehtäviä, erityisesti monimutkaisia ​​tai epätyypillisiä.

Vaikka tämä periaate ei rajoitu ominaisuuksiin, sillä on valtava vaikutus siihen, mitä ominaisuuksia tarjotaan ja miten ne toteutetaan. Kuten tiedämme, yksi koko ei sovi kaikille, vaikka se olisi helposti saatavilla.

IOS Mail -sovellus on rakennettu valintoja ajatellen. Saapuneet-kansion kautta voit joko pyyhkäistä merkitäksesi, poistaaksesi tai suorittaaksesi muita toimintoja. Vaihtoehtoisesti voit napauttaa sähköpostia avataksesi sen ja saavuttaaksesi saman toiminnallisuuden. Vaikutus loppukäyttäjiin on merkittävä. Jotkut ihmiset, joilla on näppäryysongelmia, pitävät pyyhkäisyä vaikeaksi, toiset kättelevät voivat napauttaa painikkeita tarkasti ongelmallisena. Samoin, vaikka poistaminen pyyhkäisemällä on tavallinen iOS-toiminto, visuaalista etua ei ole. Tämä tarkoittaa, että ihmiset, jotka eivät ole perehtyneet ominaisuuteen, voivat kaipaamaan sitä kokonaan, jos vaihtoehtoa ei tarjota.

Kun asettelut ovat monimutkaisia, voi auttaa käyttäjää hallitsemaan sivua. Luku- tai oppimisvaikeuksista kärsiville ihmisille saattaa olla helpompaa neuvotella ruudukko, jossa on suuret kuvat kuin luettelosivulla, jossa on enemmän tekstiä. Kun suunnittelet luetteloituja näyttöjä, harkitse painikkeen lisäämistä vaihtaaksesi ruudukon ja luettelon asettelun välillä sekä suodattimia ei-toivottujen tulosten poistamiseksi.

Priorisoi sisältö

Auta käyttäjiä keskittymään ydintehtäviin, ominaisuuksiin ja tietoihin priorisoimalla ne sisällön ja asettelun sisällä.

Sisällön priorisointi koskee toimitusta, asettelua ja esittelyä. Vammaisena käyttäjänä sinun on todennäköisesti työskenneltävä kovemmin ymmärtämään näytön maisemaa ja mitä toimituksellesi kerrotaan. Tämä vaikuttaa meihin kaikkiin, mutta jos keskeistä sisältöä ei priorisoida, sivut voivat tulla monipuolisiksi, mikä laimentaa sitä, mitä näytönlukuohjelmien tarvitsee kuulla tai oppimisvaikeuksista kärsivät ihmiset voivat lukea.

Se on myös merkittävä yleiskustannus ihmisille, joilla on vaihtoehtoisia syöttölaitteita, kuten puhetta, pää- tai jalkakytkimiä tai siemailla ja puhalluksella navigoidakseen sisältöön, kun se on alhaalla sisältöjärjestyksessä.

Vieras sisältö, kuten bannerimainokset, varsinkin video, on haittaa kaikille käyttäjille, mutta se voi estää kognitiivisten tai oppimisvaikeuksien omaavia ihmisiä jatkamasta. Ne ovat liian häiritseviä ja sekoittuvat helposti pääsisältöön, mikä estää ihmisiä pääsemästä haluamaansa sisältöön.

Ihmiset, joilla on kognitiivisia tai oppimisvaikeuksia ja jotka tuntevat paremmin selaimen käytettävissä olevat työkalut, zoomaavat usein sisältöä, jotta he voivat minimoida toissijaisen tiedon määrän, joka heidän on muuten pakko nähdä.

Sisällön zoomaaminen voi kuitenkin pahentaa asiaa joillekin. Channel 5 -sivustolla on bannerimainos sivun yläosassa, jota seuraa navigointi alla ja kuva. Kun sivua ei zoomata, näet vain ensisijaisen sisällön navigoinnin, jota ei ole paljon. Kun zoomaus on 300%, vain pieni osa bannerimainoksesta näkyy.

Tämän vuoksi ensisijaisen sisällön sijoittaminen on erityisen haastavaa, jos sinulla on heikko näkökyky tai käytät zoomausta kognitiivisten tai oppimisvaikeuksien vuoksi. Linkkien, otsikoiden ja kappaleiden toimituksellisuuden tulisi myös asettaa etusijalle ensisijainen sisältö alussa.

Lisätä arvoa

Ota huomioon ominaisuuksien arvo ja miten ne parantavat kokemusta eri käyttäjille. Arvon lisääminen on paikka, jossa voit olla luova. Kyse on vähemmän tuotteesi sisällöstä ja toiminnallisuudesta ja enemmän alustalla käytettävissä olevien ominaisuuksien kirkkauden käytöstä.

Jokapäiväiset tehtävät, kuten sisäänkirjautuminen ja lomakkeiden täyttäminen, voivat olla todellinen taistelu. Automaattinen täydennys on erittäin hyödyllistä, jos sinulla on näppäryysongelmia, kamppailet näppäimistön kanssa tai käytät vaihtoehtoista syöttölaitetta, kuten ääntä. Se auttaa myös ihmisiä, joilla on oppimis- tai kognitiivisia häiriöitä, sekä muita kuin äidinkielenään puhuvia englantia. Mutta miksi pysähtyä siihen? Harkitse tuen lisäämistä äänihaulle - tämä tukee myös valinnanmahdollisuuden periaatetta.

Salasanojen syöttäminen on erityisen vaikeaa, koska ne vaativat tekstinsyöttöä, mutta niitä ei voida nähdä. James Williamson, web-suunnittelu- ja kehitystekijä, jolla on amyotrofinen lateraaliskleroosi (ALS), selittää ongelman, jonka hän ja monet muut käyttäjät kohtaavat yrittäessään käyttää tiettyjä tietoja.

"Käytänpä sanelua tai yhtä sormea ​​näppäimistölläni, tarkka syöttö on erittäin vaikeaa. Tämä vaikeus kasvaa, kun otat käyttöön erikoismerkit ja monet salasanoissa olevista vaatimuksista. Se, että en näe, mitä olen kirjoittanut, tarkoittaa suurta epäonnistumista salasanoja syötettäessä. "

"Näytä salasana" -ominaisuuden sisällyttäminen antaa ihmisille mahdollisuuden tarkistaa merkinnänsä ennen jatkamista, mikä minimoi virheet, joiden korjaaminen voi viedä aikaa, lisäämällä turhauttavaa viivettä suoraviivaiselle prosessille. Touch ID: n tarjoaminen sekä ”näytä salasana” -ominaisuus tarjoavat lisävalinnan ja vaihtoehdon niille, joilla on kätevyyttä käyttää sitä.

Meidän on siirrettävä ajattelumme pois "asioiden saataville saattamisesta" ihmisten mahdollistamiseen suunnittelun avulla. Inklusiivisten suunnitteluperiaatteiden integrointi projektien alkuvaiheessa voi auttaa tiimejä ymmärtämään paremmin kuka käyttää tuotteitaan ja miten.

Periaatteiden noudattaminen henkilöitä, käyttäjäkertomuksia, prototyyppejä kirjoitettaessa ja käyttäjätutkimuksessa auttaa kaikkia tiimejä rakentamaan parempia ominaisuuksia, jotka pystyvät tukemaan kaikkia vammaisia ​​yleisöjä.

Tämä artikkeli ilmestyi alun perin numerossa 297netto, ammattimaisille web-suunnittelijoille ja kehittäjille tarkoitettu lehti, joka tarjoaa uusimmat uudet verkkotrendit, -teknologiat ja -tekniikat.Osta net-numero 297 täältätaitilaa net täällä.

Erikoistarjous:Säästä jopa 47% verkkotilauksestasinulle tai ystävällesi jouluna. Tarjous on rajoitettu, joten siirry nopeasti ...

Suositellaan Sinulle
7 sivustoa Draw Something -riippuvaisille!
Lue Lisää

7 sivustoa Draw Something -riippuvaisille!

Tiety ti puhumme Draw omething - ovelluk e ta, ja 50 miljoonalla latauk ella vain 50 päivä ä on oikeudenmukai ta anoa, että doodling on tunkeutunut hyvin ja todella elämä...
Kuinka luoda surrealistista muotokuvataidetta
Lue Lisää

Kuinka luoda surrealistista muotokuvataidetta

Tä ä työpaja a näytämme, kuinka voit luoda urreali ti ta muotokuvataidetta omilla valokuvilla i, 3D-malleilla i ja mukautetuilla iveltimillä. Työpaja käyttä...
Parhaat halvat Hydro Flask -tarjoukset huhtikuussa 2021
Lue Lisää

Parhaat halvat Hydro Flask -tarjoukset huhtikuussa 2021

Hydro Fla k - opimu voi olla paljon yi tä. Hydro Fla k tekee joitain parhaita ve ipulloja, joita voit o taa; ne ovat tarpeek i itkeitä ke tämään kolhuja, niiden kak i einä...