Ystävänpäiväkampanja – kaksi yhden hinnalla! Tästä kampanjasivulle!


Maksuton 
Power BI Copilot: Käyttö ja kyvyt -webinaari 12.3.2025 klo 10:00 Ilmoittaudu tästä !
Power BI Copilot: miten saat sen käyttöösi ja mitä se osaa?

 

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 – varmista verkkosivustosi esteettömyys kooditasolla

Saavutettavuus ei ole pelkkää visuaalista suunnittelua tai sisällöntuotantoa – se alkaa jo teknisestä toteutuksesta. Jos verkkopalvelun koodi ei ole saavutettava, sitä ei voi myöhemmin korjata pelkällä muotoilulla tai sisällöllä. Hyvä tekninen saavutettavuus on kuin rakennuksen vankat perustukset: ilman niitä lopputulos ei toimi kaikille käyttäjille.

Miksi tekninen saavutettavuus on tärkeää?

Verkkosivuston käyttäjät hyödyntävät sivuja eri tavoin:

  • Ruudunlukijat ja muut avustavat teknologiat lukevat koodia suoraan
  • Näppäimistönavigointi ja kosketusnäytöt edellyttävät loogista rakennetta
  • WAI-ARIA-attribuutit auttavat tarjoamaan lisätietoa käyttöliittymän toiminnasta
  • HTML:n ja CSS:n oikea käyttö varmistaa esteettömän ja ennakoitavan kokemuksen

Kun ymmärrät saavutettavuuden tekniset periaatteet ja tiedät, miten käyttäjät kuluttavat sisältöä eri laitteilla, voit koodata verkkosivuston, joka toimii kaikissa käyttötilanteissa.

Mitä opit tällä kurssilla?

Tällä kurssilla keskitytään verkkosivustojen saavutettavuuden teknisiin vaatimuksiin ja niiden toteutukseen kooditasolla. Opit muun muassa:

  • HTML:n oikeaoppisen käytön saavutettavuuden näkökulmasta
  • Saavutettavan rakenteen toteuttamisen verkkosivuille
  • Näppäimistönavigoinnin ja fokusjärjestyksen hallinnan
  • WAI-ARIA-attribuuttien käyttämisen avustavien teknologioiden tukemiseksi
  • CSS:n saavutettavuuteen vaikuttavat ratkaisut

Kurssi sisältää käytännön harjoituksia, joiden avulla saat konkreettisia taitoja saavutettavuuden parantamiseen omassa työssäsi.

Kenelle kurssi sopii?

Kurssi on suunnattu verkkosivujen kehittäjille, ylläpitäjille ja kaikille, jotka työskentelevät HTML:n ja CSS:n parissa. Se on erityisen hyödyllinen niille, jotka haluavat syventää ymmärrystään saavutettavuuden teknisestä toteutuksesta ja oppia tekemään esteettömiä verkkosivustoja.

Mitä taitoja tarvitset ennen kurssia?

Osallistujilta edellytetään perustason HTML- ja CSS-osaamista. Kurssilla keskitytään saavutettavuuden tekniseen toteutukseen, ja sisältö käsitellään koodin näkökulmasta käytännön esimerkein ja harjoituksin.

💡 Ota saavutettavuus haltuun teknisesti – ilmoittaudu mukaan jo tänään!

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ä.