Saavutettavat verkkosivut : miten huomioida värisokeus suunnittelussa?

Abstract

Opinnäytetyö käsittelee saavutettavien verkkosivujen suunnittelua värisokeille graafisen suunnittelun näkökulmasta. Työn ensisijaisena tavoitteena on tutkia, mitä värisokeus on ja millaisia haasteita se tuo verkkosivujen käytettävyyteen sekä miten värisokeus voidaan huomioida web-sivujen visuaalisessa suunnitteluprosessissa.

Työn perustana on tekijän oma kiinnostus oppia ymmärtämään, mistä värisokeudessa on kyse ja miten ottaa graafisena suunnittelijana työssään huomioon laaja käyttäjäryhmä (noin 8 % miehistä ja 0,5 % naisista), jolla on heikkouksia tai puutteita värinäössään. Tarkoituksena on kerätä tietoa värisokeudesta ja siitä, millaisia visuaalisia valintoja suunnittelussa pitää tehdä, jotta taattaisiin onnistunut käyttökokemus myös niille henkilöille, joilla on rajoittunut värinäkö. Työ perustuu laadulliseen tutkimukseen.

Teoriaosuus käsittelee värisokeuden biologiaa ja värinäön toimintaa sekä sitä, miten värisokea käytännössä näkee värejä. Työssä tarkastellaan värien ominaisuuksia ja avataan termejä käytettävyys ja saavutettavuus. Värien käyttö verkkosivuilla -osuus esittelee käytännön esimerkkejä verkkosivujen graafisten elementtien mahdollisista ongelmatilanteista ja niiden ratkaisuja. Työn lopussa on tiivistetyt ohjeet graafisen suunnittelun tueksi.

Työ perehtyy tutkimuksen avulla siihen, millaisilla värivalinnoilla taataan hyvä käyttökokemus tai pahimmillaan estetään verkkosivujen käytettävyys tietyltä käyttäjäryhmältä. Tutkimuksesta on käytännön hyötyä kaikille graafikoille ja muillekin alalla toimiville, jotka haluavat tietää enemmän värisokeudesta ja siitä, miten se voidaan huomioida suunnittelussa. Keskeiset havainnot ovat, että verkkosivuja suunniteltaessa on tärkeää kiinnittää huomiota erityisesti tiettyihin väripareihin, sävyjen väliseen kontrastiin ja linkkien tyyleihin.

This thesis deals with the design of accessible web sites for the colorblind from a graphic designer’s point of view. The primary objective is to study what color blindness is and what challenges it brings to the usability of the Internet sites as well as how color blindness can be taken into account in the visual design process.

The work is based on the author's own interest in learning to understand what color blindness is and how to take into account this large group of users (approximately 8% of men and 0.5% of women) in their work as graphic designers. The aim is to collect information about color blindness, and the recommended choices in the visual design in order to ensure a successful user experience also for those individuals with a limited color vision. The work is based on qualitative research, and it has no sponsor.

The theoretical part deals with the biology of color vision and how the color blind see colors in practice. We examine the different properties of color and explain the terms “usability” and “accessibility”. “Using colors on websites” section presents practical examples of possible problems in the graphic elements of the web pages and the suggested solutions to these problems. At the end, there is a checklist for graphic designers.

This work examines what kind of color choices guarantee a good user experience, or, at worst, impede the usability of web sites for a specific user group. The research is of practical benefit to all graphic designers and other practitioners, who wish to know more about color blindness and how it can be taken into account in the design. The essential observations suggest that when designing web sites, it is important to pay special attention to certain color pairs, contrasts of different hues and link styles.