Tasapainoilu estetiikan ja helppolukuisuuden välillä : Saavutettava typografia verkkosivuympäristössä

Abstract

Tämä opinnäytetyö käsittelee saavutettavan typografian muotoilua sekä suunnittelijan muotoilupulmaa estetiikan ja helposti luettavan tekstin tasapainoilun välillä. Opinnäytetyön tarkoitus on selvittää, miten visuaalisen suunnittelijan tulee ottaa huomioon muotoillessaan verkkosivuympäristöjen typografiaa, jotta teksti olisi visuaalisilta ominaisuuksiltaan helposti luettavaa ja mahdollisimman saavutettavaa. Aihealueita ovat muun muassa tekstin koko, värikontrasti, rivivälit sekä se, tuleeko luettavuuden kannalta suosia antiikvaa vai groteskia. Tämän lisäksi pohditaan tasapainoa saavutettavuuden ja estetiikan välillä. Opinnäytetyössä paikoin sivutaan, miten saavutettavuusaspekti vertautuu verkkosivun visuaaliseen ilmeeseen.

Lähestyn opinnäytetyön aihetta kirjallisuuskatsaustyyppisesti kartoittamalla, mitä aihealueesta on kirjoitettu ja sanottu ja vertaamalla eri kirjoittajien mielipiteitä aiheesta. Tällä tavoin pyrin kartoittamaan lähteistössä esiin nousevia ajatuksia. Lähdeaineiston perusteella pyritään nostamaan esiin keskeiset seikat, jotka graafisen suunnitelijan olisi hyvä huomioida suunnitellessaan verkkosivuja. Opinnäytetyössä käydään myös läpi saavutettavuuden standardeja sekä digilain velvoitteita liittyen saavutettavuuteen. Lähdeaineiston kautta pohditaan lyhyesti saavutettavuus- ja luettavuus-termien välistä eroa. Työssä tarkastellaan myös luettavuuden eroja paperilta ja kuvaruudulta luettaessa sekä sitä, mitä erityisominaisuuksia ja haasteita verkkosivujen suunnittelussa voi nousta esiin.

Opinnäytetyössä korostuu, että verkkosivusuunnitteluun liittyvässä saavutettavuudesta on yhteisymmärrystä siitä, mitä saavutettavuudella tarkoitetaan. Sen sijaan on vaikea löytää konsensusta siitä, mitä saavutettavan typografian muotoileminen verkkosivuilla käytännössä tarkoittaa. Vaikka saavutettavuuteen on eri mittareita, jäävät kuitenkin tulkinnat siitä, miten saavutettavuuskriteerit täytetään, suunnittelijan kokemuksen ja näkemyksen varaan.

This thesis examines the challenges of designing accessible typography for websites and how a visual designer constantly balances between the aesthetic of the website and the readability and legibility of the text. The goal set for the thesis is to examine what a visual designer should take into account when designing the typography of website environments, so that the text is both easy to read and as accessible as possible in terms of its visual properties. Typographic topics examined in this thesis are text size, color contrast, line spacing, and whether serif or sans-serif typefaces are more accessible in a web environment. In addition to this, the thesis looks into the balancing act that a visual designer must partake in, where the importance of accessibility over aesthetics - and vice versa - are considered.

The method used for this thesis is a theoretical approach, building up on existing research and literature on the subjects discussed. I approach the topic of the thesis as a literature review, mapping what has been written and said previously about the topic at hand and comparing the opinions of different authors to each other.

The conclusions reached during this thesis are thus: there exists no consensus in regard to what can be considered accessible typography. There are of course standards set for accessible content, but the ways to reach these standards are up for consideration of the designer. Although there seems to be some agreement upon some topics of typography (for instance, the size of body text on a website), there are topics in typography where none of the sources reach a unified voice.

On top of these conclusions, a visual designer has to examine the balance of aesthetics and accessibility carefully. There is strong agreement throughout the sources that text should always be legible and readable as to not irritate the user. However, a visual designer has to also consider that a certain brand image or message needs to be heard loud and clear throughout the website. This is where the designer has to do their balancing act: should the scales tip in favor of accessibility or aesthetics? Here the designer’s craftmanship comes into play.