Mångkulturellt centrum

Kontrollerar HTML-koden mot W3C.

---

Betyg: 1 av 5

* Den testade sidan har massor med fel i sin HTML-kod. Hela 25 st.
* Antal (grupperade fel): 11, vilket ändrar betyget till: 2.80
* Antal fel: 25, vilket ytterligare minskar betyget med: 2.50
* Problem (grupperad på feltyp):
- Element X not allowed as child of element X in this context. (Suppressing further errors from this subtree.) (totalt 5 st)
- Bad value X for attribute X on element X: Illegal character in scheme data: space is not allowed. (totalt 3 st)
- An X element must have an X attribute, except under certain conditions. For details, consult guidance on providing text alternatives for images. (totalt 3 st)
- Attribute X not allowed on element X at this point. (totalt 3 st)
- CSS: Parse Error. (totalt 2 st)
- Bad value X for attribute X on element X: Width for image X is identical to width for image X. (totalt 2 st)
- No space between attributes. (totalt 2 st)
- Saw X when expecting an attribute name. Probable cause: X missing immediately before. (totalt 2 st)
- CSS: X: Too many values or values are not recognized. (totalt 1 st)
- Bad value X for attribute X on element X: Reserved keyword X used. (totalt 1 st)
- Bad value “” for attribute X on element X: An ID must not be the empty string. (totalt 1 st)

• Kolla HTML-koden med W3C
• Hur funkar betygen för HTML på Webperf?

Kollar om webbplatsen följer god praxis för webbutveckling.

---

Betyg: 4 av 5

* Webbplatsen har ändå förbättrings­potential.
* Antal problem med god praxis: 2 st

Problem:
* Serves images with low resolution
* Missing source maps for large first-party JavaScript

Kolla Lighthouse hos web.dev

Är webbplatsen bra på sökmotoroptimering/SEO? Att nå ut via sökmotorer, enligt Google Lighthouse.

---

Betyg: 4 av 5

* Webbplatsen har ändå förbättrings­potential inom SEO.
* Antal problem med sökmotoroptimering (SEO): 2 st

Problem:
* Links do not have descriptive text
* Image elements do not have `[alt]` attributes

Kolla Lighthouse hos web.dev

Följer webbplatsen praxis för felsidan 404?

---

Betyg: 5 av 5

* Inga anmärkningar.

• Kolla HTTP-kod hos SEObook
• Hur funkar Fel 404 som betyg på Webperf?

Hastighetstest från Google.

---

Betyg: 2 av 5

* Webbplatsen är ganska långsam.
* Observerad hastighet: 2.55 sekunder
* Första meningsfulla visuella ändring: 2.552 sek
* Första meningsfulla visuella ändring på 3G: 5.477 sek
* Webbplatsen är interaktiv: 9.961 sek
* Tid spenderad på hänvisningar: 0.0 sek
* Sidans totala vikt: 1524 kb

Kolla Lighthouse hos web.dev

Följer webbplatsen praxis för progressiva webbappar?
Obs! Betygsätts inte.

---

* Genomsnittlig efterlevnad till praxis för progressiva webbappar.
* Antal problem med praxis för progressiva webbappar: 5 st

Problem:
* Does not register a service worker that controls page and `start_url`
* Does not set a theme color for the address bar.
* Manifest doesn't have a maskable icon
* Web app manifest or service worker do not meet the installability requirements
* Is not configured for a custom splash screen

Kolla Lighthouse hos web.dev

Hur snabb är webbplatsen?

---

Betyg: 3.68 av 5

* Genomsnittlig hastighet.
* Speedindex: 1490
* Laddtid: 1.61s
* Antal förfrågningar: 45 st

• Hur funkar Sitespeed.io-testet på Webperf?

Dataskydd.net kollar hur mycket som gjorts för att skydda besökarnas integritet. Betyg och bedömning är Webperfs.

---

Betyg: 1 av 5

* Riktigt dålig integritet för användarna!
* HTTPS som standard: är bra!
* HTTP Strict Transport Security (HSTS): är ok, men har 2 fel och 0 varning(ar). (Vilket ger 0.20 färre poäng)
* Content Security Policy: är dåligt. (Vilket ger 1.00 färre poäng)
* Rapportering (CSP, Certificate Transparency, Network Error Logging): är bra!
* Referrer Policy: är dåligt. (Vilket ger 1.00 färre poäng)
* Subresource Integrity (SRI): är dåligt. (Vilket ger 1.00 färre poäng)
* HTTP-headers: För att aktivera dessa headers behöver du lägga till dem till din webbserverkonfiguration. Detta är normalt en enkel sak. Exakt hur du gör det beror på vilken server du använder. Denna sida [developer.mozilla.org] har konfigurationsexempel för Apache, Nginx och IIS.
* Kakor: är ok, men har 30 fel och 0 varning(ar). (Vilket ger 1.00 färre poäng)
* localStorage: localStorage används ej.
* Tredjepartsförfrågningar: 34 förfrågningar (34 säkra, 0 osäkra) till 10 unika värdar.
* IP-adress: Servern mkcentrum.se hade IP-adressen 91.201.60.16 under vårt test.
Resultat skapat: 2021-11-29 11:22:26 Etc/UTC (Buffras 24h)

• Kolla integriteten med Webbkoll på dataskydd.net
• Hur funkar integritetsbetyget på Webperf?

Hur mycket koldioxid produceras genom en sidvisning? Drivs webbplatsen med grön-el?

---

Betyg: 4.58 av 5

* Webbsidan genererar ganska lite koldioxid.
* Koldioxid per sidvisning: 1.22 gram
* Webbsidan är grönare än 44 % av testade webbplatser.
* Webbplatsen verkar drivas av grön el.

• Kolla miljöpåverkan hos Websitecarbon.com

Kontrollerar om webbplatsen stödjer IPv6, säkerhets­standarden TLS och vilka versioner av HTTP.

---

Betyg: 4.50 av 5

* Resultat för: https://mkcentrum.se
- Har HTTP till HTTPS omdirigering (1.0 poäng)
- TLS Version(er):
-- TLSv1.3 stöd (+0.5 poäng)
-- TLSv1.2 stöd (+0.5 poäng)
-- Inget TLSv1.1 stöd (+0.3 poäng)
-- Inget TLSv1.0 stöd (+0.3 poäng)
- IP Version(er):
-- Bara IPv4 stöd (+0.5 poäng)
- HTTP Version(er):
-- HTTPv1.1 stöd (+0.5 poäng)
-- HTTPv2 stöd (+0.5 poäng)
-- HTTPv3 stöd (+0.2 poäng)
-- QUIC stöd (+0.2 poäng)

• Kolla om domänen stödjer IPv6
• Hur funkar HTTP, HTTP över SSL, IP, TLS & ESNI på Webperf?

Kontrollerar med Google Lighthouse API om webbplatsen är utformad på ett tillgängligt sätt för funktionsvarierade användare. Mäter med en mobil­användares preferenser.

---

Betyg: 1 av 5

* Väldigt dålig tillgänglighet!
* Antal problem med tillgänglighet: 7 st
* Elements with an ARIA `[role]` that require children to contain a specific `[role]` are missing some or all of those required children.
* Heading elements are not in a sequentially-descending order
* Background and foreground colors do not have a sufficient contrast ratio.
* Image elements do not have `[alt]` attributes
* `[user-scalable="no"]` is used in the `* Links do not have a discernible name
* Some elements have a `[tabindex]` value greater than 0

• Kolla tillgänglighet hos web.dev
• Hur funkar tillgänglighetstestet med Axe på Webperf?

Letar efter standardfiler som robots.txt, sitemaps och RSS-prenumerationer

---

Betyg: 2 av 5

* robots.txt verkar ok.
* Sitemap anges inte i robots.txt
* RSS-prenumeration hittad.
* security.txt saknas.

• Hur funkar testet av standardfiler på Webperf?

Kontrollerar CSS-koden mot W3C.

---

Betyg: 1 av 5

* CSS är väldigt dålig.
- Antal (grupperade fel): 37, vilket ändrar betyget till: -2.40
- Antal fel: 276, vilket ytterligare minskar betyget med: 23.90
-- “background”: Parse Error. (totalt 196 st)
-- Parse Error. (totalt 24 st)
-- “font”: “/” is not a “font” value. (totalt 11 st)
-- “filter”: “"alpha(opacity=75)"” is not a “filter” value. (totalt 4 st)
-- “filter”: “"alpha(opacity=40)"” is not a “filter” value. (totalt 3 st)
-- Deprecated media feature “max-device-width”. For guidance, see the Deprecated Media Features section in the current Media Queries specification. (totalt 2 st)
-- “background”: “transparent9” is not a “background-color” value. (totalt 2 st)
-- “filter”: “"alpha(opacity=90)"” is not a “filter” value. (totalt 2 st)
-- “height”: Parse Error. (totalt 2 st)
-- “-webkit-border-image”: Parse Error. (totalt 2 st)
-- “border-image”: Parse Error. (totalt 2 st)
-- “text-decoration-style”: Too many values or values are not recognized. (totalt 1 st)
-- “width”: Too many values or values are not recognized. (totalt 1 st)
-- “font-style”: “14px” is not a “font-style” value. (totalt 1 st)
-- “height”: Unknown dimension. (totalt 1 st)
-- Unknown pseudo-element or pseudo-class “:top” (totalt 1 st)
-- “margin-bottom”: “10x” is not a “margin-bottom” value. (totalt 1 st)
-- “align-items”: “top” is not a “align-items” value. (totalt 1 st)
-- “animation”: Missing a semicolon before the property name “-moz-animation”. (totalt 1 st)
-- “webkit-transition”: Property “webkit-transition” doesn't exist. (totalt 1 st)
-- “background”: “ligthen(#73859f,25%)” is not a “background-color” value. (totalt 1 st)
-- “background”: “ligthen(#73859f,50%)” is not a “background-color” value. (totalt 1 st)
-- “text-shadow”: Too many values or values are not recognized. (totalt 1 st)
-- “align-self”: “right” is not a “align-self” value. (totalt 1 st)
-- “align-self”: “left” is not a “align-self” value. (totalt 1 st)
-- “transition”: “0” is not a “transition” value. (totalt 1 st)
-- “filter”: “transparent” is not a “filter” value. (totalt 1 st)
-- “filter”: “"alpha(opacity=0)"” is not a “filter” value. (totalt 1 st)
-- “filter”: “"alpha(opacity=100)"” is not a “filter” value. (totalt 1 st)
-- “filter”: “"alpha(opacity=85)"” is not a “filter” value. (totalt 1 st)
-- “max-width”: Parse Error. (totalt 1 st)
-- “color”: “222222” is not a “color” value. (totalt 1 st)
-- “background”: The first argument to the “linear-gradient” function should be “to left”, not “left”. (totalt 1 st)
-- “-moz-border-image”: Parse Error. (totalt 1 st)
-- “border-bottom-style”: Parse Error. (totalt 1 st)
-- Deprecated media feature “min-device-width”. For guidance, see the Deprecated Media Features section in the current Media Queries specification. (totalt 1 st)
-- “border-radius”: “none” is not a “border-radius” value. (totalt 1 st)

• Hur funkar CSS-testet på Webperf?

Lever webbplatsen upp till EU:s webbdirektiv och WCAG?

---

Betyg: 1 av 5

* Väldigt dålig tillgänglighet!
* Antal tillgänglighetsproblem: 17 st

Problem:
* Anchor element found with no link content and no name and/or ID attribute.
* Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.
* 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 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 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 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 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 emailinput 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 2.13:1. Recommendation: change background to #ba5d00.
* Anchor element found with no link content and no name and/or ID attribute.
* Info: För många unika problem för att lista alla

• Hur funkar tillgänglighetstestet Pa11y på Webperf?

Molntjänster utanför EU? Används fingerprint-teknik eller annat som äventyrar användarens integritet?

---

Betyg: 3 av 5

* Dataskyddsförordningen och Schrems II-domen: (0.0 poäng)
-- Antal olika länder: 2
-- Länder utanför EU: 1
---- US, 28 förfrågningar
-- Sidan skickades från Sverige: Ja
* Spårning (+1.0 poäng)
-- Besökaranalys används:
---- Google Analytics
---- Google Tag Manager
-- Inga spårnings förfrågningar
* Identifieringstekniker (+1.0 poäng)
-- Inga Identifieringstekniker hittades
* Annonsörer (+1.0 poäng)
-- Inga annonsörsförfrågningar hittades
* Kakor (0.0 poäng)
-- Tredjepartskakor: 1
-- Giltiga över 1 år: 2
-- Inget krav på säker överföring: 10

• Kolla integriteten med Pagexray
• Hur funkar spårnings- och integritetstestet på Webperf?

Har webbplatsen bra frontendkod och GUI-prestanda enligt Yellow Lab Tools?

---

Betyg: 4 av 5

* Webbplatsen är bra.
* Övergripande betyg: 70 av 100
* Testat för enhetstyp: phone
* Sidans storlek: 66
* Andelen resurser för sidan: 95
* Sidans DOM komplexitet: 95
* Sidans användning av dålig javascript: 97
* Sidans användning av jQuery: 100
* Sidans CSS komplexitet: 100
* Sidans användning av dålig CSS: 70
* Sidans användning av webbtypsnitt: -31
* Server konfiguration: 94

• Kolla frontend-kvalitet hos Yellow Lab Tools
• Hur funkar Yellow Lab Tools betyg på Webperf?