Inklusiivinen suunnittelu saattaa tuntua UX-suunnittelijoiden ja web-kehittäjien alalta, mutta myös sosiaalisen median markkinoijat voivat harjoittaa sitä.

Useat sosiaaliset alustat ovat hiljattain tehneet esteettömyyspäivityksiä. Automaattiset kuvatekstit ovat saatavilla Facebook Live -palvelussa ja Instagramin IGTV:ssä. Twitter perusti esteettömien äänitwiittien käyttöönoton jälkeen kaksi esteettömyystiimiä ja aikoo ottaa automaattiset kuvatekstit käyttöön vuoden 2021 alkuun mennessä. Alt-kuvauksen kuvauskentät ovat nyt saatavilla kaikilla kolmella alustalla sekä LinkedInissä.

Markkinoijien olisi pidettävä näistä päivityksistä tiedottamista velvollisuutenaan. Sosiaalisen median saavutettavuutta ei teknisesti vaadita Web Content and Accessibility Guideline -ohjeiston 2.1:n vaatimustenmukaisuusstandardeissa, mutta sen ei tarvitsekaan olla. Osallistava sosiaalisen median markkinointi on vain hyvää sosiaalisen median markkinointia.

Bonus: Lue vaiheittainen sosiaalisen median strategiaopas, jossa on ammattilaisten vinkkejä sosiaalisen median läsnäolon kasvattamiseen.

Mitä on osallistava suunnittelu?

Osallistavan suunnittelun tavoitteena on tarjota paras käyttökokemus mahdollisimman monelle ihmiselle.

Käytännössä kyse on siirtymisestä pois yhden koon lähestymistavasta, jossa keskitytään niin sanottuihin "keskivertokäyttäjiin". Sen sijaan osallistavassa suunnittelussa huomioidaan monenlaisia käyttäjiä puuttumalla esteisiin ja tarjoamalla ihmisille erilaisia tapoja osallistua.

Normaalia ei ole olemassa. #osallisuus #osallistava #design @MicrosoftDesign pic.twitter.com/xXW468mE5X

- katholmes (@katholmes) March 6, 2017

Inklusiivinen suunnittelu lähtee liikkeelle tunnistamalla harvinaisimmat tai äärimmäiset tarpeet, joita kutsutaan myös ääritapauksiksi tai stressitapauksiksi. Kontekstista riippuen ääritapauksia voivat olla esimerkiksi erot kyvyissä, iässä, sukupuolessa, kielessä ja muissa tekijöissä. Yleismaailmallisessa suunnittelussa sen sijaan pyritään palvelemaan mahdollisimman laajaa ihmis- ja tilannevalikoimaa.

@meyerweb Termi on kuvaava: ääritapaukset määrittelevät sen rajat, mistä/mistä välität.

- Evan Henſleigh (@futuraprime) 25. maaliskuuta 2015

Kun ääritapaukset on tunnistettu, seuraava vaihe on ratkaisun suunnittelu. Microsoftin osallistavan suunnittelun periaatteet tarjoavat hyvät puitteet:

1. Tunnista syrjäytyminen
2. Ratkaise yksi, laajenna moniin, ja
3. Oppia monimuotoisuudesta.

Hyvin usein osallistava suunnittelu hyödyttää kaikkia.

Videoiden kuvatekstit ovat tästä hyvä esimerkki. Ensisijaisesti kuvatekstejä käytetään kuulovammaisten auttamiseen, mutta ne auttavat myös kielenoppijoita ja katsojia, jotka katsovat videota ääni pois päältä. Facebookin tiedot osoittavat, että ääni pois päältä -tilaan suunnitellulla brändisisällöllä oli 48 prosenttia enemmän merkitystä ja 38 prosenttia enemmän kiinnostusta brändiä kohtaan.

Miksi saavutettavuudella on merkitystä sosiaalisessa mediassa

Sosiaalisen median strategia, jossa otetaan huomioon osallistava suunnittelu, tekee samoin. Ilman esteettömyyttä menetät yhteydenoton koko potentiaaliseen yleisöösi.

Ainakin miljardi ihmistä - 15 prosenttia maailman väestöstä - kärsii jonkinlaisesta vammaisuudesta. Luku kasvaa huomattavasti, kun otetaan huomioon tilapäiset ja tilannekohtaiset vammaisuudet. Osallistumaton sisältö ja kokemukset työntävät ihmiset pois. Eikä ole aina helppoa määrittää, milloin näin tapahtuu. Syrjäytyneet verkkosivujen kävijät eivät useinkaan valita: 71 prosenttia vain poistuu.

Vuonna 2018 tehdyssä tutkimuksessa, johon osallistui Facebookin käyttäjiä 50 maassa, todettiin, että yli 30 prosenttia ihmisistä raportoi vaikeuksista ainakin yhdessä seuraavista: näkeminen, kuuleminen, puhuminen, ajatusten järjestäminen, kävely tai käsillä tarttuminen.

Sosiaalisen median helppokäyttöisyys tarkoittaa syrjäytymisen tunnistamista, seuraajilta oppimista ja tiedon esittämistä mahdollisimman selkeällä tavalla. Loppujen lopuksi se on vain hyvää markkinointia.

Googlen äskettäin tekemän tutkimuksen mukaan 64 prosenttia ihmisistä ryhtyi toimiin nähtyään mainoksen, jota he pitivät osallistavana.

9 osallistavaa suunnitteluvinkkiä sosiaalisen median johtajille

1. Tee tekstistä helppokäyttöistä

Selkeä kirjoittaminen tekee tekstistä helpommin lähestyttävää ja ymmärrettävämpää, ja se hyödyttää kaikkia. Näin yksinkertaista se on.

Ennen kuin painat julkaisun painiketta, mieti, miten apuvälineet, kuten ruudunlukijat, lukevat tekstisi. Entä ihmiset, jotka oppivat englantia toisena kielenä? Tai ne, joilla on oppimisvaikeuksia tai jotka tuntevat aiheen vain vähän?

Seuraavassa on muutamia osallistavia tekstin suunnitteluvinkkejä:

• Kirjoita selkokielellä: Vältä jargonia, slangia tai teknisiä termejä, elleivät ne ole tarkoituksenmukaisia. Älä huoli, voit tehdä tämän vaarantamatta brändin ääntä.
• Älä käytä liikaa korkkeja Kokokirjaimia voi olla vaikea lukea ja ruudunlukijat voivat tulkita ne väärin.
• Käytä camel-kirjainta monisanaisten hashtagien kohdalla. . Kirjoita jokaisen sanan ensimmäinen kirjain isolla alkukirjaimella, jotta hashtagit ovat luettavampia ja estävät ruudunlukijan virheet.

PSA...

blacklivesmatter lausutaan ruudunlukuohjelmalla jotakuinkin "blacklives (verbi) smatter".

BlackLivesMatter ilmoitetaan kuten odottaa saattaa: "black lives matter "#SocialMedia #Accessibility

- Jon Gibbins (@dotjay) heinäkuu 9, 2020

• Laita hashtagit ja maininnat loppuun. Ruudunlukijat lukevat välimerkit ääneen. Muista, miten hashtagit tai @-maininnat voivat häiritä kopiointia.
• Vältä sanomasta "klikkaa tästä". Käytä kuvailevia kutsutoimintoja, kuten: Rekisteröidy, Kokeile ilmaiseksi tai Tilaa.
• Rajoita hymiöiden käyttöä. Emojit ja hymiöt (esim. ¯\_(ツ)_/¯ ) luetaan ääneen apuvälineillä, mikä tarkoittaa, että ihmiset kuulevat esimerkiksi sanat "ääneen itkevä naama" tai "kasa kakkaa". Ennen kuin käytät emojia tai hymiöitä, tarkista, miten ne käännetään tekstiksi.
• Käytä sopivaa fonttikokoa. Varmista, että teksti on luettavissa, etenkin jos sitä käytetään kuvissa tai alueilla, joita ei voi muokata.
• Vältä erikoismerkkejä Sen lisäksi, että luettavuus heikkenee, VoiceOver ja muut apuvälineet lukevat erityismuotoiluja hyvin eri tavalla.

Sinä 𝘵𝘩𝘪𝘯𝘬 se on 𝒸𝓊𝓉ℯ 𝘄𝗿𝗶𝘁𝗲 twiittejäsi ja käyttäjätunnuksiasi 𝖙𝖍𝖎𝖘 𝖜𝖆𝖞. Mutta oletko 𝙡𝙞𝙨𝙩𝙚𝙣𝙚𝙙 siihen, mitä se 𝘴𝘰𝘶𝘯𝘥𝘴 𝘭𝘪𝘬𝘦 avustavia teknologioita kuten 𝓥𝓸𝓲𝓬𝓮𝓞𝓿𝓮𝓻? pic.twitter.com/CywCf1b3Lm

- Kent C. Dodds 🚀 (@kentcdodds) tammikuu 9, 2019

• Rajoita rivin pituutta . Liian pitkät rivit voivat haitata luettavuutta ja muistiin jäämistä.
• Käytä osallistavaa kieltä Vältä ablistista kieltä, käytä sukupuolineutraaleja pronomineja ja termejä, jaa erilaisia ääniä ja hymiöitä ja arvioi tekstiä sen varalta, että se sisältää oletuksia rajoitetuista näkökulmista.

//www.instagram.com/p/CE4mZvTAonb/

2. Tarjoa kuvailevia kuvatekstejä.

Kuvailevat kuvatekstit ja vaihtoehtoinen teksti (tunnetaan myös nimellä alt-teksti) antavat ihmisille mahdollisuuden visualisoida kuvia, kun he eivät näe niitä. WebAIM:n, joka on voittoa tavoittelematon järjestö, jonka alaisuudessa toimii Center for Persons with Disabilities, mukaan puuttuva tai tehoton alt-teksti on ongelmallisin verkkopalvelun esteettömyyteen liittyvä näkökohta.

Useat sosiaalisen median alustat käyttävät esineiden tunnistustekniikkaa automaattisen vaihtoehtoisen tekstin tarjoamiseen. Sen luotettavuudella on tietysti rajansa. On aina parempi lisätä oma kuvaus, kun se on mahdollista.

Facebookissa, Twitterissä, Instagramissa ja LinkedInissä on omat kentät, joihin voit lisätä kuvien ja GIF-kuvien alt-tekstin (voit lisätä alt-tekstin myös SMMExpertin avulla). Jos alt-tekstin lisääminen ei ole mahdollista, lisää kuvailevat kuvatekstit.

Jos olet kyllästynyt siihen, että pyydän ihmisiä kuvailemaan kuviaan, kuvittele, kuinka kyllästynyt olen:

1. saman asian kirjoittaminen yhä uudelleen ja uudelleen.

2. Selaa tätä sovellusta ja mieti, mikä tuossa kuvassa on niin hauskaa/järkyttävää/tärkeää.

- Holly Scott-Gardner (@CatchTheseWords) syyskuu 25, 2020

Vinkkejä kuvaavan alt-tekstin kirjoittamiseen:

• Välitä sisältö : "Kuva kaavion kuvasta" ja esimerkiksi "Pylväsdiagrammi osoittaa, että metsäpalojen määrä on kasvanut vuosittain, ja tänä vuonna se on ollut korkeimmillaan 100 paloa" välillä on valtava ero.
• Ohita sanat "kuva" tai "valokuva". " Royal National Institute of Blind People sanoo, että useimmat ruudunlukijat haluavat, että et käytä.
• Mainitse väri jos se on tärkeää kuvan ymmärtämisen kannalta.
• Jaa huumoria Kuvailevan tekstin ei tarvitse olla liian muodollista, ja sen on tehtävä parhaansa ilmaistakseen, mikä on hauskaa.
• Kirjoita tekstiä . Jos kuvassa on sen merkityksen kannalta keskeistä tekstiä, muista sisällyttää se kuvaukseen.
• Opi parhaalta : WebAIM tarjoaa vinkkejä ja useita esimerkkejä, ja copywriter Ashley Bischoffin esitys on erittäin hyödyllinen.
• Älä unohda GIF-kuvia . Twitter teki hiljattain alt-tekstin vaihtoehdoksi GIF-kuville. Jos alusta ei tue alt-tekstiä, sisällytä kuvaus toimintoon.

yleensä ei tarvitse sanoa "kuva" tai "valokuva", vaan kuvaile vain, mitä kuva välittää - mitä käyttäjän on tarkoitus saada kuvan näkemisestä. Esimerkkejä:

- Robot Hugs (@RobotHugsComic) tammikuu 5, 2018

3. Sisällytä videotekstit

Suljetut kuvatekstit ovat ratkaisevan tärkeitä katsojille, joilla on kuulovamma. Ne parantavat katselukokemusta myös niille, jotka katsovat ohjelmia muulla kuin äidinkielellään tai jotka katsovat ohjelmia äänettömissä ympäristöissä. Kuvateksteistä on hyötyä jopa lapsille, jotka opettelevat lukemaan.

😳😳😳😂 kiitos @AOC!!!!!!

Olen oppinut teiltä niin paljon kuvatekstienne ansiosta. Kiitos, että osallistatte 466 miljoonaa kuuroa ihmistä! //t.co/792GZFpYtR

- Nyle DiMarco (@NyleDiMarco) maaliskuu 28, 2019

Facebookin sisäisissä testeissä havaittiin, että videomainokset, joissa on kuvatekstit, lisäävät katseluaikaa keskimäärin 12 prosenttia. Kuvatekstit auttavat myös muistamisessa. Useat tutkimukset ovat osoittaneet, että ihmiset, jotka katsovat videoita, joissa on kuvatekstit, muistavat sisällön todennäköisemmin.

Facebook : Luo kuvatekstit automaattisesti, kirjoita ne itse tai lataa SubRip-tiedosto (.srt). Automaattinen tekstitys on käytettävissä myös Facebook Liveen ja Workplace Liveen.

YouTube : Luo kuvatekstit automaattisesti, kirjoita ne puhtaaksi tai lataa tuettu tiedosto. Virheet voidaan korjata kuvatekstieditorilla. Automaattiset kuvatekstit ovat saatavilla englanniksi YouTube Live -palvelussa. Yhteisön kuvatekstit, jonka avulla tilit saattoivat lähettää kuvatekstejä ja käännöksiä joukkorahoituksella, on lakkautettu.

Instagram : Automaattinen kuvateksti on nyt saatavilla IGTV Liveen ja IGTV:hen. Muussa tapauksessa videotekstit on poltettava tai koodattava etukäteen. Lisää kuvatekstejä Instagram-tarinoihin sekä TikTok- ja Snapchat-videoihin mukautetulla tekstillä. Cliptomatic auttaa tässä.

Twitter : Lataa .srt-tiedosto videon mukana. Twitter pyrkii myös lisäämään automaattiset kuvatekstit videoihin ja ääniin vuoden 2021 alkuun mennessä.

LinkedIn : Lataa .srt-tiedosto videon mukana.

Jos alt-tekstikenttiä ei ole käytettävissä, lisää kuvaus kuvatekstiin. Ne muotoillaan yleensä seuraavasti: Kuvan kuvaus: [kuvan kuvaus].

PS: SMMExpertin avulla voit ladata tekstitystiedostoja sosiaalisten videoiden rinnalle Composessa, joten voit helposti julkaista videoita, joissa on kuvatekstit.

Suljetun tekstityksen lisäksi tässä on muutamia muita asioita, joilla voit luoda erittäin katsottavia hiljaisia videoita sosiaaliseen mediaan.

4. Lisää videon kuvaukset

Toisin kuin kuvateksteissä, jotka ovat yleensä puhtaaksikirjoituksia puhutusta vuoropuhelusta, kuvaileva kieli ilmaisee tärkeitä näkymiä ja ääniä, joita ei puhuta. Kuvittele, miten merkkikorttikohtaus elokuvassa Todellinen rakkaus sokealle katsojalle. Tai katsomalla kohtausta vuonna Taistelukerho jossa Edward Nortonin hahmo hakkaa itseään.

Haastan sinut nauttimaan TV-ohjelmasta äänikuvauksen avulla. Uppoudu äänimaailmaan ja koe TV-ohjelma tai elokuva #SightLoss-näkökulmasta, et voi koskaan tietää, että saattaisit saada siitä paljon irti. @sibbymeade @guidedogs @seandilleyNEWS @TPTgeneral pic.twitter.com/oMSjE7nduv

- Martin Ralfe - Opaskoirat (@MartinRalfe_GDs) 14. syyskuuta 2020

Kuvauksia voidaan antaa muutamalla eri tavalla:

• Kuvaileva ääni Kuvattu video on videon tärkeiden ei-verbaalisten elementtien selostettu kuvaus. Tämä kappale kirjoitetaan ja nauhoitetaan siten, että se sopii tärkeiden äänielementtien väleihin. Sosiaalisessa mediassa kuvattu video on yleensä "sisäänrakennettu", eikä sitä voi kytkeä pois päältä.
• Kuvaileva transkriptio Joskus kutsutaan vaihtoehtoiseksi mediapöytäkirjaksi, ja näissä pöytäkirjoissa on dialogin ohella kuvauksia, aivan kuten käsikirjoituksessa.
• Live kuvattu video Livevideojuontajien tulisi tuntea kuvailevat videotekniikat, joissa kuvaillaan taukoja pitämällä, mitä ruudulla tapahtuu. Accessible Media Inc:llä on hyvä parhaita käytäntöjä koskeva opas.

5. Käytä värikontrastia vähintään 4,5:1.

Värikontrasti on tärkeää värisokeille tai jopa niille, jotka ovat siirtyneet harmaasävyihin torjuakseen punaisen ilmoituksen tuottaman dopamiinin, sillä värikontrasti on tärkeä.

Ihanteellinen kontrasti tekstin värin ja taustan välillä olisi WCAG:n suosituksen mukaan vähintään 4,5:1. Suuremmassa tekstissä tämä suhde pienenee, mutta pienemmässä tekstissä se kasvaa. Vaihtelut saattavat vaikuttaa hienovaraisilta, mutta niillä on suuri merkitys eri katsojille.

• Vältä vihreän ja punaisen tai sinisen ja keltaisen yhdistelmiä, sillä niitä on vaikea lukea.
• Tekstiä voi olla vaikea lukea kuvista, joten kannattaa harkita kiinteän taustan tai läpinäkymättömän päällyslevyn käyttöä.
• Harkitse myös kuvioiden ja kaavioiden käyttämistä tietojen erottelemiseksi toisistaan.

Lähde: Facebook-suunnittelu

6. Älä luota värien merkityssisältöön.

Ainakin 2,2 miljardilla ihmisellä maailmassa on jonkinlainen näkövamma, kuten värisokeus, heikkonäköisyys, lähinäkö ja sokeus. Facebookin värimaailma on sininen, koska sen perustaja Mark Zuckerberg on punavihreä värisokea.

Väri voi myös merkitä eri asioita eri kulttuureissa. Esimerkiksi punainen voi merkitä laskevaa suuntausta Yhdysvaltojen rahoituskaavioissa, mutta Kiinassa punainen on positiivinen.

• Visualisoi linkit . Lisää alleviivaus tai leijutusanimaatio osoittaaksesi, että hyperlinkkitekstiä voi klikata. Nielsen Norman Groupilla on hyödyllisiä ohjeita linkkien visualisointiin.
• Käytä symboleja Käytä kaavioissa tai infografiikoissa symboleja tai kuvioita värien vaihtoehtona tai lisänä. Tai lisää selventäviä merkintöjä.

  Bonus: Lue vaiheittainen sosiaalisen median strategiaopas, jossa on ammattilaisten vinkkejä sosiaalisen median läsnäolon kasvattamiseen.

  Hanki ilmainen opas heti!

Nick Lewis Designin jakama viesti (@nicklewisdesign)

7. Pysy ajan tasalla saavutettavuusvälineistä

Joillakin alustoilla on virallisia tilejä, jotka on omistettu esteettömyydelle. Jos olet sosiaalisen median johtaja tai markkinoija, muista seurata näitä tilejä pysyäksesi ajan tasalla. Tiedä, mitä vaihtoehtoja on tarjolla, jotta voit auttaa yhteisösi jäseniä, jos he tarvitsevat apuasi.

Facebook:

• Facebookin saavutettavuussivu
• Facebookin saavutettavuus Twitterissä
• Facebookin navigointiavustaja
• Facebookin saavutettavuusohjeet
• Lähetä palautetta Facebookin saavutettavuudesta ja avustavasta teknologiasta

Twitter:

• Twitter Accessibility -tili
• Twitter Able-tili
• Twitter Together-tili
• Twitter Turvallisuustili
• Jaa palautetta saavutettavuudesta ja muista asioista

YouTube:

• YouTuben saavutettavuusasetukset
• YouTuben käyttäminen ruudunlukijan kanssa
• YouTube-tuki

Pinterest:

• Emotionaalisen terveyden resurssit
• Pinterest-apukeskus

LinkedIn:

• LinkedIn Disability Answer Desk

Seuraa vammaisten oikeuksien puolestapuhujia, kuten Alice Wongia, The Black Disability Collective, saadaksesi näkökulmaa ja ymmärrystä. Osallistu keskusteluihin sosiaalisessa mediassa hashtageilla #a11y #DisabilitySolidarity ja muilla löytämilläsi hashtageilla.

8. Myönteisen osallisuuden edistäminen

Hyödyllisyys ei ole ainoa osallisuuden mittari, vaan myös edustuksella on merkitystä.

Tarvitsetteko todisteita? Katsokaa Scully-ilmiötä. X-tiedostot pitävät agentti Scullya myönteisenä roolimallina, he arvostavat ja opiskelevat todennäköisemmin STEM:iä sarjan katsomisen jälkeen.

Sen jälkeen, kun Musta Pantteri ensi-ilta, Twitter räjähti #WhatBlackPantherMeansToMe twiiteistä.

Haluaisin todella mielelläni ketjun, jossa mustat lapset ovat Black Panther -asuissa, jotta muistettaisiin ja juhlistettaisiin #ChadwickBosemania 💔.

- derecka (@dereckapurnell) elokuu 29, 2020

Markkinoinnin perusperiaatteisiin kuuluu, että brändien tulisi luoda sisältöä, joka puhuttelee yleisöään. Liian usein brändit kuitenkin yliedustavat kuvissaan nuoria, valkoisia, heteroita, täysivaltaisia, cis-sukupuolisia miehiä.

Vuonna 2019 mieshahmoja oli mainoksissa kaksi kertaa enemmän kuin naishahmoja.

Vammaisten osuus vuoden 2019 mainosten hahmoista on vain 2,2 prosenttia.

Pohdi myös roolijakoa ja -kuvausta. Siivoavatko aina naiset? Onko romanssi aina heteroseksuaalista? Ennen kuin julkaiset kuvia sosiaalisessa mediassa, varmista, että ne eivät edistä rasistisia, seksistisiä, ikärasistisia, homofobisia tai muita stereotypioita.

Julkaisun on jakanut Osmosis (@osmosismed)

Syötteesi tulisi olla yhtä monimuotoinen kuin yleisösi - tai kuin ihmiset, joiden haluaisit liittyvän yleisöösi. Esittele monimuotoisuutta visuaalisella ilmeelläsi, kumppanuuksilla ja yhteistyöllä. Ja kun teet niin, ole valmis tarjoamaan tukea. Se tarkoittaa, että sinun on tultava paikalle, kun trollit tulevat.

Lue oppaamme aidosta sosiaalisen median aktivismista.

9. Toivota palaute tervetulleeksi ja ota se vastaan

On harvinaista, että kaikki onnistuu heti ensimmäisellä yrityksellä, ja siksi on tärkeää olla avoin palautteelle ja myöntää virheet, kun niitä tekee.

Olemme pahoillamme siitä, että olemme testanneet Voice Tweetsiä ilman tukea näkövammaisille, kuuroille tai huonokuuloisille henkilöille. Tämä kokeilu oli virhe ottaa käyttöön ilman tätä tukea.

Esteettömyys ei saa olla jälkiviisas ajatus. (1/3) //t.co/9GRWaHU6fR

- Twitter-tuki (@TwitterSupport) 19. kesäkuuta, 2020

Helpota turvallista ja myönteistä vuoropuhelua yhteisön kanssa. Anna yhteystietoja, palautelomake tai kehote, jossa kerrotaan, missä yleisö voi jakaa ajatuksiaan. Kuten Googlen vanhempi vuorovaikutussuunnittelija Kara Gates sanoo: "Jos haluat muuttaa maailmaa, sinun on otettava se mukaan."

Suunnittele testausta ja iterointia usein. Hyödynnä Color Oraclen kaltaisia työkaluja värisokeuden simuloimiseksi. Lue alt-teksti ääneen - tai vielä parempi, käytä ruudunlukijaa tai muunlaista avustavaa teknologiaa sisällön testaamiseen. Alla on täydellinen luettelo hyödyllisistä työkaluista.

Sosiaalisen median saavutettavuusvälineet

WAVE Selaimen laajennukset

Web Accessibility Evaluation -laajennuksia voidaan käyttää Chromessa ja Firefoxissa verkkosivuston ja sen sisällön esteettömyyden arviointiin.

Hemmingway Editor

Varmista tekstisi luettavuus Hemmingway Editorin avulla. Tavoittele arvosanaa 8 tai alempaa, jotta se täyttää WCAG-standardit. Toinen vaihtoehto on luettavuustestityökalu.

Microsoft Accessibility Checker

Microsoftilla on sisäänrakennettu esteettömyystyökalu, joka on käytettävissä Outlookissa, Excelissä ja Wordissa. Microsoftin Inclusive Design Manual tarjoaa myös videoita ja ladattavia esitteitä osallistavaan suunnitteluun liittyvistä aiheista.

Thread Reader App

Tämä Twitter-robotti rullaa keskusteluketjuja alustalla, jotta ihmiset voivat lukea niitä helpommin. Jos haluat pyytää sovellusta, merkitse se ja kirjoita "unroll" vastaukseksi kyseiseen viestiketjuun.

Kuvan Alt-teksti ja Alt-tekstin lukija

Merkitse @ImageAltText tai @Get_AltText vastauksena kuvan sisältävään twiittiin käynnistääksesi nämä Twitter-robotit. Jos ne ovat käytettävissä, ne vastaavat alt-tekstillä.

Cliptomatic

Lisää kuvatekstejä automaattisesti Instagram-tarinoihin, TikTok-videoihin ja Snaps-kuviin Cliptomaticin avulla.

Kontrasti-sovellus

Jos käytät Mac-tietokonetta, Contrast-sovellus on WCAG-yhteensopiva kontrastin tarkistusohjelma. Mukava ominaisuus tässä sovelluksessa on se, että sen avulla suunnittelijat voivat tarkistaa kontrastipistemääränsä samalla, kun he valitsevat värejä. Tämän sovelluksen tekijät tarjoavat jopa oppaan, joka yksinkertaistaa WCAG-standardeja.

Kontrastin tarkistusohjelma

Contrast Checkerin avulla voit raahata ja pudottaa tietyn kuvan kontrastin tarkistamista varten, mikä on hyvä tehdä ennen kuin lataat sisältöä sosiaaliseen mediaan.

Color Oracle

Voit varmistaa, ettet käytä pelkkää väriä tiedon välittämiseen, käyttämällä ilmaista värisokeussimulaattoria. Avoimen lähdekoodin työkalu on saatavilla Windows-, Mac- ja Linux-käyttöjärjestelmiin.

Color Safe

Käytä Color Safe -ohjelmaa, jos tarvitset apua riittävän kontrastisen ja WCAG-ohjeiden mukaisen väripaletin löytämisessä.

Teksti taustakuvassa a11y check

Tämä tekstin ja kuvan välinen saavutettavuustyökalu auttaa määrittämään, kuinka luettavaa teksti on värikontrastin perusteella. Facebookin Image Text Check -työkalun avulla voit määrittää, onko kuvassasi liikaa tekstiä.

YouDescribe

Smith-Kettlewell Eye Research Instituten YouDescribe antaa vapaaehtoisille mahdollisuuden luoda kuvailevaa ääntä YouTube-videoihin. Kopioi ja liitä YouTuben url-osoite hakukenttään ja klikkaa Create/Edit Descriptions (Luo/muokkaa kuvauksia), niin pääset alkuun.

67 prosenttia Kokoelma

Osana #SeeThe67 percent -kampanjaansa Refinery29 teki yhteistyötä Getty Imagesin kanssa tarjotakseen kuvia, joissa esiintyy ylipainoisia naisia. Katso myös No Apologies -kokoelma, joka on jatkoa yhteistyölle. Myös Dove teki yhteistyötä Gettyn kanssa kauneusihanteiden murtamiseksi Show Us -mallistolla.

Sukupuolispektrikokoelma

Vice rohkaisee mediaa menemään "binäärisyyden tuolle puolen" tällä valokuvakokoelmalla.

Vammaiskokoelma

Global Accessibility Awareness Day, Getty Images, Verizon Media ja National Disability Leadership Alliance (NDLA) yhdistävät voimansa kuvatakseen vammaisuutta tämän kuvaston avulla. The Brewers Collective on myös luonut kuvastoja Unsplashin ja Pexelsin kanssa.

Disrupt Aging Collection

Tässä AARP:n ja Gettyn luomassa kokoelmassa on yli 1 400 kuvaa, jotka torjuvat ikärasistisia ennakkoluuloja.

Aegisub

Aegisub on ilmainen avoimen lähdekoodin työkalu tekstitysten luomiseen ja muokkaamiseen. Voit käyttää tätä työkalua myös videoiden transkriptien luomiseen.

Mentionolytics

Seuraa tuotemerkkisi mainintoja sosiaalisessa mediassa ja verkossa Mentionolyticsin avulla. Tämä työkalu on hyvä tapa näyttäytyä ja vastata kysymyksiin ja palautteeseen riippumatta siitä, onko sinut mainittu @-maininnalla vai ei.

Verkkosisällön saavutettavuusohjeet (WCAG) 2.1.

Nämä suositukset asettavat alan standardit esteettömille verkko- ja sosiaalisen median kokemuksille.

Vox-tuotteiden saavutettavuusohjeet

Nämä ohjeet tarjoavat interaktiivisen tarkistuslistan suunnittelijoille, toimittajille, insinööreille ja muille.

Hallinnoi kaikkia sosiaalisen median kanavia yhdeltä kojelaudalta SMMExpertin avulla. Aikatauluta ja julkaise helposti kaikki inklusiivisesti suunnitellut sosiaalisen median viestit, keskustele seuraajiesi kanssa ja seuraa ponnistelujesi onnistumista. Kokeile sitä ilmaiseksi jo tänään.

Aloita