Teksti

Tässä on H2-alaotsikko

Suosi leipätekstissä lyhyitä lauseita ja kirjoita asiat mahdollisimman yksinkertaisesti. Pidä teksti myös tiiviinä. Kun asia on käsitelty riittävän tarkasti, ei tekstin pituutta tarvitse venyttää vain muodon vuoksi.

Kun luettelet useampia asioita, hyödynnä listoja.

Tutustu Verkkokirjoittamisen ohjeet -sivulla tarkempiin ohjeisiin tekstisisällöistä.

Tekstin muotoilu

Leipätekstiä voi lihavoida, kursivoida tai yliviivata, jos siihen on hyvä syy. Käytä tekstin muotoiluja tekstin seassa harkiten, sillä ne saattavat vaikeuttaa tekstin luettavuutta. 

Lisää muotoilut tekstikappaleen ylärivin työkalupalkista. 

Linkin lisäys

Tärkeät linkit onkin hyvä listata tekstikappaleen jälkeen tavallisina linkkeinä omilla riveillään tai painikkeiden avulla, jolloin käyttäjän on helpompi silmäillä niitä. Myös Sinua voisi kiinnostaa- ja Aiheesta muualla -linkkilistat sivun lopussa voivat toimia sopivina paikkoina linkeille lisätietoon - varsinkin, jos lisätieto liittyy koko sivun aiheeseen eikä vain yksittäisen kappaleen aiheeseen.

Lisää linkki tekstikomponentin linkkityökalulla näin: kirjoita ensin haluamasi linkkiteksti. Aktivoi sen jälkeen linkkiteksti ja valitse yläreunan työkalurivistä linkkityökalu (tai paina Ctrl+K). Voit valita protokollasta https://. Lisää linkin osoite. Jos kyseessä on hel.fin sisäinen sivu, niin voit vain alkaa kirjoittaa sivun nimeä ja valita oikean sivun. Kun olet valmis, klikkaa vihreää oikein-merkkiä.

Jos sinun pitää muokata linkkitekstiä, niin muokkaa linkkitekstiä suoraan tekstiosiossa. Tämä onnistuu niin kauan, kun et poista koko vanhaa linkkitekstiä.

Jos sinun pitää muokata linkin osoitetta, niin klikkaa linkkiä ja valitse avautuvasta näkymästä muokkausmerkki. Syötä uusi linkki. 

Linkki vai painike? 

Linkistä voi tehdä korostetun tai painikkeen. Se tehdään linkkityökalun kohdasta edistyneet asetukset: tyyli. Painikkeeseen on mahdollista lisätä tyylin alta myös ikoni, mutta näiden käytössä kannattaa käyttää harkintaa. 

Jos linkki ohjaa lisätiedon ääreen, riittää normaali linkkityyli erittäin hyvin. ​ Normaalin linkin linkkiteksti voi olla perusmuotoinen, ilman verbiä. ​Painikkeita tulisi pääsääntöisesti käyttää vain toimintaan ohjaavissa linkeissä, jolloin myös linkkiteksti on selkeästi toimintaan ohjaava.​ Painikkeessa olevan linkkitekstin tulisi siis alkaa aktiivisella verbillä. ​

Sivun perussisällössä olevien linkkien tulisi pääsääntöisesti olla ihan tavallisia linkkejä.​ Jos bannerissa tai kuvallisessa nostossa on yksi selkeä linkki, voit käyttää painiketyyliä. ​

Tämä on ensisijainen painikelinkki

Tämä on toissijainen painikelinkki

Tässä on korostettu linkki (ei reunuksia tai taustaväriä)

Puhelinnumeroiden ja sähköpostiosoitteiden lisääminen linkkityökalulla

Linkkityökalulla voit lisätä myös klikattavia puhelinnumeroita tai sähköpostiosoitteita. Tee samoin kuin linkin kanssa eli kirjoita ensin puhelinnumero tai sähköpostiosoite siinä muodossa, kun haluat sen näkyvän. Valitse sitten linkkityökalun protokolla-kohdasta joko "tel:" (puhelinnumero) tai "mailto:" (sähköposti). Drupal luo automaattisesti klikattavan puhelinnumeron tai sähköpostiosoitteen. Drupal myös lisää siihen symbolit automaattisesti. Älä laita näitä avautumaan uuteen ikkunaan, sillä muuten ne eivät toimi.

Puh. 050 123 4567(Link startar ett telefonsamtal)

Sähköpostiosoite: etunimi.sukunimi@hel.fi(Länk öppnar standardprogram för e-post)

Tekstin esittäminen taulukoissa

Joskus sisältöjen esittäminen taulukoissa (esim. lukuja kerrottaessa) on paikallaan. Ne voivat lisätä sisällön luettavuutta ja auttaa hahmottamaan monimutkaisia aihekokonaisuuksia paremmin. 

Milloin taulukkoa kannattaa käyttää ja milloin ei?

• Taulukossa olisi hyvä olla mieluiten numeerista tietoa tai sellaista tietoa, jossa taulukko helpottaa tiedon jäsentymistä
• Taululukon sisällön tulee olla sellaista, että taulukosta tulee selkeä ja rakenteeltaan yksinkertainen
• Älä käytä taulukoita pelkästään asettelujen tekemiseen
• Harkitse aina, olisiko esimerkiksi lista kuitenkin parempi vaihtoehto taulukolle

Näin luot taulukon

Valitse tekstipalkista taulukkotyökalu. Valitse avautuvista pallukoista haluamasi määrä rivejä ja sarakkeita. Ei haittaa, vaikka et tietäisi vielä lopullista määrää, voit aina lisätä tai poistaa rivejä ja sarakkeita.  Mikäli rivejä on kuusi tai enemmän, Drupal tekee taulukolle seepra-raidoituksen.

Kun olet luonut taulukon, voit hallita sitä taulukon yläreunaan avautuvasta valikosta. Se tulee näkyviin, kun laitat kursorin haluamasi solun kohdalle. 

Voit lisätä valikon oikeanpuoleisimmasta painikkeesta taulukolle otsikon. Taulukon otsikko näkyy taulukon yläpuolella ja sen on tarkoitus kertoa, mitä taulukko koskee. Taulukon otsikko on suositeltu, mutta ei pakollinen, jos taulukon aihe käy muuten selkeästi ilmi sivulla. 

Sarake- ja riviotsikot

• Sarakeotsikko = taulukon ensimmäisen rivin teksti, joka toimii kullekin sarakkeen kohdalle otsikkona. ​

• Riviotsikko = taulukon ensimmäisen sarakkeen teksti, joka toimii kullekin rivin kohdalle otsikkona.

• Lisää sarakeotsikko klikkaamalla ensimmäistä solua ja taulukon valikon ensimmäistä painiketta. Siitä  voit klikata valitsimesta sarakeotsikon päälle. Voit myös lisätä tai poistaa sarakkeita.

• Lisää riviotsikko klikkaamalla ensimmäistä solua ja taulukon valikon ensimmäistä painiketta. Siitä  voit klikata valitsimesta riviotsikon päälle. Voit myös lisätä tai poistaa rivejä.

• Taulukon sarake- ja riviotsikot ovat tärkeitä saavutettavuuden kannalta. Ruudunlukija lukee jokaisen solun kohdalla ensin sen solun rivi- tai sarakeotsikon ja vasta sitten solun arvon. 

• Älä lisää taulukkoon erikseen otsikkomuotoiluja mihinkään kohtaan. Taulukkomuotoilut tulevat valmiiksi, kun luot taulukon taulukkotyökalulla ja valitset otsikkosarakkeet tai -rivit päälle. Erilliset otsikkomuotoilut taulukossa aiheuttavat saavutettavuusongelmia.

Ohjeita taulukkoon

• Soluissa ei kuulu toistaa tietoa, jonka olet jo kertonut otsikoissa, kuten numeron yksikköä. 
• Älä kopioi taulukkoa suoraan esim. Excelistä. Siitä seuraa saavutettavuusongelmia.
• Kun taulukon soluissa on arvoja, joissa on sama yksikkö (esim. yllä esimerkissä keskiarvo), kannattaa yksikkötieto kertoa otsikossa. Silloin sitä ei tarvitse toistaa sarakeotsikoissa tai jokaisessa solussa. 
• Jos joku solun arvo on eri yksikköä, kannattaa tämä kirjoittaa useimmiten auki. Lyhenteiden käyttämistä tulisi välttää.

Tekstin esittäminen listoina

Voit tehdä myös listauksia

• Listauksen kohta 1
• Listauksen kohta 2
• Listauksen kohta 3

Voit valita listalle joko luettelomerkit eli pallot tai numeroinnin.

Lainaus 

Lainauksia voidaan käyttää nostamaan esiin yksittäinen ajatus tai lause. Lainauksen tulee olla lyhyt, esim. yksi lause, joka on maksimissaan 120 merkkiä välilyönteineen. Huomaathan, että tätä komponenttia käytettäessä ei lainauksen ympärille lisätä lainausmerkkejä, ne sisältyvät jo komponentin visuaalisuuteen.

Tässä on esimerkki siitä, miltä näyttää lainaus.

Erikielisen sanan tai tekstipätkän merkitseminen

Ruudunlukija lukee verkkosivun sisällöt ääneen käyttäjälle perustuen sivun kielimääritykseen (esimerkiksi suomi). Jos käytät sivullasi erikielisiä sanoja kuin sivun kielimääritys on, tulee nämä merkitä manuaalisesti erikieliseksi, jotta ruudunlukuohjelmat osaavat lukea sanat oikein. Voit merkitä sanan tai tekstipätkän erikieliseksi Drupalissa seuraavasti:

1.  Valitse haluttu tekstikenttä ja kirjoita tai liitä siihen haluamasi teksti.
2.  Valitse erikielinen teksti maalaamalla se hiirellä.
3.  Klikkaa tekstikentän yläpalkista oikealta löytyvää symbolia "Aseta kieli".
4.  Valitse avautuneesta valikosta oikea kieli valitulle tekstipätkällä.

Toiminto toimii kaikissa tekstikenttäkomponenteissa samalla tavalla sekä perussivuilla, laskeutumissivuilla että poikkeusilmoituksissa.