NetRelations Inspector, ett testverktyg för webbgränssnitt

5 mars 2009

För att förenkla kvalitetssäkringen av våra gränssnitt har vi tagit fram NetRelations Inspector, ett verktyg som hjälper oss att snabbt testa sådant som går att kontrollera automatiskt.

Det gäller vissa tillgänglighetsparametrar, sökmotorvänlighet och en del andra best practices inom gränssnittsutveckling.

NetRelations Inspector bygger på Raakt - The Ruby Accessibility Analysis Kit. Raakt är ett open source-verktyg framtaget av Peter Krantz, som driver eutveckling.se.

Vi har gjort en hel del tillägg till Raakt för att komplettera de tillgänglighetstester som ingår i Raakt. Anledningen är att vi ville testa sådant som inte alltid är direkt kopplat till tillgänglighet, men som ändå bidrar till att höja kodkvaliteten. Vi ville också visa tydliga och utförliga felmeddelanden med information om varför ett problem är relevant och hur man kan åtgärda det. Sist men inte minst ville vi ha ett gränssnitt som är på svenska.

Eftersom vi tror att det är många fler än oss som skulle ha nytta av ett sådant verktyg öppnar vi det nu för vem som helst att använda.

De vi tror kan ha allra störst nytta av NetRelations Inspector är beställare och webbplatsansvariga som vill kunna kontrollera kvaliteten på det de köper och samtidigt lära sig mer om vad som är viktigt med webbgränssnitt. Det gör det också enklare att kontrollera kvaliteten på innehåll som laddas upp på webbplatsen av redaktörer.

Vi hoppas att det kan leda till högre gränssnittskvalitet och mer tillgängligt innehåll på fler webbplatser.

Tillgänglighet är mer än teknik

Det har varit en del diskussioner kring validering och tillgänglighet på sistone, så vi vill betona två saker:

  • En webbplats som inte får några anmärkningar av NetRelations Inspector är inte nödvändigtvis tillgänglig för alla.
  • En webbplats kan vara tillgänglig även om den får anmärkningar av NetRelations Inspector.

Många parametrar som påverkar tillgänglighet och användbarhet går helt enkelt inte att mäta automatiskt utan kräver mänsklig kontroll.

Med det sagt så ser vi gärna att du testar din webbplats med NetRelations Inspector. Du är välkommen att lämna en kommentar här om du hittar buggar eller har förslag på förbättringar eller tillägg.

Skriven av: Roger Johansson
Postad i: Blogg Nyckelord: SEO, Tillgänglighet, Inspector

Kommentarer

  • Daniel kommenterade 6 mars 2009 09:25

    Väldigt användbart verktyg! Kommer användas flitigt, tackar för det.

  • Lars Karlsson kommenterade 9 mars 2009 07:36

    Väldigt bra med ett svenskt verktyg för att testa sin webbplats. Jag testar min egen just nu.

    Det jag spontant saknar är stöd för att hitta exakt var problemet sitter, det är inte helt tydligt var felet finns. En radangivning skulle lösa det.

  • Roger Johansson kommenterade 9 mars 2009 08:17

    @Daniel: :-)

    @Lars: Tack för synpunkten. Vi får titta på det och se om det går att få ut vilken rad felet finns på.

  • Isac Lagerblad kommenterade 9 mars 2009 01:22

    Om man infogar sin css via @media print{} så upptäcker inte inspectorn den och säger därför att man inte har någon css för utskrift. Bra jobbat för övrigt

  • Isac Lagerblad kommenterade 9 mars 2009 01:54

    För att minimera antal requests "mergar" vi ihop alla våra css:er till en css-fil och använder i den @media screen{} @media print{}. :)

  • Roger Johansson kommenterade 9 mars 2009 01:28

    @isac: Nej, det stämmer. Däremot hänger den med om man använder @import fil.css print;.

    Är det i ett style-element eller i CSS-filen du använder @media print {}?

    Vi har det med på listan över framtida förbättringar.

  • Roger Johansson kommenterade 16 mars 2009 09:14

    @Isac: Nu ska den hitta alla @media print även i importerade CSS-filer.

  • Nilleonline webbyrå kommenterade 22 maj 2009 03:05

    Häftigt verktyg, även fast jag tycker att det klagade över en del töntiga saker som egentligen inte är fel.

  • Roger Johansson kommenterade 25 maj 2009 08:57

    @Nilleonline: Vilka saker tänker du på?

Använd detta formulär om du vill skicka ett meddelande:

Skriv en kommentar:

Dela ut sidan på sociala nätverk: