Sinä tiedät saavutettavuudella on merkitystä. Et luultavasti olisi tällä sivulla, jos et jo tietäisi, että on tärkeää varmistaa, että kaikki sähköpostisi lukevat rakastavat ja arvostavat sähköpostisi sisältöä riippumatta siitä, miten he käyttävät kyseistä sähköpostia. (Ylävitonen!)
Nyt on kuitenkin monia tapoja, joilla voit työskennellä sähköpostisi helpottamiseksi. Esteettömyys, varsinkin suunnittelussa, ei kuitenkaan ole kytkimen kääntämistä meillä on siihen kytkin– ja lisää siitä, miten muuttaa ajatteluasi muotoilusta. Älykäs suunnittelu väreillä on sen alku, mutta voit myös ryhtyä toimiin vähentääksesi tarpeettomia liikkeitä, lisätäksesi vapaata tilaa sähköpostiin ja paljon muuta.
Tänään tarkastelemme yhtä hyvin erityistä esteettömyysnäkökohtaa sähköpostin suunnittelussa: kuinka suunnitella värisokeutta varten. Selvitämme, miksi sähköpostisi visuaalisesti saavutettavissa olemisen varmistaminen on tärkeää, mitä voit tehdä tämän saavuttamiseksi, ja tarkastellaan joitain yleisiä virheitä, joita ihmiset voivat kohdata matkan varrella.
Valmis? Sukeltakaamme sisään.
Miksi suunnitella visuaalisesti esteettömät sähköpostit?
Hieno kysymys, olemme iloisia, että kysyit. Esteettömyys on tärkeää, koska yleisölläsi on merkitystä – ja sen kanssa yli 3 miljoonaa sähköpostin käyttäjää maailmanlaajuisesti, että yleisö näkee ja kokee rakkaasi sähköpostissa monin eri tavoin. Samalla tavalla kuin eri tilaajat näkevät sähköpostisi eri sähköpostipalveluntarjoajilta (ESP), tilaajat näkevät myös sähköpostisi eri visuaalisilla ominaisuuksilla. Ja ihan kuin suunnittelu Dark Modelle tai Näkymäton tärkeää varmistaa, että myös näillä käyttäjillä on hyvä kokemus sähköpostistasi.
Mitä tulee väriin, on monia näkövammoja, jotka voivat vaikuttaa kokemukseen.
Näkövamman tyypit
On olemassa useita erilaisia näkövammoja, jotka voivat vaikuttaa käyttäjän kykyyn havaita värejä eri tavoin. Tässä on luettelo, joka perustuu tiedot National Eye Institutesta.
- Punavihreä värisokeus, kuten saatat arvata, vaikeuttaa punaisen ja vihreän eron erottamista. Tämä on yleisin värisokeuden tyyppi, ja sitä on neljä erilaista.
- Deuteranomaalia on yleisin, ja se yksinkertaisesti saa vihreän näyttämään punaisemmalta kuin muuten.
- Protanomaalia on päinvastoin – se saa punaisen näyttämään vihreämmältä ja vähemmän kirkkaalta.
- Protanopia ja deuteranopia ovat äärimmäisempiä versioita molemmista yllä olevista. Nämä värisokeuden versiot tarkoittavat, että et pysty erottamaan punaista ja vihreää.
- Sinikeltainen värisokeus on harvinaisempi värisokeuden tyyppi, joka hämärtää sinisen ja vihreän välisen rajan sekä keltaisen ja punaisen välisen rajan. Tätä värisokeutta on kahta eri tyyppiä.
- Tritanomaly on yksinkertaisin tyyppi, ja se tekee vaikeaksi erottaa sinisen ja vihreän sekä keltaisen ja punaisen välillä.
- Tritanopia aiheuttaa sen, että et pysty erottamaan sinistä ja vihreää, violettia ja punaista eroa, ja keltainen ja vaaleanpunainen – sekä saada värit näyttämään vähemmän kirkkailta.
- Täydellinen värisokeus on itse asiassa melko harvinaista. Tämän tyyppinen värisokeus tarkoittaa, että et näe värejä ollenkaan, ja sitä kutsutaan teknisesti akromatopsiaksi.
Kuvan lähde: Wikipedia
Kuten näet tästä luettelosta, on olemassa monia erilaisia tapoja, joilla ihmiset, joilla on eri väri- ja näkökyky, lukevat sähköpostisi. On tärkeää varmistaa, että tavoitat tämän yleisön sisällön ja visuaalisen suunnittelun valinnoilla, jotka välittävät viestisi selkeästi kaikissa skenaarioissa.
Joten… kuinka teemme sen? Lue eteenpäin saadaksesi tietää!
Mitä voin tehdä varmistaakseni, että sähköpostini ovat värisokealaisten saatavilla?
Lyhyin vastaus tähän kysymykseen on käyttää työkalua, joka tarkistaa, miltä sähköpostisi näyttää värisokeudesta kärsivien ihmisten silmissä – mutta voit tehdä myös muita vaiheita. Voisit tarkistaa WCAG-standardit, käytä värikontrastilaajennuksia suunnittelutyökaluissa, kuten Figma, ja/tai käytä muita kolmannen osapuolen työkaluja. Ymmärrämme kuitenkin, että jotkin näistä vaiheista lisäävät aikaa suunnitteluprosessiisi ja yleiseen työnkulkuusi.
Joten viime kädessä kannatamme esteettömyystyökalujen integrointia jo olemassa oleviin ja jo käyttämiisi työkaluihin! Tämä on sekä yksinkertaisempi että parempi tapa ajatella esteettömyyssuunnittelua, olitpa sitten värejä tai muita esteettömyysominaisuuksia ajatellut.
Kolme parasta käytäntöä suunnitteluun värisokeudesta kärsiville tilaajille
Okei, tässä oli paljon sanoja siitä, mitä haluamme saavuttaa suunnittelemalla värisokeutta ja miksi meidän pitäisi tehdä niin. Mutta mikä tärkeintä, miten voimme tehdä sen?
Tässä on kolme parasta käytäntöä suunnitteluun värisokeudesta kärsiville yleisöille.
#1: Tee tekstistä helppo nähdä mitä tahansa taustaa vasten
Ensimmäinen asia, jonka voit tehdä sähköpostisi helpottamiseksi, on tehdä tekstistäsi helppolukuinen mitä tahansa taustaa vasten. (Anteeksi, MySpace-käyttäjät vaaleanpunaisella violetilla sivuillasi.) Korkeakontrastiset tekstin ja taustan väriyhdistelmät toimivat tässä parhaiten, kuten klassinen musta valkoisella tai Dark Mode -tyyli, valkoinen mustalla.
Katsotaanpa esimerkkiä. Tässä on sähköposti, ennen kuin siihen on käytetty suodattimia.
Se on melko yksinkertainen, ja siinä on musta teksti valkoisella taustalla. Lisätään nyt suodatin.
Tältä sama sähköposti saattaa näyttää jollekin, jolla on deuteranopia. Huomaa, kuinka ero punaisen ja vihreän välillä katoaa lähes kokonaan, ja sähköposti näyttää sisältävän enimmäkseen keltaisia ja sinisiä.
Käyttämällä yksinkertaista taustaa ja korkeakontrastista tekstiä olemme kuitenkin varmistaneet, että kaikki teksti pysyy lukijoille, joilla on tämä näkövamma. Ja koska meillä on tämä suodatintyökalu, voimme visuaalisesti tarkistaa kontrastimme varmistaaksemme, että pidämme asiat saatavilla.
#2: Käytä enemmän kuin värejä viestimiseen
Seuraava suuri asia, jonka voimme tehdä suunnitellaksemme värisokeutta, on käyttää muutakin kuin väriä ideoiden välittämiseen. Tämä vaatii hieman ajattelua laatikon ulkopuolella, mutta voi olla tehokas työkalu suunnitteluarsenaalissasi.
”Värien ulkopuolinen ajattelu voi näyttää monelta sähköpostissa. Voit käyttää muotoja, kokoja, symboleja, reunoja, hover-tehosteita, liike-, täyttö- tai viivatehosteita viestien välittämiseen ilman tekstiä tai värejä.” – Hannah Tiner, sähköpostisuunnittelu- ja tuoteasiantuntija, Litmus
Tässä on esimerkki siitä, miltä tämä voisi näyttää. Katsotaanpa ensin tätä sähköpostiviestiä, jossa on erilaisia lähestymistapoja tuotteiden varastotiloihin:
Punainen, keltainen ja vihreä osoittavat liikennevalojärjestelmän avulla, onko jotain varastossa vai ei.
Tässä on sama sähköpostimme kuin yllä, tällä kertaa tritanopia-suodattimella. Näyttää vähän erilaiselta, eikö?
Voimme nähdä kolme iteraatiota viestistä, joka ilmaisee tuotteen varastotilan, mutta kaikkia kolmea ei ole luotu samanarvoisiksi. Kun sähköpostin siniset ja keltaiset värit vähenevät merkittävästi, kunkin kuvakkeen merkitys on selkein, kun muoto -kuvake ilmoittaa tuotteen tilan, ei vain väri kuvakkeesta.
Tämä on loistava esimerkki siitä, kuinka muotoja voidaan käyttää kommunikointiin värien sijaan – tai niiden lisäksi.
#3: Testaa, testaa, testaa
Lopuksi, aivan kuten Dark Modelle suunniteltaessa, testaus on pelin nimi. Koska värisokeudesta on niin monia eri variaatioita, on tärkeää testata sähköpostisi kaikkien niiden suhteen. Jokainen sähköposti voi näyttää monia eri tapoja monille eri silmille!
Lisäksi, koska eri sähköpostiohjelmat voivat sekoittaa värikontrastit, sinun kannattaa testata visuaalisten suodattimien lisäksi myös erilaisia ESP:itä.
Nyt saatat ajatella: “Hienoa, joten minun pitäisi tehdä se, mutta se kuulostaa suurelta työltä”. Älä koskaan pelkää. Meillä on joitain vaihtoehtoja, jotka voivat toimia sinulle riippuen siitä, mitä työkaluja käytät.
Litmus tarjoaa näkövammasuodattimia
Litmus-käyttäjille tarjoamme Näkövammaisten suodattimet ominaisuus Builderissa, esikatselu- ja laadunvarmistusluettelossamme sekä todisteessa. Tämä ominaisuus antaa käyttäjillemme mahdollisuuden tarkastella sähköpostejaan kuten niiden vastaanottajat, joilla on värisokeuteen liittyvä näkövamma. Käyttämällä tätä ominaisuutta voit helposti tarkistaa, että teksti näkyy taustaa vasten, ja tarkistaa värien käytön ESP:issä.
Nämä näkövammaisuussuodattimet on suunniteltu erityisesti tekemään sähköpostisi suunnittelukokemuksestasi kattavan kaikille tilaajillesi.
Luo helppokäyttöisiä sähköposteja värisokeudesta kärsiville tilaajille…
…suunnittelemme aina sähköposteja, joita voidaan tarkastella useilla eri tavoilla laajan valikoiman värintunnistusominaisuuksien avulla. Ja jos tarvitset apua hyvän työkalun löytämiseen, tunnemme joitain ihmisiä.
Miten sinä ja tiimisi suunnittelette esteettömiä sähköposteja? Haluamme nähdä esimerkkejä esteettömyydestä toiminnassa lähetä meille mahdolliset esimerkit! Haluaisimme esitellä ne.
About the Author
