Mallisivu

Mallisivu

Mallisivusta mallia sivujen saavutettavuuteen! Saavutettavilla sivuilla sisältö on selkeää ja ymmärrettävää tekstiä.

Käytä otsikoissa muotoilutoimintoon määriteltyjä otsikoita

Sivun otsikko on aina muotoiltu automaattisesti muotoilutoiminnolla Otsikko 1. Muut sivun otsikot muotoillaan niin, että otsikoita käytetään numerojärjestyksessä eli sivun ensimmäinen väliotsikko muotoillaan Otsikko 2 -muotoilulla. Tämän otsikon alle tulevat väliotsikot muotoillaan Otsikko 3 -muotoilulla. Tällä tavoin ruudunlukijaohjelma pystyy kertomaan miten sivun sisältö on jäsennelty.

Käytä sisällössä luetteloita

Sivuja luetaan silmäilemällä ja siksi erilaiset numeroimattomat ja numeroidut luettelot ovat helppoa silmäiltävää.

Toimi näin:

  • Jokaisessa editorissa on valmiina luettelomerkit ja numerointi -muotoilut.
  • Kun aloitat luettelon, klikkaa tämä muotoilutoiminto päälle.
  • Kirjoita ensimmäinen luettelon kohta ja vaihda riviä enterillä
  • Kun haluat lopettaa luetteloinnin, klikkaa viimeisen rivin vaihdon jälkeen enteriä vielä kerran
  • Luettelo on valmis

Huomioi nämä asiat linkityksissä

Linkki toiselle ulkoiselle www-sivulle

Kirjoita linkkitekstiin mihin www-sivulle linkki ohjaa käyttäjän. Tutustu Etelä-Suomen aluehallintoviraston ylläpitämään sivustoon, josta löytyy tietoa ja ohjeita saavutettavuudesta. Ulkoisen linkin lopussa on erillinen merkki, joka osoittaa sivujen käyttäjälle, että kyseessä on ulkoinen linkki.

Määritä linkki aukeamaan uuteen välilehteen, laita linkin lisäyksen yhteydessä täppi kohtaan Uusi ikkuna.

Linkki saman sivuston toiselle sivulle

Ns. sisäisen linkin teksti tulee olla myös kuvaava, jotta käyttäjä tietää mihin linkin klikkaus johtaa. Sisäiset linkit voivat aukaista linkkisivun näytöllä olevan sivun päälle. Drupal-julkaisujärjestelmässä sisäinen linkki tehdään hakemalla linkkikentän toiminnolla, jolloin linkki pysyy toimintakuntoisena vaikka linkitettävää sivua siirretään sivustolla. Tutustu mallisivuun, jossa sisältö on kahdella palstalla.

Tiedostojen (mukaan lukien kuvatiedostoje) linkitys sivun sisältöön

Tiedostojen linkitys