optimális színek az olvashatóság javításához diszlexiában szenvedők számára

Wai R&D szimpóziumok “szöveg Testreszabás Home “Proceedings” ez a cikk.

ez a cikk hozzájárul a szöveg testreszabásához az olvashatóság online Szimpóziumához. Nem a W3C Web Accessibility Initiative (Wai) fejlesztette ki, és nem feltétlenül képviseli a W3C személyzetének, résztvevőinek vagy tagjainak konszenzusos nézetét.

• Luz Rello. Pompeu Fabra Egyetem, [email protected]
• Ricardo Baeza-Yates. Jehu! Kutatás & Universitat Pompeu Fabra, rbaeza@acm.

probléma leírása

ebben a tanulmányban azt elemezzük, hogy a szöveg testreszabásának, a szövegnek és a háttérszíneknek egy adott aspektusa hogyan javíthatja a diszlexiás emberek olvashatóságát. Felhasználói tanulmányunk kétféle adatot, kvantitatív (felhasználói teljesítmény) és kvalitatív (felhasználói preferenciák) összehasonlít, figyelembe véve a korábbi ajánlásokat és a WCAG 2.0 által előírt színvilágossági arányt. (W3C, 2008).

háttér

a színek olvashatóságban betöltött szerepét széles körben megvitatták a diszlexiával, az olvasási fogyatékossággal kapcsolatban, amely az angol nyelv 10-17, 5%-ában, a spanyol nyelvű népesség 7,5-11,8% – ában fordul elő (Rello and Baeza-Yates, 2012). Az Internet olvasásakor azonban a rossz színű szöveg az egyik legfontosabb probléma, amellyel a diszlexiában szenvedők szembesülnek (McCarthy and Swierenga, 2010).

korábbi felhasználói tanulmányok kimutatták, hogy a szöveg és a háttér színei hasznosak lehetnek a képernyőn való olvasáshoz (Gregor and Newell 2000; Rello, Baeza-Yates és Kanvinde, 2012). Ezenkívül a szöveg testreszabási javaslatai nagyjából egyetértenek abban, hogy a diszlexiában szenvedők általában az alacsonyabb fényerő-és színkülönbségeket részesítik előnyben a szöveg és a háttér között az átlagos olvasóhoz képest (Bradford, 2011; Pedley 2006; British Dyslexia Association, 2012). A preferencia és a W3C által előírt minimális színfényarány közötti összefüggést azonban nem vizsgálták.

tanulmányunkban empirikusan teszteljük a korábbi ajánlásokat, és összehasonlítjuk őket a W3C algoritmussal és a kontrollcsoport standard leolvasásával.

megközelítés

megközelítésünk elválasztja a Hozzáférhetőségi igényeket és a személyes preferenciákat, amelyek gyakran keverednek a színekre és az olvashatóságra vonatkozó ajánlásokban. Ezért tesztjeink két részből álltak: (a) egy sor szöveg, amelyet szemkövetéssel kell elolvasni az olvasási teljesítmény tanulmányozásához, és (b) egy kérdőív a felhasználói preferenciák összegyűjtésére. Ezzel a módszertannal megkülönböztetjük a szöveg testreszabásának szempontjait, amelyek lehetővé teszik a diszlexiás olvasók számára, hogy hatékonyabban olvassanak, valamint opcionális javaslatokat a preferenciáikra vonatkozóan. Minden tesztet 23 diszlexiás résztvevő (Rello, Baeza-Yates and Kanvinde, 2012) és 92 diszlexiás résztvevő (Rello and Marcos, 2012) végzett.

a színpárok kiválasztásánál figyelembe vettük: (a) A korábbi szakirodalmat, (b) az ajánlásokat, (c) a weben való gyakoriságukat és (d) A fényesség kontrasztarányukat. A vizsgált színpárokat az 1. táblázat tartalmazza.

szöveg és háttérszín	színkülönbség	fényerő különbség
fekete (000000) & fehér (FFFFFF)	765	255
fekete (000000) & sárga (FFFF00)	510	226
fekete (000000) & krém (FAFAC8)	700	244
törtfekete (0a0a0a) & törtfehér (FFFFE5)	735	245
kék (00007d) & fehér (FFFFFF)>	640	241
sötétbarna (1e1e00) & Világoszöld (B9B900)>	310	137
barna (282800) & sötétzöld (a0a000)>	240	107
kék (00007D) & sárga (FFFF00)	635	212

1. táblázat: szín-és fényerő-különbség a szöveg-és háttérszínpároknál. A színek RGB kódjait zárójelben mutatjuk be, és a cellaszöveghez és a háttérhez használjuk.

a fekete & fehér és a kék & fehér párokat azért választották, mert ezek a leggyakrabban használt Párok. A törtfekete & törtfehér színt választottuk, mert a diszlexiában szenvedők számára ajánlott a webes Akadálymentesség (Bradford, 2011). A barna & sötétzöld és a kék & sárga párokat azért vonták be a vizsgálatba, mert korábbi kísérletekben diszlexiás emberek választották őket (Gregor et al., 2003; Gregor és Newell, 2000). Azért választottuk a fekete & krémet, mert a British Dyslexia Association használja— és ajánlja-a weboldalukon, és a fekete & sárga színt választottuk a magas kontraszt miatt.

mivel a barna & sötétzöld pár alacsonyabb színkontraszttal rendelkezik, mint amit a WCAG 2.0 megkövetel, létrehoztunk egy sötétbarna & világoszöld színt, ugyanolyan színárnyalattal, de a W3C algoritmust követve összehasonlítottuk mindkét színpárt.

mindegyik színpárt véletlenszerű sorrendben mutattuk be, különböző összehasonlítható szövegeket tartalmazva. A szövegek hossza azonos (22 szótag), ugyanahhoz a műfajhoz tartoznak, azonos a metrikájuk és a ritmusuk. Sans serif arial (Al-Wabil, Zaphiris and Wilson, 2006), 20 pontméret, indokolatlan szöveg (Pedley, 2006) és azonos sor/szó/karakter távolság.

a szövegeket bemutatták a résztvevőknek, hogy csendben olvassák fel őket, miközben a szemkövető rögzítette őket. Ezután a résztvevő kitöltött egy kérdőívet a színekkel és olvashatóságukkal kapcsolatos személyes preferenciáiról. A résztvevők megpróbáltak jelentést kivonni a szövegből, mert megértési kérdésekre számítottak, bár a kérdőívek csak a preferenciáikról szóltak.

kihívások

módszertanunkban három hiányosság van, amelyekkel a jövőbeni kísérletek során foglalkozni fogunk. Először a színpárokat véletlenszerű sorrendben mutatták be, de nem ellensúlyozott sorrendben. Ezért nem lehetünk biztosak abban, hogy az eredmények egy részét befolyásolhatja-e a szöveges töredék helyzete a képernyőn, és hogy a preferenciaadatok torzulnak-e a sorrendhatások miatt. Másodszor, a szövegek túl kicsik ahhoz, hogy határozott következtetéseket vonjanak le. Harmadszor, a szövegeket egyedül mutatták be a képernyőn, így nem tudjuk megjósolni a színhatást más olvasási kontextusokban, például a Webböngészésben.

eredmények

az 1.ábrán láthatjuk a felhasználói teljesítmény és preferenciák összehasonlítását a diszlexiás és nem diszlexiás emberek különböző színértékei között. A teljesítményt olvasási időben mérjük (a rögzítés időtartamának átlaga másodpercben), a preferenciákat pedig a résztvevők választási százaléka képviseli. A rövidebb rögzítéseket részesítik előnyben a hosszabbak helyett, mert a korábbi tanulmányok (Just and Carpenter, 1980) szerint az olvasók hosszabb rögzítéseket végeznek azokon a pontokon, ahol a feldolgozási terhelés nagyobb.

a legnagyobb különbség a csoportok között a fekete & fehér párban van: míg a diszlexia nélküli emberek többsége inkább (32,67%), a diszlexiában szenvedő résztvevőknek csak 13,64% – a választotta a fekete szöveget fehér alapon.

A diszlexia nélküli résztvevők inkább a nagyobb szín-és fényerő-kontrasztú színpárokat részesítik előnyben, míg a diszlexiás emberek gyorsabban olvasnak, ha a színpárok alacsonyabb kontrasztúak. Például az a színpár, amelyet a diszlexiás résztvevők a leggyorsabban olvastak, fekete volt & krém (a rögzítés időtartamának átlaga 0,214), míg a sárga háttér feletti fekete szöveg mutatja a legnagyobb rögzítési időtartam átlagát (0,239 másodperc). Bár az off-black & off-white pár a diszlexiások Webdesignjában ajánlott (Bradford, 2011), a diszlexiás felhasználók egyike sem választotta. Ez a pár mutatja a legmagasabb rögzítési időtartamot a diszlexia nélküli résztvevők számára (0,193 másodperc).

1. ábra: rögzítési időtartam (ok) és felhasználói preferenciák (%) diszlexiás és nem diszlexiás betegek esetében (részletes leírás a cikk végén található).

a W3C algoritmus azt javasolja, hogy a fényerő-különbségek ne legyenek kevesebbek, mint 125, a színkülönbségek pedig kisebbek, mint 500. Eredményeink összhangban vannak ezzel a küszöbértékkel, mivel az egyetlen olyan pár, amely nem felelt meg a W3C algoritmusnak (barna & sötétzöld), mindkét csoportban magas rögzítési időtartamot mutatott (a második és a harmadik legmagasabb a diszlexiával nem rendelkező, illetve a diszlexiával nem rendelkező embereknél), és szintén alig választották ki a résztvevők (4,55% a diszlexiával nem rendelkező résztvevőknél és 0,99% a diszlexiás résztvevőknél). Meglepő módon a sötétbarna & világos zöld pár, amely nagyon hasonló a színárnyalat szempontjából, de különbözik a barna & sötétzöldtől a fényesség és a színkontraszt szempontjából, a legalacsonyabb és a második legalacsonyabb rögzítési időtartamot mutatja a diszlexiás és diszlexia nélküli embereknél.

eredményeink azt sugallják, hogy a szöveg testreszabási preferenciáit ki kell egészíteni a tényleges olvasási teljesítmény mennyiségi adataival, mivel nem találtunk összefüggést az olvasási teljesítmény és a felhasználók személyes választása között. A színeket az interfész fejlesztőinek figyelembe kell venniük. Még akkor is, ha a diszlexiás emberek gyorsabban olvasnak alacsonyabb színkontrasztokkal, mint a kontrollcsoport, ezek nem alacsonyabbak, mint a W3C algoritmus.

jövőbeli kutatások

a folyamatban lévő kísérletek a 4.szakaszban bemutatott kihívásokkal foglalkoznak. Jelenleg több tesztet végzünk több résztvevővel. Ezek a tesztek magukban foglalják (1) A szövegek helyzetének további randomizálását, (2) hosszabb szövegeket és (3) a szövegek beillesztését a weben gyakori olvasási kontextusokba, például a Wikipedia elrendezésébe.

Köszönetnyilvánítás

szeretnénk megköszönni Shadi Abou-Zahra (W3C) értékes észrevételeit és visszajelzéseit erről a kutatásról. Hálásak vagyunk továbbá Mari-Carmen Marcosnak (Universitat Pompeu Fabra) a szemkövetővel kapcsolatos segítségéért, Joaquim Llisterri-nek (Universidad aut Ons) a kísérletek bejelentésének szakértők közötti terjesztéséért, valamint a kísérleteket végző összes önkéntesnek és diszlexiás embernek.

1. Al-Wabil, A., Zaphiris, P. & Wilson, S. (2007), web navigáció diszlexiás egyének számára: feltáró tanulmány’, Univerzális hozzáférés az emberi számítógépes interakcióban. Megküzdés a sokféleséggel 593-602.
2. Bradford, J. (2012) weboldalak tervezése diszlexiás olvasók számára. Elérhető: http://www.dyslexia-parent.com/mag35.html. Utolsó hozzáférés 20 szeptember 2012.
3. Brit Diszlexia Egyesület. (2012) diszlexia stílus útmutató. Elérhető: http://www.bdadyslexia.org.uk/. Utolsó hozzáférés 20 szeptember 2012.
4. Gregor, P., Dickinson, A., Macaffer, A. & Andreasen, P. (2003), ‘Seeword személyes szövegszerkesztő környezet a diszlexiás számítógép-felhasználók számára’, British Journal of Educational Technology 34(3), 341-355.
5. Gregor, P. & Newell, A. F. (2000), empirikus vizsgálat arról, hogy egyes diszlexiások által tapasztalt problémák miként enyhíthetők számítógépes technikák alkalmazásával, a negyedik nemzetközi ACM Konferencia a segítő technológiákról, ASSETS 2000, ACM, New York, NY, USA, 85-91.
6. Just, M. & Carpenter, P. (1980), ‘az olvasás elmélete: a szem rögzítésétől a megértésig’, pszichológiai szemle 87, 329-354.
7. McCarthy, je & Swierenga, SJ (2010), ‘ Mit tudunk a diszlexiáról és a webes akadálymentességről: kutatási áttekintés’, egyetemes hozzáférés az információs társadalomban 9, 147-152.
8. Pedley, M. (2006), ‘diszlexiások tervezése: 3.rész 3’. Elérhető: http://accessites.org/site/2006/11/designing-for-dyslexics-part-3-of-3. Utolsó hozzáférés 20 szeptember 2012.
9. Rello, L. & Baeza-Yates, R. (2012b), ‘the presence of english and spanish dyslexia in the web’, New Review of Hypermedia and Multimedia, 1-28.
10. Rello, L., Kanvinde, G. & Baeza-Yates, R. (2012), Layout guidelines for web text and a web service to improvement accessibility for diszlexiás, in nemzetközi tudományközi Konferencia a webes Akadálymentességről (W4A 2012), ACM Press, Lyon, Franciaország.
11. Rello, L. & Marcos, M. (2012), szemkövető tanulmány a szöveg testreszabásáról a felhasználói teljesítmény és preferenciák érdekében, a Latin-amerikai Webkongresszus 8.kiadásában (LA-WEB 2012), IEEE Press, Cartagena, Kolumbia.
12. World Wide Web Consortium (2008) Web Content Accessibility Guidelines (WCAG) 2.0. Elérhető: http://www.w3.org/TR/WCAG/ utolsó hozzáférés 20 október 2012.

Függelék: Az 1.ábra leírása

a rögzítés időtartamának értékei másodpercben és a diszlexiás betegek felhasználói preferenciájának százalékos aránya. A diszlexiában szenvedők leginkább preferált színpárjai a következők voltak: fekete & sárga; fekete & Krém; Kék & fehér; fekete & Fehér; kék & sárga; sötétbarna & Világoszöld; Barna & sötétzöld és törtfekete & törtfehér. A diszlexia nélküli emberek által leginkább kedvelt színpárok a következők voltak: fekete & fehér; fekete & sárga; fekete & krém; törtfekete & törtfehér; kék & fehér; sötétbarna & Világoszöld; Barna & sötétzöld és kék & sárga. A teljesítmény szempontjából a diszlexiás emberek által olvasott színpárok (a leggyorsabbtól a leglassabbig rendezve): fekete & Krém; Kék & sárga; sötétbarna & Világoszöld, Barna & sötétzöld, fekete & fehér; törtfekete & törtfehér; kék & fehér és fekete & sárga. A teljesítmény szempontjából a diszlexia nélküli emberek által olvasott színpárok a következők voltak (a leggyorsabbtól a leglassabbig rendezve): sötétbarna & Világoszöld; Fekete & krém; fekete & fehér; fekete & sárga; kék & Sárga; Barna & sötétzöld és törtfehér & törtfehér.