Hur mycket koldioxid produceras genom en sidvisning och hur mycket energi går åt jämfört med andra webbplatser på Webperf?
Betyg: 2.15 av 5
- Webbsidan genererar en hel del koldioxid :/ - Koldioxid per sidvisning: 1.43 gram - Webbsidan är grönare än 43 % av testade webbplatser på webperf.se (Referens uppdaterad: 2022-12-16). - Webbsidan är grönare än 44 % av testade webbplatser på webperf.se (Referens uppdaterad: 2021-12-12). - Nätverksstorlek: 2 mb ( 2.15 betyg )
Beta-version av e-postkollen. Utvärderar inställningar som SPF, DNS, MX och mycket mer. Obs! Detta test ingår inte i totalbetyget, däremot i delbetyget Integritet & säkerhet.
Betyg: 4 av 5
Webbstandard
MX DNS IPv4-post hittades ( 5.00 betyg )
MX DNS IPv6-post hittades ( 5.00 betyg )
MTA-STS DNS-post hittades inte ( 1.00 betyg )
MTA-STS TXT hittades inte ( 1.00 betyg )
SPF DNS-post hittades ( 5.00 betyg )
SPF DNS-post använder hårt misslyckande ( 5.00 betyg )
Integritet & säkerhet
MX DNS IPv4-post är överflödig ( 5.00 betyg )
MX DNS IPv6-post har redundans ( 5.00 betyg )
MX DNS-servrar i GDPR-säkert land: SE ( 5.00 betyg )
MTA-STS DNS-post hittades inte ( 1.00 betyg )
MTA-STS TXT hittades inte ( 1.00 betyg )
SPF DNS-post hittades ( 5.00 betyg )
SPF DNS-post använder hårt misslyckande ( 5.00 betyg )
SPF-servrar i länder med adekvat nivå av dataskydd: SE ( 5.00 betyg )
Tillgänglighetstest genom Google Lighthouse om webbplatsen är utformad på ett tillgängligt sätt för funktionsvarierade användare. Mäter med en mobilanvändares preferenser.
Betyg: 4.45 av 5
- Webbplatsen kan bli mer tillgänglig, men är ganska ok.
Tillgänglighet
- Vissa formulärelement har inte etiketter ( 1.00 betyg )
- Alla `aria-hidden="true"` finns inte i dokumentet `< body>` ( 5.00 betyg )
- Alla `role`-värden är giltiga ( 5.00 betyg )
- Alla attribut av typen `aria-*` har giltiga värden ( 5.00 betyg )
- Alla attribut av typen `aria-*` är giltiga och rättstavade ( 5.00 betyg )
- Alla bildelement har `alt`-attribut ( 5.00 betyg )
- Alla element med `role`-attribut har alla obligatoriska attribut av typen `aria-*` ( 5.00 betyg )
- Alla knappar har namn som hjälpmedlen kan använda ( 5.00 betyg )
- Alla obligatoriska underordnade element med `role` används för element med ARIA-rollen `role`. ( 5.00 betyg )
- Attributen av typen `aria-*` stämmer med elementets roll ( 5.00 betyg )
- Rätt överordnat element används för alla element med `role`-attribut ( 5.00 betyg )
- `user-scalable="no"` används inte i elementet `< meta name="viewport">` och attributet `maximum-scale` är inte mindre än 5. ( 5.00 betyg )
- Kontrasten mellan bakgrundsfärg och förgrundsfärg är inte tillräckligt stor. ( 1.00 betyg )
- Vissa länkar har inte ett igenkännligt namn ( 1.00 betyg )
- Alla `< frame>`- eller `< iframe>`-element har en titel ( 5.00 betyg )
- Alla `aria-hidden="true"`-element har inte fokuserbara underordnade element ( 5.00 betyg )
- Alla `id`-attribut för aktiva, fokuserbara element är unika ( 5.00 betyg )
- Det finns inga element med ett `tabindex`-värde som är större än 0 ( 5.00 betyg )
- Dokumentet har ett `< title>`-element ( 5.00 betyg )
- Namnen för `button`-, `link`- och `menuitem`-elementen är igenkännliga ( 5.00 betyg )
- `< html>`-elementet har ett `lang`-attribut ( 5.00 betyg )
- `< html>`-elementets `lang`-attribut har ett giltigt värde ( 5.00 betyg )
- Rubrikelementen visas i följd i fallande ordning ( 5.00 betyg )
Kontrollerar CSS-koden mot W3C för att se om den har rätt syntax och följer webbstandard.
Betyg: 3.93 av 5
- CSS är ok.
Webbstandard
- `< style>`, antal grupperade fel: 1 ( 4.80 betyg )
- `< style>`, antal fel: 4 ( 4.60 betyg )
- X: Parse Error. (totalt 4 st) - `style=""`, antal grupperade fel: 0 ( 5.00 betyg )
- `style=""`, antal fel: 0 ( 5.00 betyg )
- `< link rel="stylesheet">`, antal grupperade fel: 9 ( 3.20 betyg )
- `< link rel="stylesheet">`, antal fel: 82 ( 1.00 betyg )
- only X can be a X. You must put a unit after your number (totalt 61 st) - X: Too many values or values are not recognized. (totalt 8 st) - X: X is not a X value. (totalt 2 st) - X: Property X doesn't exist. (totalt 2 st) - The @charset rule may only occur at the start of the style sheet. Please check that there are no spaces before it. (totalt 2 st) - Parse Error. (totalt 2 st) - X: X negative values are not allowed. (totalt 2 st) - Deprecated media feature X. For guidance, see the Deprecated Media Features section in the current Media Queries specification. (totalt 2 st) - X: Parse Error. (totalt 1 st)
Följer webbplatsen praxis för progressiva webbappar? Obs! Detta test ingår inte i betygen.
- Webbplatsen är ganska dålig som progressiv webbapp. - Webbappens manifest eller tjänstefunktion uppfyller inte kraven för installation ( 1.00 betyg )
- Anger inte ett färgtema för adressfältet. ( 1.00 betyg )
- Har inte konfigurerats för en anpassad välkomstskärm ( 1.00 betyg )
- Manifestet har ingen maskerbar ikon ( 1.00 betyg )
- Registrerar inte en tjänstefunktion som styr sidan och `start_url` ( 1.00 betyg )
- Har en `< meta name="viewport">`-tagg med `width` eller `initial-scale` ( 5.00 betyg )
- Innehållet har rätt storlek för visningsområdet ( 5.00 betyg )
Kollar om webbplatsen följer god praxis för webbutveckling, enligt Google Lighthouse kriterier.
Betyg: 5 av 5
- Webbplatsen följer god praxis fullt ut! - Allows users to paste into input fields ( 5.00 betyg )
- Använder HTTPS ( 5.00 betyg )
- Bilder visas med korrekt bildformat ( 5.00 betyg )
- Bilder visas med lämplig upplösning ( 5.00 betyg )
- Definierar teckenuppsättning korrekt ( 5.00 betyg )
- Det finns inga fel i `Issues`-panelen i Chromes verktyg för programmerare ( 5.00 betyg )
- Inga webbläsarfel loggades i konsolen ( 5.00 betyg )
- Sidan har HTML som doctype ( 5.00 betyg )
- Undviker att begära aviseringsbehörighet vid sidinläsning ( 5.00 betyg )
- Undviker att begära åtkomst till geografisk plats vid sidinläsning ( 5.00 betyg )
- Undviker händelselyssnare för `unload` ( 5.00 betyg )
- Utfasade API:er undviks ( 5.00 betyg )
- Sidan har giltiga källkartor ( 5.00 betyg )
Webbstandard
- Utfasade API:er undviks ( 5.00 betyg )
Integritet & säkerhet
- Använder HTTPS ( 5.00 betyg )
- Det finns inga fel i `Issues`-panelen i Chromes verktyg för programmerare ( 5.00 betyg )
- Allows users to paste into input fields ( 5.00 betyg )
Tillgänglighetstest av webbplatsen för att kolla upp följsamhet till tillgänglighetsriktlinjerna WCAG (Web Content Accessibility Guidelines). Pa11y testar upp till och med nivå AAA av WCAG, vilket är högre än kravet i DOS-lagen.
Betyg: 1 av 5
Tillgänglighet
- Antal grupperade fel: 22 ( 1.00 betyg )
- Antal fel: 211 ( 1.00 betyg )
##### Problem: - Img element is the only content of the link, but is missing alt text. The alt text should describe the purpose of the link. - A element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 3:1, but text in this element has a contrast ratio of 1.75:1. Recommendation: change background to #bf8c26. - A element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 1.69:1. Recommendation: change background to #95701a. - A form field should be labelled in some way. Use the label element (either with a "for" attribute or wrapped around the form field), or "title", "aria-label" or "aria-labelledby" attributes as appropriate. - A element has role of "button" but does not have a name available to an accessibility API. Valid names are: element content, aria-label undefined, aria-labelledby undefined. - A element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 4.29:1. Recommendation: change text colour to #767676. - A element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 1.75:1. Recommendation: change background to #9f6c06. - A textinput element does not have a name available to an accessibility API. Valid names are: label element, title undefined, aria-label undefined, aria-labelledby undefined. - A element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 1.74:1. Recommendation: change text colour to #fefeff. - A element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 3.93:1. Recommendation: change text colour to #0f0f0f. - Info: För många unika problem för att lista alla.
Alpha-versionen av vårt mjukvaratest. Kontrollerar om det finns utdaterade versioner av mjukvara eller ramverk. Det vill säga potentiella säkerhetsrisker.
Kontrollerar om webbplatsen har tredjeparter och molntjänster utanför EU:s jurisdiktion, och om fingerprint-teknik används eller annat som äventyrar användarens integritet?
Betyg: 4 av 5
Integritet & säkerhet
- Dataskyddsförordningen och Schrems II-domen ( 1.00 betyg )
- Antal olika länder: 2
- Länder utan adekvat nivå av dataskydd: 1
- US, 17 förfrågningar
- Sidan skickades från Sverige: Ja
- Spårning ( 5.00 betyg )
- Identifieringstekniker ( 5.00 betyg )
- Annonsörer ( 5.00 betyg )
Sökmotoroptimering (SEO) enligt Google Lighthouse
2023-09-02
Är webbplatsen bra på sökmotoroptimering/SEO? Alltså att nå ut via sökmotorer, enligt Google Lighthouse kriterier.
Betyg: 4.65 av 5
- Webbsidan kan ändå förbättras inom SEO. - Länkar har inte beskrivande text ( 1.00 betyg )
- Alla bildelement har `alt`-attribut ( 5.00 betyg )
- Dokumentet har en metabeskrivning ( 5.00 betyg )
- Dokumentet har ett `< title>`-element ( 5.00 betyg )
- Dokumentet har ett giltigt `hreflang`-värde ( 5.00 betyg )
- Dokumentet har ett giltigt `rel=canonical`-värde ( 5.00 betyg )
- Dokumentet har läsliga teckenstorlekar ( 5.00 betyg )
- Dokumentet undviker plugin-program ( 5.00 betyg )
- Har en `< meta name="viewport">`-tagg med `width` eller `initial-scale` ( 5.00 betyg )
- Länkarna är genomsökningsbara ( 5.00 betyg )
- Sidan har en giltig HTTP-statuskod ( 5.00 betyg )
- Sidan är inte blockerad från indexering ( 5.00 betyg )
- Tryckmål har lämplig storlek ( 5.00 betyg )
- robots.txt är giltig ( 5.00 betyg )
Kontrollerar HTML-koden mot W3C för att se om den har rätt syntax och följer webbstandard.
Betyg: 3.75 av 5
- Den testade sidan har 17 st fel i sin HTML-kod. Genomsnittligt.
Webbstandard
- Antal (grupperade fel): 4 ( 4.20 betyg )
- Antal fel: 17 ( 3.30 betyg )
- Attribute X not allowed on element X at this point. (totalt 11 st) - CSS: X: Parse Error. (totalt 4 st) - Element X not allowed as child of element X in this context. (Suppressing further errors from this subtree.) (totalt 1 st) - The first child X element of a X element with a X attribute, and without a X attribute, and without a X attribute whose value is greater than X, must have either an empty X attribute, or must have no text content. Consider either adding a placeholder option label, or adding a X attribute with a value equal to the number of X elements. (totalt 1 st)
- Korrekt statuskod? Fick 404 och 404 är korrekt. ( 5.00 betyg )
- Hittade ingen sidtitel på sidan. ( 5.00 betyg )
- Hittade ingen huvudrubrik (h1) på sidan. ( 5.00 betyg )
- Verkar sakna text som beskriver att ett fel uppstått (på svenska, eller engelska för engelskspråkig webbplats). ( 5.00 betyg )
- Information är under 150 tecken, vilket tyder på att användaren inte får tillräckligt med information för att vägledas vidare. ( 5.00 betyg )
Webbstandard
- Korrekt statuskod? Fick 404 och 404 är korrekt. ( 5.00 betyg )
- Hittade ingen sidtitel på sidan. ( 5.00 betyg )
- Hittade ingen huvudrubrik (h1) på sidan. ( 5.00 betyg )
Tillgänglighet
- Hittade ingen sidtitel på sidan. ( 5.00 betyg )
- Hittade ingen huvudrubrik (h1) på sidan. ( 5.00 betyg )
- Verkar sakna text som beskriver att ett fel uppstått (på svenska, eller engelska för engelskspråkig webbplats). ( 5.00 betyg )
- Information är under 150 tecken, vilket tyder på att användaren inte får tillräckligt med information för att vägledas vidare. ( 5.00 betyg )
Försäkringskassan har nyligen tagit fram en matris som förklarar olika varianter av tillgänglighetsbehov – med inspiration från både Microsoft Inclusive Design Toolkit och Arbetsförmedlingen. Bra grejer som kan göra nytta hos fler organisationer!
I ett försök till god transparens följer här tidpunkter och insatser som påverkar bedömningar och betyg på Webperf. Listan uppdateras allt eftersom förändringar sker.
Nyhetsbrevet Webperf #40 – skickat 13:e september. EU:s adekvansbeslut nu hos EU-domstolen men inte på grund av Schrems, ny praxis för cookies och vem var egentligen bäst på webben i september?
Att det skulle komma ett nytt adekvansbeslut från EU-kommissionen var väntat. Även av samarbetsgruppen eSam. Men hur tänker de nu när Data Privacy Framework finns?
Kontinuerligt uppdaterad statistik om hur de tusentals webbplatser Webperf.se följer är uppbyggda. Vilket CMS och webbanalys de använder, hur tillgängliga de är, samt deras dataskydd.
Nyhetsbrevet skickas en gång i månaden. Innehållet är intressanta nyheter inom webbutveckling och tips för att bygga bra webbplatser. Prenumerera på Webperfs nyhetsbrev