+358 40 7070202
Search

Saavutettavan verkkopalvelun tekniikat

Saavutettavan verkkopalvelun ydin on teknisesti oikein toteutettu sivusto, jossa HTML-merkkaus on tehty oikein tukemaan myös avustavia tekniikoita.
saavutettavuus logo.

kesto 1 pv

890 + ALV 24%
  • Kurssimuoto: Luokka, Etä

Saavutettavuus teknisesti

Saavutettavien verkkopalveluiden on oltava saavutettavia sekä teknisesti, visuaalisesti että sisällöllisesti. Osa saavutettavuuden kriteereistä sijoittuu päällekkäin kaikkiin osa-alueisiin, mutta teknisellä toteutuksen virheitä ei voida enää korjata visuaalisessa muotoilussa tai sisällöntuotannossa. Talon rakentamiseen rinnastettuna voi todeta, että perustusten tulee olla kunnossa.

Voidakseen toteuttaa verkkopalvelut saavutettavuuden näkökulmasta tekniikaltaan oikein, on tunnettava saavutettavuuden periaatteet ja miten käyttäjät käyttävät laitteitaan ja kuluttavat sisältöä. Kun tuntee avustavien tekniikoiden toiminnan ja ymmärtää käyttäjiä, on helpompi tunnistaa omasta koodista tapa, jolla se toimii parhaiten kaikissa käyttötilanteissa.

Tällä kurssilla opitaan ymmärtämään saavutettavuuden tekniset vaatimukset, sivujen rakenteen toteutustavat, koodin oikea käyttö sekä avustavien tekniikoiden tukeminen WAI-ARIA koodein.

Kurssin kohderyhmä

Verkkosivujen toteuttajat, ylläpitäjät ja muut, jotka käyttävät työssään HTML-merkkausta ja CSS-tyylien muokkausta.

Kurssin esitietovaatimukset

Kurssille osallistuvan on hyvä tuntea HTML- ja CSS-kielet. Kurssin sisältö käsitellään suurimmalta osin koodin näkökulmasta esimerkein ja harjoituksin.

Tietoa koulutuksista

Luokkakoulutukset
Corellian koulutustiloissa:
Vuorikatu 20 A, Helsinki

Tutustu tiloihimme ja lue osallistujan info

Etäkoulutukset Teams yhteydellä

Lue etäkoulutukseen osallistujan ohjeet

Oletko kiinnostunut asiakaskohtaisesta toteutuksesta?

Lähetä tarjouspyyntö

Kurssin olennainen sisältö

Miten saavutettavuus määritetään ja miten sitä mitataan

WCAG-periaatteet ja onnistumiskriteerien esittely

  • havaittavuus
  • hallittavuus
  • ymmärrettävyys
  • toimintavarmuus

HTML-koodin rakenne ja oikea käyttö

  • Oikea elementti oikeassa paikassa
  • Sivurakenteet; landmark-elementit

Eri sisältömuodot

  • tekstisisältö; kappaleet, otsikot
  • linkit
  • listat
  • taulukot
  • navigaatio
  • kuvat ja grafiikka
  • videot, äänitallenteet (aikasidonnainen sisältö)
  • lomakkeet

Navigaatio näppäimistöllä

  • näppäimistön käyttötavat
  • ennustettavuus ja ymmärrettävyys
  • focus, tab order

CSS-tyylien käyttö muotoilussa

  • värien käyttö
  • asemointi
  • tekstityylit
  • vaikutus avustaviin tekniikoihin

WAI-ARIA koodit

  • mihin vaikuttavat
  • selainten ja avustavien tekniikoiden tuki
  • roles, states, properties

Design Patterns: yleiset käyttötilanteet

  • ilmoitukset
  • painikkeet
  • lomakekontrollit
  • sisällön piilottaminen ja näyttäminen
  • menu

Landmark roolit ARIA-koodeissa

  • banner,
  • complementary,
  • contentinfo,
  • form,
  • main,
  • navigation,
  • region,
  • search

Kurssin kesto

Kesto 1 pv.

Kurssityyppi

Luokka / Etä

Kouluttajat

Ilmoittaudu kurssille

Osallistujan tiedot

Käyttöjärjestelmätoive *

Osallistumistapa *