Ominaisuudet

Editoria11y:n ydintestit havaitsevat yli 50 yleistä sisällön saavutettavuusongelmaa: päätöksiä, jotka heikentävät luettavuutta, virheitä, jotka tekevät ruudunlukijoista tehottomampia, ja virheitä, jotka heikentävät hakukoneoptimointia.

Lisäosat tarjoavat ~40 lisätestiä kehittäjille ja suunnittelijoille, mukautettuja testejä ja erilaisia sivustolaajuisia laadunvarmistustyökaluja.

Sisältötestit keskittyvät ongelmiin, jotka ilmaantuvat sen jälkeen, kun sivustot on luovutettu sisällöntuottajille. Sivustot täytyy testata manuaalisilla tarkastustyökaluilla, näppäimistöillä ja ruudunlukijoilla ennen julkaisua, mutta jopa kaikkein saavutettavin sivusto ensimmäisenä päivänä on taipuvainen rapautumaan muokkausten tuodessa uusia ongelmia.

Mikä erottaa Editoria11y:n muista saavutettavuustyökaluista on se, että sen testit suoritetaan reaaliajassa, selaimessa, tekijöiden muokatessa ja esikatsellessa työtään. Tekijät reagoivat todennäköisemmin välittömään, upotettuun palautteeseen, huomaavat varoitukset ja tekevät korjauksia kuin muistaisivat vierailla kojelaudalla tai suorittaa manuaalisen tarkistuksen.

Tekijän kokemus

Kuvakaappaus Editoria11y-työkalupalkista, jossa näkyy 4 virhettä.

Tekijät näkevät Editoria11y-työkalupalkin sisältöä muokatessaan. Kun ongelmia havaitaan, se muuttuu keltaiseksi tai punaiseksi ja näyttää ongelmamäärän. Napsauttamalla lukumäärää sivu vierittää ensimmäiseen varoitukseen ja avaa sen työkaluvinkin.

Vinkki, joka ilmaisee linkin nimeksi annettu vain "click here".

Vinkit näkyvät suoraan sivulla selkokielisenä kuvauksena virheestä — mukana korjausehdotukset ja selitys, miksi ongelma on tärkeä.

Otsikkorakenteen visualisointi sivun päällä

Työkalupalkki sisältää lisätyökaluja manuaalisiin tarkistuksiin, kuten otsikkorakenteen ja alt-tekstin visualisointityökalut sekä luettavuuspisteytyksen.

Sivuston hallintaominaisuudet

Jokaista tarkistimen näkyvää puolta voidaan mukauttaa. Parametrit ja tapahtumat mahdollistavat testien poistamisen, vinkkien uudelleenkirjoittamisen, mukautettujen testien lisäämisen ja mukautettujen teemojen asettamisen.

Drupal- ja WordPress-lisäosat lisäävät lisäominaisuuksia, kuten synkronoidut hylkäykset, sivustolaajuiset kojelaudat ja CSV-raporttiviennit.

Raportointipaneeli, jossa näkyvät viimeisimmät ongelmat ja eniten ongelmia sisältävät sivut.
Drupalin hallintapaneeli, joka sisältää suodatettavat listat ongelmista, ongelmallisista sivuista ja hylkäyksistä.

Testit

Editoria11y:n testit keskittyvät parantamaan verkon käyttökokemusta kaikille käyttäjille, ihmisten mittaamana, ei vain teknisten standardien mukaan. Vaikka ydintestit on suunniteltu auttamaan saavuttamaan Web Content Accessibility Guidelines (WCAG 2.2 AA), muihin vaikuttavat Cognitive and Learning Disabilities Accessibility Task Force -työryhmän työ sekä yleiset käytettävyys- ja suunnittelun parhaat käytännöt.

Yksittäiset testit voidaan poistaa käytöstä sivuston ylläpitäjien toimesta.

Kuvien alt-teksti

  • Kuvasta puuttuu alt-attribuutti
  • Alt-teksti on tiedostonimi
  • Alt-teksti on paikkamerkki ("TBD")
  • Alt-teksti on lausumattomia symboleita
  • Alt-teksti sisältää tarpeettomia sanoja ("kuva…")
  • Alt-teksti on liian pitkä
  • Koristeellisella kuvalla saattaa olla merkitystä
  • Karusellin kuva merkitty koristeelliseksi
  • Tekstityksen saaneella kuvalla ei ole alt-tekstiä
  • Alt-teksti toistaa tekstityksen

Linkitetyt kuvat

  • Linkitetyllä kuvalla ei ole alt-tekstiä
  • Linkitetyn kuvan alt on URL tai tiedostonimi
  • Linkitetyn kuvan alt on paikkamerkki
  • Linkitetyn kuvan alt on lausumattomia symboleita
  • Linkitetyn kuvan alt kuvailee kuvaa, ei linkkiä
  • Linkitetyn kuvan alt sisältää tarpeettomia sanoja
  • Linkitetyn kuvan alt on liian pitkä
  • Linkissä olevalla kuvalla, jolla on teksti, ei ole alt-attribuuttia

Upotettu media

  • Video tarvitsee tekstitykset
  • Ääni tarvitsee tekstityksen
  • Datavisualisointi tarvitsee saavutettavan vaihtoehdon
  • Framelta puuttuu otsikko
  • Frame suljettu pois näppäimistönavigoinnista
  • Framen sisältö tarvitsee manuaalisen saavutettavuustarkistuksen
  • Linkitetty asiakirja ei ehkä ole ruudunlukijoille saavutettava
  • PDF:stä puuttuu saavutettava vaihtoehto
  • Sisäkkäiset interaktiiviset asettelukomponentit

Merkitykselliset linkit

  • Tyhjä linkki
  • Linkin teksti on URL
  • Linkin teksti on vain DOI-numero
  • Linkin teksti sanoo "klikkaa tästä"
  • Linkin teksti on vain yleisiä sanoja ("lue lisää")
  • Eri linkeillä on sama teksti
  • Linkitetyllä kuvakkeella tai kuvalla ei ole tekstivaihtoehtoa
  • Linkki avautuu uudessa välilehdessä ilman varoitusta
  • Linkki osoittaa tiedostoon ilman varoitusta
  • Linkin teksti on vain symboleita tai emojeja
  • Merkityksellinen linkin teksti piilossa näkeviltä käyttäjiltä
  • Turha linkin title-attribuutti
  • Rikkinäinen sivun sisäinen ankkurilinkki
  • Päällekkäinen ID-attribuutti
  • Linkki saattaa osoittaa kehitysympäristöön

Otsikot

  • Sivulta puuttuu Heading 1
  • Ensimmäinen otsikko on alaotsikko
  • Otsikko ohittaa tason
  • Otsikko on tyhjä
  • Otsikkona käytetty kuva tarvitsee alt-tekstin
  • Otsikko on erittäin pitkä
  • Lihavoitu kappale saattaa olla otsikko
  • Lyhyt lainaus saattaa olla otsikko

Tekstin luettavuus

  • Liiallinen iso kirjainten käyttö
  • Suuri lohko lihavointia tai kursivointia
  • Teksti on liian pientä
  • Ei-linkkiteksti on alleviivattu
  • Teksti on tasattu
  • Alaindeksiä tai yläindeksiä käytetään väärin muotoiluna
  • Väärä lista merkkejä tai symboleita käyttäen
  • Listakohde listan ulkopuolella

Värikontrasti

  • Tekstin kontrasti on riittämätön
  • Tekstin kontrasti vaatii manuaalisen tarkistuksen
  • Kuvakkeen tai grafiikan kontrasti on riittämätön
  • Kuvakkeen tai grafiikan kontrasti vaatii manuaalisen tarkistuksen
  • Syöttökentän tekstin kontrasti on riittämätön
  • Paikkamerkkitekstin kontrasti on riittämätön

Taulukot

  • Taulukosta puuttuu otsikkorivi tai -sarake
  • Taulukko-otsikkosolun sisältö on tyhjä
  • Sisältöotsikko käytetty taulukon sisällä

Lomakkeet & interaktiiviset elementit

  • Painikkeella ei ole saavutettavaa merkintää
  • Painikkeella on virheellinen ARIA-merkintä
  • Painikkeen merkintä sisältää sanan "painike"
  • Näkyvä merkintä ei vastaa saavutettavaa nimeä
  • Kentällä ei ole yhdistettyä merkintää
  • Kenttä käyttää vain näkymätöntä merkintää
  • Kenttä käyttää vain paikkamerkkiä merkintänä
  • Nollaa-painike saattaa aiheuttaa tahattoman tietojen menetyksen
  • Elementti piilotettu ruudunlukijoilta mutta silti näppäimistöllä fokusoitavissa
  • Positiivinen tab-indeksi rikkoo luku- ja tab-järjestyksen

Sivun metatiedot

  • Sivun otsikko puuttuu
  • Sivun kieltä ei ole ilmoitettu
  • Viewport estää tekstin skaalauksen
  • Sivu päivittyy automaattisesti

CSA-ominaisuudet

Editoria11y edistää saavutettavuutta ainutlaatuisella tavalla. Sen työkalut ovat erittäin tehokkaita auttamaan ei-teknisiä tekijöitä valmistelemaan sisältöä, josta vammaiset verkkokäyttäjät voivat nauttia tasavertaisesti. Pidämme tätä yleisenä hyvänä, joten Editoria11y on aina ilmainen käyttää.

Editoria11y ei kuitenkaan ole ilmainen kehittää tai tukea.

CSA täyttää tämän aukon: projektin jäsenet rahoittavat Editoria11y-kirjaston, CMS-lisäosien ja CSA-paketin kehitystyötä — nopeasti kasvava kokoelma avoimen lähdekoodin laadunvarmistustyökaluja, jotka tarjoavat kaupallisten tuotteiden tasoisen toiminnallisuuden murto-osalla hinnasta. CSA-paketti Drupalille on tällä hetkellä ilmainen beta-vaiheessa, ja se saapuu WordPressille Q3 2026.

Sivuston indeksointi käynnissä
CSA-indeksoija päivittää hallintapaneelia.

CSA-työkalut

  • Kehittäjä-, luettavuus- ja kontrastistestit.
  • Roolipohjainen jaettu konfiguraatio kehittäjille ja sisällöntuottajille.
  • Mukautettujen testien rakentajat.
  • Yhden napsautuksen sivustolaajuiset hylkäykset
  • Hallintapaneelin ylläpitotyökalut ja indeksoijat
Värinvalitsin testivinkin sisällä

CSA-jäsenyyden edut

  • Prioriteettituki.
  • Painotettu vaikutus projektin tiekartalle.
  • Automaattinen pääsy tiekartan uusiin ominaisuuksiin.
  • Suora asennusapu (tason mukaan).
  • Julkinen tukijamaininta (tason/pyynnön mukaan; ehdot voimassa).

Kiinnostunut?

CSA-pakettia tuetaan "maksa mitä voit" -mallilla. Editoria11y-ydin, sekä kirjasto että lisäosat, pysyy ilmaisena ikuisesti.

Liity CSA:han

CSA:n sponsoroimat projektit

Aktiiviset

Q2 2026: Editoria11y CSA -yhteisön käynnistäminen

Jäljellä olevat tehtävät:

  • Perusta juridinen yhteisö tilausten ja sponsorointitulojen käsittelyä varten.
  • Ota lisensointijärjestelmä käyttöön.
Q2 2026: Mukautettu sääntörakentaja
  1. Valmis Drupalille.
  2. Tehtävä: porttaa rakentaja WordPressiin.
Q3 2026: Portaa 3.x-kirjasto WordPressiin
  1. Luo CSA-aliohjain yhteisön tukemilla ominaisuuksilla
    • Luo hallintapaneelin ylläpitotyökalut vanhentuneiden tulosten pudottamiseen ja olemassa olevan sisällön uudelleenindeksointiin.
    • Salli tiettyjen testien merkitseminen OK:ksi sivustolaajuisesti, ei vain yhdellä sivulla.
    • Salli jaettu konfiguraatio erillisillä asetuksilla ja testeillä kehittäjille ja sisällöntuottajille.

Äskettäin valmistuneet

Q1 2026: Kirjasto 3.x:n uudelleenkirjoitus
  • Yhdistä Editoria11y ja Sa11y -sääntöjoukot. Haarautumisen jälkeen Sa11y kirjoitti ~50 lisätestiä ja otti käyttöön ESM-työkalut, ja Editoria11y toteutti suorituskyvyn parannuksia ja lisäsi parametreja reaaliaikaisen tarkistuksen mahdollistamiseksi. Sa11y 4.2.2 ja Editoria11y 3.0.0 aloittavat yhteisen tulevaisuutemme.
  • Lisää "jaetun konfiguraation" tuki, joka mahdollistaa erilliset sääntöjoukot kehittäjille ja sisällöntuottajille.
  • Lisää konetekstit kiinaksi, tanskaksi, hollanniksi, saksaksi, kreikaksi, unkariksi, italiaksi, japaniksi, norjaksi (bokmål), puolaksi, portugali (Brasilia), portugali (Portugali), espanjaksi, ruotsiksi ja ukrainaksi — pohjana ihmisten tekemää viimeistelyä varten.
  • Nykytila: koodaustyö on valmis; julkaisu merkitään dokumentaation ja demojen päivittämisen jälkeen.
Q1 2026: Drupal-moduulin 3.x-uudelleenkirjoitus
  1. Laajenna hallintapaneelia entistä kattavammilla raportointi- ja suodatustyökaluilla.
  2. Lisää konetekstit kiinaksi, tanskaksi, hollanniksi, saksaksi, kreikaksi, unkariksi, italiaksi, japaniksi, norjaksi (bokmål), puolaksi, portugali (Brasilia), portugali (Portugali), espanjaksi, ruotsiksi ja ukrainaksi — pohjana ihmisten tekemää viimeistelyä varten.
  3. Tee CSV-vientitoiminnot mukautettaviksi
  4. Luo CSA-aliohjain yhteisön tukemilla ominaisuuksilla
    • Luo hallintapaneelin ylläpitotyökalut vanhentuneiden tulosten pudottamiseen ja olemassa olevan sisällön uudelleenindeksointiin.
    • Salli tiettyjen testien merkitseminen OK:ksi sivustolaajuisesti, ei vain yhdellä sivulla.
    • Salli jaettu konfiguraatio erillisillä asetuksilla ja testeillä kehittäjille ja sisällöntuottajille.

Keskustelussa

Keskustele näistä ideoista ja äänestä niistä Editoria11y-kirjaston foorumeilla.

Ideat on merkitty vaikeus/prioriteetti-arvioilla nykyisen yhteisökeskustelun perusteella.

  • Monisivustoinen seurantakojelauta
  • Rikkinäisten linkkien havaitseminen
  • PDF-skannaus
  • Työkaluvinkin koodisijainti-välilehti
  • Työkaluvinkin sivuraportin vienti
  • Merkityt sanat
  • CLI-kehittäjätyökalut
  • Kirjanmerkit/Selainlisäosat
  • ACT-sääntöjen validointi
  • Laajenna nimi/rooli/arvo-validointia