käytännön oppaat

Julkaise esteetöntä verkkosivuston sisältöä joka päivä

Saavutettavuuteen vaikuttavat ihmiset, jotka kirjoittavat, kääntävät ja ylläpitävät sivuja sekä koodin avulla. Pieni julkaisurutiini voi estää monia esteitä.

Katso menetelmä

Toimittaja tarkistaa verkkosivuston sisällön rakennetta ja mediaa

rakentaa rakennetta, jonka ihmiset voivat navigoida

Anna sivulle kuvaava pääotsikko ja järjestä osiot otsikoilla loogisessa järjestyksessä. Otsikko nimeää osion; Se on enemmän kuin visuaalinen tyyli. Älä ohita tasoja saavuttaaksesi tietyn ulkonäön. W3C WAI:n otsikoiden opetusohjelma selittää, kuinka ihmiset käyttävät niitä navigointiin.

Laita keskeiset tiedot ajoissa, käytä luetteloita todellisille esinesarjoille, selitä vähemmän tuttuja lyhenteitä ja tee prosessivaiheet selväksi. Selkeä rakenne auttaa myös tarkastelussa, kääntämisessä ja ylläpidossa.

Kirjoita hyödyllisiä linkkejä ja kuvavaihtoehtoja

Linkin tulee tunnistaa sen kohde tai toiminta, kun se luetaan irrallaan kontekstista. Korvaa "napsauta tästä" asiakirjalla, palvelulla tai vaiheen nimellä. Kun toistuvat linkkitunnisteet johtavat eri kohteisiin, lisää tarpeeksi kontekstia erottaaksesi ne toisistaan.

Jos haluat informatiivisen kuvan, kirjoita vaihtoehtoinen teksti, joka välittää tarkoituksensa tällä sivulla esineiden mekaanisen listaamisen sijaan. Koristekuvassa voi olla tyhjää alt-tekstiä. W3C WAI:n kuvaesimerkkejä erottaa nämä tapaukset. Tarkista myös kuvan oikeudet ja laatu käyttämällä kuvaopas.

  • kuvaavat otsikot.
  • Links understood out of context.
  • Vaihtoehtoinen teksti, joka sopii kuvan tarkoitukseen.

Käsittele taulukoita, asiakirjoja ja tiedotusvälineitä

Käytä taulukkoa, kun rivit ja sarakkeet helpottavat tietojen vertailua; Tunnista otsikot ja selitä yksiköt. Älä käytä taulukkoa vain tekstin sijoittamiseen. Ilmoita kaaviossa keskeinen havainto ja anna tarpeeksi taustalla olevaa tietoa sen ymmärtämiseksi.

Ennen kuin julkaiset PDF-tiedoston tai videon, tarkista tiedoston saatavuus ja asiaankuuluvat vaihtoehdot, kuten kuvatekstit ja transkriptit. Linkki tiedostoon ei tee sen sisältöä saataville. Jos tiedot ovat välttämättömiä, jäsennelty HTML-versio on usein helpompi lukea ja päivittää.

rakentaa sekki julkaisuun

Pyydä toista henkilöä tarkistamaan edustajasivu: Ymmärtävätkö he otsikoita, linkkejä ja ohjeita ilman puhuttua apua? Navigoi näppäimistöllä, suurenna tekstiä ja valitse vaihtoehtoinen teksti lopullisessa HTML:ssä. Toimittajan esikatselu voi poiketa julkaistusta sivusta.

Toista nämä tarkistukset uuden sisällön ja käännösten varalta. Jos malli estää oikeat otsikot, tarrat tai taulukot, ilmoita siitä tekniselle tiimille. Sitä Esteettömyystestausopas kattaa laajemmat sivun tarkistukset.

  • julkaistu sivu tarkistettu.
  • Käännökset ja tiedostot tarkistettu.
  • mallivirheistä ilmoitettu omistajalle.

Sisältö päivitetty 2.10.2026

toiminnallinen validointimatriisi, joka mukautuu projektiin

Nämä ehdotetut kontrollit käyttävät kuvitteellisia tapauksia. Päätä, mitä käyttäytymistä tiimin kanssa odotetaan, kirjoita tulos muistiin ja määritä ratkaisemattomia eroja ennen julkaisemista.

testitapaukset, odotetut tulokset ja hyödyllisiä todisteita
Asiaodotettu tulostodiste säilyttää
Alaotsikko on vain lihavoitu kappale.Siitä tulee semanttinen otsikko sivuhierarkiassa.Tallenna URL-osoite, vaiheet, tulos ja päivätyt todisteet.

Usein kysyttyjä kysymyksiä

Kuinka sisältö tulee tarkistaa CMS-syötön jälkeen?

Tarkista julkaistu sivu otsikkohierarkiaa, merkityksellisiä linkkejä, taulukon otsikoita ja sopivia vaihtoehtoja varten. Tekstinkäsittelyohjelmasta liittäminen voi aiheuttaa odottamattoman rakenteen. Tarkista renderöity HTML ja lukujärjestys, ei vain muokkausnäkymä.