QualiBooth
Suomi

Maailman edistynein saavutettavuusskanneri

Staattiset skannerit lukevat merkkauksesi. Meidän tekoälymme ohjaa sivustoasi.

Jokainen kilpailija ajaa saman staattisen sääntöjoukon DOM:iasi vasten. QualiBooth Deep Scan on tekoälyagentti: se avaa oikean selaimen, kulkee sivusi läpi sarkaimella, päättää mitä elementtejä kannattaa provosoida, avaa dialogisi ja mittaa, mitä näppäimistön käyttäjä todella saa - kuvakaappaus todisteena.

Skannaa sivustosi ilmaiseksi Katso se omilla sivuillasi
12 tekoälytarkistusta
joihin mikään staattinen työkalu ei pysty
Todisteet mukana
mittaus ja kuvakaappaus
QualiBooth-raportti, jossa Deep Scanin löydökset on merkitty staattisten rinnalle.

Se osa, jota kukaan ei skannannut

Automaattinen kattavuus lakkasi paranemasta. Niinpä laitoimme sivulle tekoälyagentin.

Staattinen analyysi lukee DOM:in ja CSS:n ja päättelee, mitä pitäisi tapahtua. Siinä se on aidosti hyvä - ja juuri siksi jokainen markkinoiden saavutettavuustyökalu löytää sivustoltasi suunnilleen samat ongelmat. Ne viat, joita se ei rakenteellisesti voi nähdä, ovat olemassa vain sivun ollessa käynnissä. Tähän asti niiden löytäminen tarkoitti ihmisen istuttamista sivun ääreen. Deep Scan lähettää sinne agentin - jokaiselle sivulle, jokaisella ajolla.

Mitä jokainen staattinen skanneri näkee

Tilannekuvan merkkauksesta, levossa.

  • Tällä painikkeella ei ole saavutettavaa nimeä.
  • Tämä teksti on 3,1:1 ilmoitettuun taustaväriinsä nähden.
  • Tämä ARIA-attribuutti ei ole sallittu tällä roolilla.
  • Tekstiä valokuvan päällä - vaatii tarkistuksen. Ihmisen pitäisi katsoa tätä.

Mitä Deep Scan -agentti mittaa

Oikea selain, tekoälyn ohjaama, kello käynnissä.

  • Kohdistusrengas eroaa nolla pikseliä kohdistamattomasta tilasta. outline:none voitti.
  • Valkoinen otsikko on 2,8:1 niihin pikseleihin nähden, jotka ovat sen takana oikeasti.
  • Sarkain saavuttaa tämän elementin, ja sitten kiinnitetty suostumuspalkki peittää sen kokonaan.
  • Escape sulkee dialogin, mutta kohdistus päätyy bodyyn eikä painikkeeseen, joka sen avasi.

Tarkistuslista

Kaksitoista tarkistusta, jotka vaativat käynnissä olevan sivun

Agentti päättää, mitä kannattaa tutkia; sen jälkeen jokainen tarkistus mittaa eikä päättele. Jokainen löydös kantaa mukanaan mitatun arvon, ylitetyn kynnyksen ja - useimmissa tarkistuksissa - kuvakaappauksen siitä hetkestä.

  • 01

    Kohdistuksen näkyvyys

    Kuvaa jokaisen elementin kohdistettuna ja kohdistamattomana ja vertaa pikseleitä. Se ei koskaan lue CSS:ääsi: outline:none ja sen jälkeen :focus-visible -sääntö on hyväksytty, ja sen tietävät vain pikselit.

    WCAG 2.4.7 WCAG 2.4.13

  • 02

    Peittynyt kohdistus

    Tekee osumatestejä kohdistettuun elementtiin ja mittaa, kuinka suuren osan siitä kiinnitetty ylätunnisteesi tai evästepalkkisi maalaa päälle. Kulkee sarkaimella molempiin suuntiin, koska kumpikin jättää eri elementin jumiin.

    WCAG 2.4.11 WCAG 2.4.12

  • 03

    Sarkainjärjestys

    Kulkee todellisen sarkainjärjestyksen ja vertaa sitä DOM-järjestykseen ja visuaaliseen lukujärjestykseen, mukana numeroitu kuvakaappaus reitistä.

    WCAG 2.4.3

  • 04

    Näppäimistöansat

    Löytää kohdistussyklit, jotka jättävät muun sivun saavuttamattomiin. Dialogi, joka pitää sarkaimen sisällään ja vapauttaa sen Escapella, toimii oikein eikä sitä raportoida.

    WCAG 2.1.2

  • 05

    Dialogien elinkaari

    Avaa jokaisen dialogin ja tarkistaa koko sopimuksen järjestyksessä: kohdistus siirtyy sisään, sarkain pysyy sisällä, tausta poistuu saavutettavuuspuusta, Escape sulkee ja kohdistus palaa avanneeseen painikkeeseen.

    WCAG 2.1.2 WCAG 2.4.3 WCAG 4.1.2

  • 06

    Live-ilmoitukset

    Rekonstruoi, milloin kukin live-alue syntyi suhteessa sisältöönsä - näin paljastuu ilmoitus, joka luotiin viesti jo sisällään ja joka siksi ei kuuluttanut mitään.

    WCAG 4.1.3

  • 07

    Hover- ja kohdistussisältö

    Tarkistaa työkaluvihjeiden ja popovereiden kaikki kolme vaatimusta: osoitin pääsee liikkumaan sisältöön, Escape sulkee sen osoitinta siirtämättä, eikä se piilota itseään.

    WCAG 1.4.13 WCAG 2.1.1

  • 08

    Kontrasti kuvien päällä

    Kaappaa tekstin, kaappaa saman alueen kirjainmerkit läpinäkyvinä ja vertaa jokaista kirjainpikseliä siihen taustaan, joka on sen takana oikeasti. Juuri tämän joukon staattiset työkalut merkitsevät ”vaatii tarkistuksen”.

    WCAG 1.4.3

  • 09

    Uudelleenladonta 320px

    Renderöi sivun 320 CSS-pikselissä ja nimeää uloimmat elementit, jotka yhä pakottavat vaakavierityksen, pois lukien omalla vieritysalueellaan oleva sisältö.

    WCAG 1.4.10

  • 10

    Tekstin välistys

    Soveltaa kriteerin vaatiman välistyksen ja vertaa geometriaa ennen ja jälkeen: kiinteäkokoisten laatikoiden leikkaama teksti, törmänneet lohkot.

    WCAG 1.4.12

  • 11

    Pakotetut värit

    Emuloi Windowsin suurta kontrastia ja mittaa jokaisen pienen grafiikan omaa ympäristöään vasten, ennen ja jälkeen, löytääkseen katoavat kuvakkeet.

    WCAG 1.4.11

  • 12

    Saavutettavat nimet

    Käyttää Chromen omaa nimenlaskentaa ja sen lähdelistaa: nimet jotka peittävät näkyvän nimiön, nimet jotka toistavat kuvauksensa, viittaukset jotka eivät osoita mihinkään.

    WCAG 2.5.3 WCAG 4.1.2

Yksikään markkinoilla oleva staattinen skanneri ei pysty suorittamaan yhtäkään näistä kahdestatoista tarkistuksesta. Juuri se tekee QualiBoothista maailman edistyneimmän saavutettavuusskannerin - ja siksi se löytää sen, minkä kaikki muut luovuttavat sinulle puhtaana raporttina.

Todisteita, ei mielipiteitä

Jokainen löydös kestää väittelyn kehittäjän kanssa

Saavutettavuuslöydöksessä vaikeinta ei ole sen havaitseminen. Vaikeaa on tulla uskotuksi palaverissa kolme päivää myöhemmin. Siksi jokainen Deep Scanin löydös raportoi tekemänsä mittauksen, kynnyksen johon sitä verrattiin, ja merkinnöin varustetun kuvakaappauksen siitä hetkestä.

  • Mitattu arvo itse lauseessa - kiinnitetyn suostumuspalkin kokonaan peittämä, ei saattaa olla peitossa.
  • Täsmällinen WCAG 2.2 -onnistumiskriteeri linkitettynä Understanding-sivuunsa.
  • Korjausohje kirjoitettuna juuri tälle löydökselle, ei säännölle yleisesti.
  • Se, mihin moottori ei saanut ratkaisua, raportoidaan sellaisena - ei koskaan hyväksyttynä.
Deep Scanin todistekuvakaappaus: kohdistettu elementti, sen peittävä elementti ja mitattu peitto.

Manuaalinen QA, jokaisella skannauksella

Näppäimistökierros, jonka tiimisi tekee ennen julkaisua - nyt agentin ajamana joka sivulla, joka yö

Nämä eivät ole uusia vaatimuksia. Nämä ovat tarkistuksia, jotka hyvä testaaja tekee jo käsin - ja juuri siksi ne tehdään viidelle sivulle ennen julkaisua eikä yhdellekään sen jälkeen.

  • Kulje sivu sarkaimella ja tarkkaile kohdistusrengasta

    Kuvaa jokaisen sarkainpysähdyksen kohdistettuna ja ilman ja vertaa pikseleitä

  • Avaa jokainen dialogi, paina Escape, katso minne kohdistus menee

    Avaa jokaisen dialogin ja tarkistaa koko sopimuksen järjestyksessä

  • Laukaise ilmoitus ja kuuntele ruudunlukijalla

    Kirjaa milloin kukin live-alue oli olemassa suhteessa sisältöönsä

  • Zoomaa 320 pikseliin ja etsi vaakavieritystä

    Renderöi 320 pikselissä ja nimeää sen aiheuttavat elementit

  • Siristele pääkuvan päällä olevaa valkoista tekstiä

    Vertaa jokaista kirjainpikseliä sen takana olevaan taustaan

Mihin se ei koske

Moottori napsauttaa rajattua joukkoa elementtejä saadakseen sivusi tekemään jotain. Se ei napsauta mitään, jonka saavutettava nimi kuulostaa poistamiselta, kirjautumiselta ulos, tilauksen peruutukselta, maksamiselta, kassalta, tilauksen tekemiseltä, julkaisemiselta tai arkistoinnilta. Sivustosi skannaus ei saa koskaan tehdä tilausta eikä poistaa tietuetta - vaikka useampi napsautus paljastaisi enemmän löydöksiä.

Miten se toimii

Tekoälyagentti ohjaa toista selainta staattisen moottorin rinnalla, samassa skannauksessa.

  1. 01

    Agentti tarttuu rattiin

    Toinen Chromium ajetaan staattisen moottorin rinnalla samassa todennetussa istunnossa agentin ohjaamana - joten myös kirjautumisen takana olevat sivut mitataan.

  2. 02

    Työpöytä ja mobiili

    Jokainen URL mitataan koossa 1280×720 ja uudelleen koossa 375×667. Kohdistusrengas, joka selviää työpöytäotsikostasi, häviää usein mobiiliotsikolle.

  3. 03

    Yksi yhdistetty raportti

    Käyttäytymislöydökset saapuvat samaan listaan staattisten kanssa, merkittyinä Deep Scan -tunnuksella ja vakavuuden mukaan järjestettynä. Mitään uutta ei tarvitse opetella.

  4. 04

    Todisteet jäävät ajon mukaan

    Merkinnöin varustetut kuvakaappaukset säilytetään skannauksen yhteydessä, joten kolmen kuukauden takainen löydös näyttää yhä todisteensa.

Deep Scanin yhteenvetopaneeli QualiBoothin URL-raportissa.

Raportissasi

Merkittyinä, laskettuina eikä koskaan hiljaa poissa

Deep Scanin löydökset nostetaan esiin sen sijaan että ne sekoitettaisiin hiljaa joukkoon - juuri niitä nykyinen työkalusi ei pysty tuottamaan. Ja löydösten puuttuminen on sekin tulos, joten jokainen raportti kertoo, mitä tutkittiin ja mihin ei päästy.

  • Deep Scan -merkki jokaisessa käyttäytymislöydöksessä ongelmalistalla.
  • Valmiit tarkistukset, elementtitutkinnat ja kerätyt todisteet, URL-kohtaisesti.
  • Kaikki, mitä ei voitu tarkistaa täysin, nimettynä ja syyn kanssa.
  • Viety CSV- ja JSON-muotoon muun skannausajon mukana.
12
käyttäytymistarkistusta
15
WCAG 2.2 -kriteeriä
2
näkymää URL-osoitetta kohti
100%
löydöksistä mittauksen kanssa

Kysymyksiä, joita meiltä kysytään

Miten tämä eroaa saavutettavuusoverlaysta?
Täysin. Overlay ruiskuttaa JavaScriptiä tuotantosivustollesi ja yrittää paikata saavutettavuutta ulkoapäin, yleensä huonontaen sitä. Deep Scan ei muuta sivustollasi mitään: se on agentti, joka vierailee sivustolla kuten ihminen, mittaa ja raportoi mitä löysi.
Korvaako tämä manuaalisen saavutettavuustestauksen?
Ei, emmekä väittäisi niin. Agentti automatisoi manuaalisen kierroksen mekaanisen puolikkaan - näppäimistökierroksen, dialogisopimuksen, 320 pikselin uudelleenladonnan - jotta testaajanne ja auditoijamme käyttäisivät aikansa harkintaan: onko lukujärjestys mielekäs, pitääkö vaihtoehtoinen teksti paikkansa, toimiiko kulku oikeasti ruudunlukijalla.
Voiko se rikkoa jotain sivustollani?
Se toimii rajatulla, suodatetulla joukolla elementtejä eikä koskaan minkään sellaisen kanssa, joka vaikuttaa tuhoavalta tai maksutapahtumaan liittyvältä. Ei poistoja, ei uloskirjautumista, ei kassaa. Kyse on pääosin lukevasta vierailusta yhdestä selaimesta.
Voiko se skannata kirjautumisen takana olevia sivuja?
Kyllä. Agentti käyttää uudelleen todennettua istuntoa, jonka skannaus on jo muodostanut, joten kaiken minkä skannauksesi tavoittaa, se pystyy mittaamaan.
Miksi saavutettavuuspisteeni muuttuivat, kun tämä otettiin käyttöön?
Deep Scan lisää pisteisiin sekä uusia löydöksiä että uusia läpimenneitä tarkistuksia, joten sen kanssa laskettu pistemäärä ei ole vertailukelpoinen ilman sitä lasketun kanssa. Pisteet pysyvät vertailukelpoisina saman skannausohjelman sisällä ja samalla asetuksella tehtyjen ajojen kesken - emme käännä sitä kesken ohjelman selkänne takana.
Mitä tekoäly oikeastaan tekee?
Päättää - ja todistaa sen sitten. Agentti tutkii sivuasi kuten testaaja tekisi: se valitsee mitä elementtejä kannattaa provosoida, mitkä dialogit avata ja kuinka pitkälle mennä ennen pysähtymistä. Ja jokaisen tekemänsä ratkaisun takana on mittaus ja kuvakaappaus arvauksen sijaan. Näin se on tarkoituksella rakennettu: itsenäinen siellä missä ihminen olisi hidas, ja todisteisiin nojaava siellä missä pelkkä kielimalli olisi epäluotettava.
Miksi kutsutte QualiBoothia maailman edistyneimmäksi saavutettavuusskanneriksi?
Koska mikään muu skanneri ei mittaa käynnissä olevan sivun käyttäytymistä. Jokainen markkinoiden työkalu lukee merkkauksesi ja päättelee; QualiBooth tekee senkin - ja lähettää lisäksi tekoälyagentin sivulle kahteentoista lisätarkistukseen, joita mikään staattinen moottori ei pysty tuottamaan, kukin mittauksen ja kuvakaappauksen tukemana. Tätä yhdistelmää ei ole missään muualla.

Selvitä, mitä nykyinen skannerisi on jättänyt huomaamatta

Aja ilmainen skannaus tai anna meidän suunnata Deep Scan -agentti siihen käyttäjäpolkuun, joka on liiketoiminnallesi tärkein.

Skannaa sivustosi ilmaiseksi Varaa esittely