Dokumentasjon for WebQuest

WebQuest er et kommandobasert analyseverktøy for universell utforming av nettsider.

Grunnprinsipp

Skriv en kommando i feltet Kommando: og trykk Kjør.

Resultatet vises i chatten. Selve kommandoen vises som en h2, slik at det er lett å navigere mellom tidligere kommandoer med skjermleser.

Svar leses ikke automatisk opp i en live-region. Når WebQuest er ferdig med å vise svaret, spilles en kort lyd.

Etter hvert svar finnes knappen Kopier svar. Den kopierer kommandooverskriften og hele svaret som både formatert HTML og HTML-kode. Programmer som Microsoft Word kan lime inn det formaterte innholdet, mens kodeeditorer som Visual Studio Code normalt limer inn HTML-kilden. Kopieringsknappen tas ikke med.

Hvis WebQuest finner et cookie-banner eller en samtykkedialog, vises bare kontroller som sannsynligvis hører til dialogen. Svar med nummeret eller navnet på kontrollen. Skriv 0 for å fortsette uten å lukke dialogen. Dialoger med flere trinn støttes; WebQuest husker tidligere valg og spør på nytt når neste trinn åpnes.

Standard-URL

Velg

Setter standard-URL for senere kommandoer. WebQuest sjekker først at URL-en kan nås, og lagrer den bare hvis sjekken lykkes.

Eksempel:

Velg mortentollefsen.no

Svar:

https://mortentollefsen.no/ er valgt.

Hvis URL-en ikke kan nås, vises en feilmelding og standard-URL endres ikke.

Når en kommando kjøres uten URL, brukes valgt standard-URL.

Hvis ingen URL er valgt og kommandoen trenger URL, vises:

Du må angi en URL eller velge en standard URL med kommandoen "Velg URL".

Valgt url

Viser hvilken standard-URL som er valgt.

Valgt url

Hvis ingen standard-URL er valgt, vises:

Ingen standard-URL er valgt.

Valgt URL vises også under kommandofeltet i WebQuest.

Tøm

Tømmer chatten i WebQuest.

Tøm

Valgt standard-URL beholdes. Hvis du først har kjørt Velg mortentollefsen.no, kan du kjøre Tøm og deretter for eksempel Bilder uten å velge URL på nytt.

Avbryt

Stopper aktiv domenejobb og viser resultatet som er samlet så langt.

Avbryt

Hvis ingen domenejobb kjører, får du beskjed om det. Avbryt gjelder lange domene-kommandoer, ikke vanlige enkelt-side-kommandoer.

Domene-tid

Setter midlertidig maks tid for domene-kommandoer i den pågående chatten.

Domene-tid 300
Domene-tid 28800

Verdien huskes bare så lenge WebQuest-siden er åpen. Standard maks jobbtid er 300 sekunder. Serverens absolutte maksgrense er som standard 28800 sekunder, altså 8 timer.

Brytere

Noen kommandoer kan få brytere. En bryter starter med bindestrek og kan stå før eller etter URL-en.

Bilder -kun-problem nav.no
Bilder nav.no -kun-problem
Overskrifter -t nav.no

-t er en global bryter som kan brukes på alle kommandoer. Svaret vises i chatten som vanlig, og en ren tekstversjon sendes også til srMessage(text) hvis funksjonen finnes på siden.

-kun-problem viser bare mulige problemer der kommandoen støtter dette. Hjelp-kommandoen viser tilgjengelige brytere i en egen kolonne.

Kommandoer som støtter -kun-problem:

Aria
Aria-pekere
Bilder
CSS-oversikt
CSS-fokusstil
CSS-responsiv
Felt
HTML
Ider
Iframes
Kontrast
Landemerker
Lenker
Lesbarhet
Stavekontroll
Tabeller
Tastatur
Wcag

Kommandoer

Antall sider

Teller unike HTML-sider som kan nås ved å følge interne lenker fra startadressen. Aliaset Antallsider gjør det samme.

Antall sider mortentollefsen.no
Antall sider 1000 mortentollefsen.no
Antallsider 500

Hvis URL utelates, brukes valgt standard-URL. Tallet er det høyeste antallet URL-er som forsøkes. Hvis det utelates, brukes standardgrensen for domene-kommandoer. Kommandoen bruker tiden som er satt med Domene-tid, og kan stoppes med Avbryt.

Resultatet skiller mellom sider som ble nådd, URL-er som ble forsøkt og sider som ikke kunne hentes. Hvis køen tømmes uten feil eller avkorting, vises en fullført opptelling. Hvis sidegrensen, tidsgrensen eller Avbryt stopper jobben, vises resultatet som minst antallet sider som er funnet så langt.

Aria

Aria mortentollefsen.no

Viser først en kompakt oversikt over alle ARIA-attributter og roller som finnes på siden. Deretter vises mulige problemer, for eksempel aria-hidden på fokuserbare elementer, aria-label på kontroller der synlig tekst ikke inngår i navnet, aria-labelledby som peker til manglende id og roller som kan være mistenkelige.

Aria-pekere

Aria-pekere mortentollefsen.no

Viser ARIA-attributter som bruker ID-er for å peke til andre elementer på siden. Kommandoen tar med blant annet aria-labelledby, aria-describedby, aria-controls, aria-owns, aria-activedescendant, aria-details, aria-errormessage og aria-flowto.

For hvert element vises elementtype, role, accessible name, hvor elementet finnes, hvilket attributt som brukes og hvilke ID-er det peker til. Deretter vises en liten tabell over hva hver ID peker på. Mulige problemer som rapporteres er blant annet manglende ID, duplikat-ID, tomt mål og skjult mål.

Beskriv

Beskriv https://mortentollefsen.no/bilder-pynt/logo/navn-horisontal-gronn.svg

Beskriver selve bildet på norsk. Kommandoen vurderer ikke om bildet trenger alternativ tekst; den beskriver motiv, synlig tekst, layout, farger, stil og bakgrunn.

Kommandoen krever en bilde-URL direkte og bruker ikke valgt standard-URL fra Velg.

Bilder

Bilder mortentollefsen.no

Viser bilder, SVG-er og CSS-bakgrunnsbilder fra background-image med en liten visuell forhåndsvisning, accessible name, hvilken kilde som ga accessible name, om bildet er skjult eller dekorativt, navn fra nærmeste lenke eller knapp, alt-tekst, tom alt, manglende alt, SVG-tittel der det er relevant, role, aria-hidden og filnavn.

Accessible name beregnes i denne rekkefølgen: aria-labelledby, aria-label, native mekanismer som alt, label, value, SVG title og iframe title, deretter tekstinnhold for elementer som kan navngis fra innhold, og til slutt title som fallback.

Tom alt, aria-hidden="true" eller role="presentation" kan være OK for pynt hvis bildet faktisk er dekorativt. Hvis bildet ligger i en lenke eller knapp, bør du også se på Navn fra lenke eller knapp, fordi det ofte er det navnet skjermleseren bruker i praksis.

Forhåndsvisningen bruker bildets alt hvis det finnes. Hvis bildet ikke har alt-tekst, brukes Mangler alt-tekst. CSS-bakgrunnsbilder får teksten CSS-bakgrunnsbilde. Inline SVG uten vanlig bildeadresse forsøkes først vist som et lite skjermbilde av selve elementet. Hvis WebQuest ikke finner en visbar bildekilde, vises en kort plassholder med teksten Kan ikke vise bildet her.

Brutte lenker

Brutte lenker mortentollefsen.no
Brutte lenker -401 mortentollefsen.no
Brutte lenker -401 -403 mortentollefsen.no
Bruttelenker -403 mortentollefsen.no

Sjekker lenkene på den angitte siden, eller valgt standard-URL hvis URL ikke angis. Kommandoen analyserer ikke sidene det lenkes til; den sjekker bare om lenkene svarer.

Resultatet viser antall lenker totalt, antall lenker som ble sjekket, antall lenker som ble hoppet over og eventuelle brutte lenker. mailto:, tel: og andre lenker som ikke er vanlige nettsider hoppes over. Ankerlenker på samme side sjekkes mot id-er og navngitte ankere på siden.

Skriv -401 for å utelate lenker som svarer med HTTP-status 401 (krever autentisering), og -403 for å utelate HTTP-status 403 (tilgang nektet). Bryterne kan brukes hver for seg eller sammen. Uten brytere rapporteres 401 og 403 som før.

Brutte lenker-domene

Brutte lenker-domene 150 mortentollefsen.no
Brutte lenker-domene -401 150 mortentollefsen.no
Brutte lenker-domene -401 -403 150 mortentollefsen.no
Bruttelenker-domene 150 mortentollefsen.no -403

Crawler samme domene og viser sider der det finnes brutte lenker. Output er kompakt per side med lenketekst, URL og feilårsak. Antall fungerer på samme måte som for Epost-domene. Bryterne -401 og -403 kan stå før eller etter antall og URL, og utelater HTTP 401 og/eller 403 fra rapporten.

CSS-oversikt

CSS-oversikt mortentollefsen.no

Viser en kompakt oversikt over CSS på siden: CSS-filer, style-elementer, inline style, lesbare stylesheets, stylesheets som er blokkert for innsyn og antall CSS-regler.

Mulige problemer vises separat, for eksempel manglende stylesheets eller stylesheets WebQuest ikke får lest på grunn av nettleserens sikkerhetsregler.

CSS-regel

CSS-regel .underlined-link mortentollefsen.no/om
CSS-regel button.primary mortentollefsen.no
CSS-regel "main a" mortentollefsen.no

Finner CSS-regler som inneholder den angitte selectoren, også når ingen HTML-elementer bruker selectoren. Hvis URL ikke angis, brukes valgt standard-URL. Når selectoren inneholder mellomrom og URL oppgis direkte, kan selectoren settes i anførselstegn.

Oppsummeringen viser antall regler, nøyaktige og beslektede treff, elementer som bruker selectoren, undersøkte stilark og eventuelle analysebegrensninger. Hver regel får egen overskrift og viser hele selectoren, kilde, kildetype, linje når den er tilgjengelig, betingelser som @media, aktiv status, elementtreff, rekkefølge og selve CSS-koden.

Kommandoen undersøker lesbare stilark, style-elementer, imports, adopted stylesheets og åpne shadow DOM-er. Eksterne stilark som er skjult for nettleseren av CORS forsøkes hentet og analysert av serveren. CSS som nettleseren leverer gjennom CSSOM kan være normalisert; kommentarer og opprinnelig formatering blir ikke alltid bevart.

CSS-regel .klasse finner regler som uttrykkelig nevner .klasse, for eksempel .klasse:hover og main .klasse. Generelle regler som a eller * kan også påvirke et element med denne klassen, men regnes ikke som treff fordi de ikke nevner .klasse.

CSS-element

CSS-element #mt_main mortentollefsen.no
CSS-element .klasse mortentollefsen.no
CSS-element button mortentollefsen.no
CSS-element [aria-label] mortentollefsen.no

Viser beregnet CSS for elementer som matcher en selector. Hvis URL ikke angis, brukes valgt standard-URL.

Kommandoen er laget for enkle selectorer uten mellomrom, for eksempel #id, .klasse, button eller [aria-label]. For hvert treff vises element, id, klasser, tekststart og viktige beregnede CSS-egenskaper.

CSS-farger

CSS-farger mortentollefsen.no

Viser kombinasjoner av tekstfarge og bakgrunnsfarge som finnes på synlige tekstelementer. Like kombinasjoner slås sammen og vises med antall og korte teksteksempler.

CSS-fokusstil

CSS-fokusstil mortentollefsen.no

Tester fokuserbare elementer og viser om CSS endrer seg når elementet får fokus. Dette kan avdekke elementer som får svak eller manglende visuell fokusmarkering.

CSS-responsiv

CSS-responsiv mortentollefsen.no

Tester siden i flere viewport-bredder og rapporterer horisontal scrolling og elementer som stikker utenfor siden. Dette er nyttig for å finne innhold som gjør at brukeren må scrolle sidelengs.

CSS-skjult

CSS-skjult mortentollefsen.no

Viser elementer som er skjult med CSS eller skjulteknikker, for eksempel display:none, visibility:hidden, opacity:0, clipping, offscreen-plassering eller veldig små absolutte elementer. aria-hidden tas også med fordi det ofte brukes sammen med visuell skjuling.

CSS-variabler

CSS-variabler mortentollefsen.no

Viser CSS custom properties, altså variabler som --navn, fra stylesheets WebQuest får lest. For hver variabel vises verdi, antall definisjoner og noen selectors der variabelen er definert.

Design

Design [url]

Gir en visuell frontend-analyse av siden. Kommandoen viser blant annet viewport-status, horisontal scrolling, små tekststørrelser, små klikkmål, sticky/fixed elementer, synlig fokus og skjermbilder av siden i mobil, nettbrett og desktop.

Kommandoen er ment som hjelp til visuell vurdering av layout og design.

Dom

Dom mortentollefsen.no

Viser HTML/DOM slik siden ser ut etter lasting i analysemotoren. Dette kan inkludere endringer som JavaScript har gjort etter at den rå HTML-en ble hentet.

Epost

Epost mortentollefsen.no

Viser e-postadresser på den angitte siden. Kommandoen finner mailto:-lenker, e-postadresser som står som vanlig tekst uten lenke og e-postadresser som ligger i sidekode, for eksempel i en knapp-konfigurasjon.

Funnene vises i en tabell med kilde, lenketekst hvis den finnes, mulig bruk, e-postadresse, mailto-verdi, side og hvor på siden adressen ble funnet. Funn fra sidekode kan mangle presis plassering i DOM-en.

Epost-domene

Epost-domene 150 mortentollefsen.no

Crawler samme domene og leter etter e-postadresser på flere sider. Den finner mailto:-lenker, synlig tekst og e-postadresser i sidekode. Kommandoen bruker vanlig fetch, ikke Playwright, for å bruke lite minne. Den følger bare lenker på samme domene og hopper over typiske filer som PDF, bilder, CSS og JavaScript.

Hvis antall oppgis som første argument, brukes dette som maks antall sider. Hvis antall mangler eller ikke er et tall, brukes standard 150 sider. Absolutt maksgrense er 20 000 sider. Standard maks jobbtid er 300 sekunder, men kan endres midlertidig med Domene-tid. Resultatet viser sider sjekket, maks sider, tid brukt, maks tid, om søket ble stoppet av tidsgrensen, om resultatet er avkortet og e-postfunn.

Fargeblind

Fargeblind mortentollefsen.no
Fargeblind mortentollefsen.no --rødgrønn
Fargeblind mortentollefsen.no --protanopi
Fargeblind mortentollefsen.no --deuteranopi
Fargeblind mortentollefsen.no --tritanopi
Fargeblind mortentollefsen.no --gråtoner

Viser skjermbilde av siden simulert for fargeblindhet. Hvis bryter ikke angis, brukes rød/grønn-simulering. Lange sider deles i flere bilder.

Brytere: --rødgrønn / --rodgronn for rød/grønn fargeblindhet, --protanopi for rød fargeblindhet, --deuteranopi for grønn fargeblindhet, --tritanopi for blå/gul fargeblindhet og --gråtoner / --gratoner for gråtoner.

Resultatet er ett eller flere bilder med kort alt-tekst, for eksempel mortentollefsen.no vist med rød/grønn fargeblindhet, del 1 av 3. Typiske cookie- og samtykkebannere forsøkes skjult før skjermbildene tas. Dette er en simulering basert på skjermbilde av siden.

Felt

Viser skjemafelt og knapper på siden.

For hvert felt vises label eller tilgjengelig navn, hvilken kilde som ga accessible name, type og verdi.

Hvis label mangler:

Label: mangler label

For knapper brukes Tekst i stedet for Label.

Hvis knapp mangler tilgjengelig tekst:

Tekst: mangler tilgjengelig tekst

Fieldset vises som egen gruppe:

Fieldset: Kontaktinformasjon

Hvis legend mangler:

Fieldset: mangler legend

Skjema

Skjema mortentollefsen.no

Viser skjemaer på siden. For hvert skjema vises action, method, antall felt og korte felt- og knappenavn.

Skjema-domene

Skjema-domene 150 mortentollefsen.no

Crawler samme domene og viser sider der det finnes skjemaer. Output er kompakt per side. Antall fungerer på samme måte som for Epost-domene.

Fokus

Fokus mortentollefsen.no

Viser fokuserbare elementer i tab-rekkefølge med type element, tilgjengelig navn, hvilken kilde som ga accessible name, synlig tekst, tabindex og hvor elementet finnes.

Hjelp

Viser en kort oversikt over alle kommandoene.

Hjelp

Hent-element

Hent-element #mt_main mortentollefsen.no
Hent-element h1 mortentollefsen.no
Hent-element .klasse mortentollefsen.no

Henter elementer som matcher en enkel CSS-selector og setter dem inn i svaret som skjermbilder. I tillegg vises elementtype, id, klasser, størrelse, tekststart, hvor elementet finnes og et HTML-utdrag som kode.

Dette er tryggere enn å sette inn fremmed HTML direkte i WebQuest-chatten. Fremmed HTML kan ellers ta med CSS eller JavaScript som kolliderer med WebQuest.

Hvis URL ikke angis, brukes valgt standard-URL. Kommandoen viser inntil 10 elementer.

HTML

HTML mortentollefsen.no

Validerer rå HTML slik serveren sender den, og viser HTML-feil og advarsler.

For hvert funn vises melding, linje, kolonne, regel, eventuell selector, lenke til mer informasjon og et kort kodeutdrag når validatoren gir nok informasjon.

Dette er HTML-validering, ikke WCAG-validering.

Ider

Ider mortentollefsen.no

Viser alle ID-er på siden kompakt, med elementtype og kort tekst der det finnes. Varsler hvis samme ID finnes mer enn én gang.

Iframes

Iframes mortentollefsen.no

Viser iframes med accessible name, hvilken kilde som ga accessible name, title, src og eventuell manglende title.

Informasjonskapsler

Informasjonskapsler mortentollefsen.no

Viser informasjonskapsler som finnes etter at siden er lastet. Hvis URL ikke angis, brukes valgt standard-URL. Korte og forståelige verdier, for eksempel språk, tema, samtykkestatus og boolske valg, vises.

Mulige sesjonsverdier, autentiseringstoken, sporings-ID-er, UUID-er, e-postadresser og lange eller tilfeldig genererte verdier skjules. Rapporten oppgir hvorfor en verdi er skjult og hvor mange tegn den inneholder.

For hver informasjonskapsel vises navn, domene, sti, om domenet er sidedomenet eller et annet domene, økt eller utløpstid, Secure, HttpOnly, SameSite, partisjonering, verdilengde og omtrentlig størrelse. Mulige tekniske problemer vises separat. Et annet domene betegnes som mulig tredjepart, fordi domenet alene ikke alltid er nok til å avgjøre hvem som opprettet informasjonskapselen.

Analysen bruker en ny nettleserkontekst, slik at informasjonskapsler fra tidligere analyser ikke tas med. Resultatet beskriver tekniske egenskaper og er ikke i seg selv en vurdering av lovlighet eller samtykke.

Interaktive elementer

Interaktive elementer mortentollefsen.no
Interaktive elementer
3

Viser synlige interaktive elementer på siden i en tabell. Tabellen kan inneholde lenker, knapper, skjemafelt, summary, elementer med interaktive roller, tabindex og onclick.

Etter at tabellen er vist kan du skrive nummeret på et element, for eksempel 3, eller bruke Velg-knappen i tabellen. WebQuest aktiverer da elementet i samme levende nettleserøkt og viser en ny tabell over interaktive elementer på siden slik den ser ut etter klikket. Hvis klikket bytter side eller åpner ny side, oppdateres valgt standard-URL til faktisk URL.

Hvis URL angis i kommandoen, startes en ny interaktiv økt for denne URL-en. Hvis URL ikke angis, brukes aktiv interaktiv økt hvis den finnes, ellers valgt standard-URL. Økten lukkes automatisk etter inaktivitet, og lukkes også når du bruker Velg <url>.

Kontrast

Sjekker tekstkontrast mot beregnet CSS-bakgrunn.

Kontrast mortentollefsen.no

Svaret viser nivå A, AA og AAA. Nivå A har ikke vanlige tekstkontrastkrav.

Ved brudd vises teksten, kontrastforhold, krav og hvor på siden bruddet ble funnet.

Begrensning: denne versjonen sjekker tekst mot beregnet CSS-bakgrunn. Tekst over bilder, mønstre og gradienter kan kreve mer avansert pikselanalyse senere.

Kildekode

Kildekode mortentollefsen.no

Viser rå HTML slik serveren sender den. Koden vises i en semantisk <pre><code>-blokk med monospace-font. Dette er nyttig når du vil undersøke hva som faktisk ligger i HTML-responsen før nettleseren eventuelt endrer siden med JavaScript.

Hvis du vil se siden slik analysemotoren ser den etter lasting, bruk Dom.

Lagre

Lagre mortentollefsen.no

Lager en ZIP-fil med MHTML-arkiv av siden (.mht), PDF av siden og en liten infofil med URL, faktisk URL og tittel.

PDF lages med Chromium/Playwright. WebQuest forsøker å lage en tagget PDF der Chromium/Playwright støtter det, men kvaliteten på PDF-strukturen vil fortsatt avhenge av siden som lagres.

Hvis URL ikke angis, brukes valgt standard-URL fra Velg. Filen lastes ned via nettleseren og havner i nettleserens standard nedlastingsmappe. Filnavnet inneholder dato, klokkeslett, domene og sidetittel.

Landemerker

Landemerker mortentollefsen.no

Viser landemerker som header, nav, main, aside, footer, search og elementer med landmark-roller.

Varsler blant annet hvis main mangler, hvis det finnes flere main-landemerker, hvis flere nav-landemerker finnes uten navn, og hvis synlig innhold ligger utenfor landemerker.

Hvis synlig innhold ligger utenfor landemerker, vises en egen liste med elementtype, tekst eller navn, om elementet er fokuserbart og hvor elementet finnes.

Lenker

Lenker mortentollefsen.no

Viser lenker med lenketekst eller tilgjengelig navn, hvilken kilde som ga accessible name, URL, om lenken åpnes i nytt vindu og hvor lenken finnes.

Viser også mulige problemer, blant annet lenker uten tekst, samme lenketekst til ulike URL-er og samme URL med ulike lenketekster.

Lesbarhet

Lesbarhet mortentollefsen.no

Viser en praktisk oversikt over tekstinnholdet på siden: antall ord, antall setninger, gjennomsnittlig antall ord per setning, lange avsnitt og listepunkter, lange setninger, svake eller manglende lenketekster, tekst skrevet med store bokstaver og elementer med eget lang-attributt.

Dette er ikke en språkvask eller en fasit for klarspråk. Kommandoen er ment som en rask varsellampe for ting som bør vurderes manuelt.

Oppsummering

Oppsummering mortentollefsen.no

Gir en kort førstesjekk av siden. Hvis URL utelates, brukes valgt standard-URL.

Kommandoen viser blant annet tittel, h1, språk, antall overskrifter, landemerker, lenker, bilder, felt, tabeller og iframes. Den viser også nøkkeltall for WCAG-funn, HTML-feil, kontrast, accessible name, bilde-alt, lenker, landemerker og ARIA.

Til slutt vises en kort liste med anbefalte neste kommandoer, for eksempel Wcag, Felt, Bilder, Kontrast, HTML, Brutte lenker, Lenker, Landemerker eller Aria. WebQuest viser også knapper som kan kjøre de anbefalte kommandoene direkte.

Overskrifter

Viser overskriftene på siden i DOM-rekkefølge.

Overskrifter mortentollefsen.no

Visningen tar med overskrifter som er visuelt skjult for seende, men tilgjengelige for skjermleser.

Overskrifter som er skjult med for eksempel display:none, visibility:hidden eller hidden, tas ikke med.

Overskrifter med aria-hidden="true" tas med, men merkes:

H2: Eksempel (aria-hidden)

Robots

Robots mortentollefsen.no

Henter robots.txt for domenet til URL-en. Hvis URL utelates, brukes valgt standard-URL. Hvis siden er https://www.example.com/side, henter WebQuest https://www.example.com/robots.txt.

robots.txt er en tekstfil som ligger øverst på et nettsted. Den brukes til å gi instruksjoner til søkemotorer og andre roboter om hvilke deler av nettstedet de bør eller ikke bør hente. Filen er en høflig instruksjon, ikke en sikkerhetsmekanisme. Innhold som blokkeres i robots.txt er ikke beskyttet; adressene kan fortsatt åpnes av brukere og roboter som ignorerer filen.

Typisk innhold er User-agent, Disallow, Allow, Sitemap og noen ganger Crawl-delay.

WebQuest viser status for filen, størrelse, antall linjer, sitemap-lenker, user-agent-grupper og regler. Mulige merknader vises separat, for eksempel hvis filen mangler eller hvis Disallow: / blokkerer hele nettstedet for en user-agent.

Sidespråk

Viser sidens språk fra lang på html-elementet.

Sidespråk mortentollefsen.no

Eksempel på svar:

Sidespråk: no

Hvis språk ikke er angitt:

Sidespråk: ikke angitt

Skjermleser

Skjermleser mortentollefsen.no
Skjermleser mortentollefsen.no --struktur
Skjermleser --struktur mortentollefsen.no
Skjermleser -s mortentollefsen.no
Skjermleser --s mortentollefsen.no

Viser en skjermleser-lignende rapport basert på nettleserens accessibility tree. Rapporten kan gi en nyttig første forståelse av hvordan siden eksponeres gjennom tilgjengelighetsstrukturen.

Standardmodus viser en mer lesbar rapport i omtrent leserekkefølge. --struktur, -s og --s viser en mer teknisk, innrykket struktur. Hvis URL ikke angis, brukes valgt standard-URL.

Skjermbilder

Skjermbilder [url]

Lager skjermbilder av siden i mobil, nettbrett og desktop og setter dem inn i svaret. Dette kan brukes til visuell kontroll, deling med seende utviklere eller videre bildebeskrivelse med skjermleser/andre verktøy.

Statistikk

Statistikk

Viser hvor mange ganger hver kommando er brukt totalt i WebQuest.

Hver gang en kjent kommando kjøres, lagres bare kommandonavnet i statistikken. URL-er og selve svarene lagres ikke.

WebQuest viser også antall aktive vinduer siste 2 minutter rett under valgt URL. Dette er basert på et anonymt heartbeat fra hvert åpne WebQuest-vindu. Det er derfor et anslag over aktive vinduer, ikke et sikkert tall for unike personer.

Skrifttyper

Skrifttyper mortentollefsen.no

Viser unike kombinasjoner av tekststil på siden. Hver post viser HTML-tag, skrifttype, størrelse, vekt, forgrunnsfarge, bakgrunnsfarge og et kort teksteksempel. Farger vises som hex-verdi med omtrentlige norske fargenavn i parentes. Teksteksempelet vises også med beregnet skrifttype, størrelse, vekt, tekstfarge og bakgrunnsfarge.

Stavekontroll

Stavekontroll [-språk:nb|nn|en] [-selector:selector] [url]

Finner mulige skrivefeil i synlig tekst på siden. Hvis språk ikke angis, brukes sidens lang-attributt. Hvis deler av siden er merket med eget lang, for eksempel lang="en" på et engelsk sitat, brukes riktig ordliste for den delen av teksten. Støttede språk er foreløpig bokmål (nb), nynorsk (nn) og engelsk (en).

Stavekontroll mortentollefsen.no
Stavekontroll -språk:nb mortentollefsen.no
Stavekontroll -selector:main mortentollefsen.no
Stavekontroll -språk:en -selector:article example.com

Resultatet viser språk, språk som faktisk ble brukt, hvor mye tekst som ble sjekket, antall mulige skrivefeil og en tabell med ord, forslag, tekstutdrag og hvor ordet finnes. Dette er en maskinell stavekontroll og må vurderes manuelt, spesielt for navn, fagord og forkortelser.

Hvis -språk: brukes, tvinges hele kontrollen til valgt språk. Det kan være nyttig når siden mangler riktig lang, men normalt er det best å la WebQuest bruke språkmerkingen i HTML-en.

Tabeller

Tabeller [url]

Viser tabeller med caption, antall rader og kolonner, th, scope og om tabellen kan være en layout-tabell. Hver tabell vises med egen overskrift. Etter oppsummeringen vises et faktisk tabellutdrag med inntil fem rader og åtte kolonner. Hvis tabellen er større, står det at utdraget er avkortet.

Aliaset Tabell gjør det samme, men hovedkommandoen er Tabeller.

Tabell-domene

Tabell-domene [antall] [url]

Crawler samme domene og viser sider der det finnes tabeller. Output er kompakt per side med caption, antall rader, antall kolonner og enkle strukturindikatorer. Antall fungerer på samme måte som for Epost-domene.

Tastatur

Tastatur [url]

Analyserer tastaturbruk på siden. Kommandoen viser tab-rekkefølge, fokuserbare elementer, positiv tabindex, elementer som mangler tilgjengelig navn, elementer som mangler tydelig synlig fokus og klikkbare elementer som ikke ser ut til å kunne nås med tastatur.

Kommandoen rapporterer også om det finnes tydelige hopp-lenker til hovedinnhold når siden har mange fokuserbare elementer.

Tittel

Tittel mortentollefsen.no

Viser dokumenttittel, første h1, om tittel eller h1 mangler, og om tittel og h1 virker like eller ulike.

Video

Video mortentollefsen.no

Viser videoer på siden, inkludert HTML-video, videofiler og vanlige embeds fra blant annet YouTube, Vimeo, Facebook, Wistia, Kaltura og Brightcove der de finnes i DOM.

Video-domene

Video-domene 150 mortentollefsen.no

Crawler samme domene og viser sider der det finnes videoer eller video-embeds. Output er kompakt per side. Antall fungerer på samme måte som for Epost-domene.

Viewport

Setter skjermområdet som brukes når WebQuest laster og analyserer nettsider.

Viewport
Viewport mobil
Viewport nettbrett
Viewport desktop
Viewport 390x844
Viewport standard

Viewport uten argument viser gjeldende valg. De faste størrelsene er mobil 390 × 844, nettbrett 768 × 1024, desktop 1440 × 900 og standard 1280 × 720 CSS-piksler. Egendefinerte størrelser kan skrives med x, × eller mellomrom mellom bredde og høyde.

Valget brukes av vanlige kommandoer som åpner siden i Playwright, og beholdes etter Tøm til det endres eller WebQuest lastes på nytt. Gjeldende viewport vises i parentes etter statusen for valgt standard-URL under kommandofeltet.

Viewport påvirker ikke domenecrawlere eller Kildekode, som henter HTML uten å gjengi siden. CSS-responsiv fortsetter å teste sine egne forhåndsdefinerte skjermbredder.

WCAG

Wcag mortentollefsen.no

Kjører automatiske tilgjengelighetstester med axe-core. Svaret grupperer funn etter nivå A, AA, AAA, best practice og funn som må vurderes manuelt.

Dette er ikke en full manuell WCAG-revisjon. Automatiske verktøy finner bare en del av mulige WCAG-brudd.

Hvor ligger hva?

mortentollefsen.no/apper/webquest

Dette er selve WebQuest-appen som brukeren åpner i nettleseren. Her ligger siden du ser, kommandofeltet, chatten, dokumentasjonen og JavaScript-koden som viser svarene.

Disse filene kan sammenlignes med et kontrollpanel. Du skriver en kommando, WebQuest viser svaret, og WebQuest husker valgt URL. Men selve arbeidet med å åpne og undersøke andre nettsider gjøres ikke her.

Grunnen er at vanlig JavaScript i nettleseren har mange begrensninger. Det kan ikke fritt åpne og analysere andre nettsteder, og det skal heller ikke inneholde hemmelige API-nøkler.

GitHub

GitHub er stedet der kildekoden til analysetjenesten lagres.

Du må bruke GitHub fordi Render trenger et sted å hente serverkoden fra. Når server.js endres, legges den nye versjonen på GitHub. Deretter kan Render hente den nye koden og starte analysetjenesten på nytt.

GitHub er altså ikke selve WebQuest og ikke selve analysetjenesten. Det er mer som et lager for kildekoden som Render bruker.

Render

Render kjører analysetjenesten webquest-analyzer.

Render er serveren som faktisk gjør analysejobben.

Når du skriver for eksempel Overskrifter nav.no i WebQuest, skjer dette:

WebQuest sender kommandoen og URL-en til Render.
Render starter Chromium med Playwright, omtrent som en automatisk nettleser.
Siden åpnes, og JavaScript på siden får kjøre.
Render undersøker den ferdige siden.
Render sender resultatet tilbake til WebQuest.
WebQuest viser svaret i chatten.

Dette er spesielt viktig fordi mange moderne nettsteder ikke ligger ferdig i HTML-koden fra start. De bygges opp av JavaScript etter at siden åpnes. Render gjør det mulig å analysere siden slik den faktisk blir etter at nettleseren har jobbet ferdig.

Render er også stedet der hemmelige miljøvariabler ligger, for eksempel OpenAI-nøkkelen. Slike nøkler skal ikke ligge på mortentollefsen.no eller i GitHub.

OpenAI

OpenAI brukes bare av kommandoen Beskriv <bilde-url>. Da sendes bildet til OpenAI for å lage en norsk beskrivelse av selve bildet.

Denne funksjonen koster penger via Morten Tollefsens OpenAI API-konto. Bruk derfor ikke Beskriv ukritisk eller til mange bilder uten avtale. De andre WebQuest-kommandoene bruker ikke OpenAI.