Black Week -kampanja käynnissä!

-50% valikoiduista kursseista 25.11.-6.12. 👉tästä kampanjasivulle!

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
  • 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:
Kalevankatu 9 A, Helsinki

Kiinnostaako asiakaskohtainen toteutus? Meillä onnistuu.

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

Kari Selovuo

Ilmoittaudu kurssille

Osallistujan tiedot

Käyttöjärjestelmätoive *

Osallistumistapa *

Oletko kiinnostunut asiakaskohtaisesta toteutuksesta?

Kerro tarpeesi, niin suunnittelemme koulutuksen tarpeisiinne räätälöitynä.