Mångkulturellt centrum

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

Kolla Lighthouse hos web.dev

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: 6 st
* `[user-scalable="no"]` is used in the `* Heading elements are not in a sequentially-descending order
* Links do not have a discernible name
* Image elements do not have `[alt]` attributes
* Background and foreground colors do not have a sufficient contrast ratio.
* 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): 40, vilket ändrar betyget till: -3.00
- Antal fel: 274, vilket ytterligare minskar betyget med: 23.40
-- “background”: Parse Error. (totalt 196 st)
-- Parse Error. (totalt 19 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)
-- “background-clip”: “text” is not a “background-clip” value. (totalt 3 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)
-- “cursor”: “hand” is not a “cursor” value. (totalt 1 st)
-- “transition”: “scale(1.3,1.3)” is not a “transition” value. (totalt 1 st)
-- “background”: “0.3” is not a valid color 3 or 6 hexadecimals numbers. (totalt 1 st)
-- “animation”: Too many values or values are not recognized. (totalt 1 st)
-- “font-style”: “14px” is not a “font-style” value. (totalt 1 st)
-- “background-color”: “#ffffff61” is not a “background-color” value. (totalt 1 st)
-- “background-color”: “#ffffff47” is not a “background-color” value. (totalt 1 st)
-- “background”: Invalid RGB function. (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)
-- “box-shadow”: “#0000002e” is not a valid color 3 or 6 hexadecimals numbers. (totalt 1 st)
-- “animation”: Missing a semicolon before the property name “-moz-animation”. (totalt 1 st)
-- “background”: “#f3f3f300” is not a valid color 3 or 6 hexadecimals numbers. (totalt 1 st)
-- “font-feature-settings”: “normal” is not a “font-feature-settings” value. (totalt 1 st)
-- “webkit-transition”: Property “webkit-transition” doesn't exist. (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)
-- “font”: “"Open Sans"” is not a “line-height” value. (totalt 1 st)
-- “-moz-border-image”: Parse Error. (totalt 1 st)
-- “border-bottom-style”: Parse Error. (totalt 1 st)
-- “border-radius”: Too many values or values are not recognized. (totalt 1 st)

• Kolla CSS-koden med W3C
• Hur funkar CSS-testet på Webperf?

Kontrollerar HTML-koden mot W3C.

---

Betyg: 1 av 5

* Den testade sidan har massor med fel i sin HTML-kod. Hela 27 st.
* Antal (grupperade fel): 12, vilket ändrar betyget till: 2.60
* Antal fel: 27, vilket ytterligare minskar betyget med: 2.70
* Problem (grupperad på feltyp):
- Element X not allowed as child of element X in this context. (Suppressing further errors from this subtree.) (totalt 4 st)
- CSS: X: Parse Error. (totalt 3 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: 1 av 5

* Webbplatsen är inte alls bra på att följa praxis!
* Antal problem med god praxis: 6 st

Problem:
* Includes front-end JavaScript libraries with known security vulnerabilities
* Registers an `unload` listener
* Links to cross-origin destinations are unsafe
* Missing source maps for large first-party JavaScript
* Browser errors were logged to the console
* Serves images with low resolution

Kolla Lighthouse hos web.dev

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

---

Betyg: 3 av 5

* Genomsnittlig efterlevnad till SEO-praxis.
* Antal problem med sökmotoroptimering (SEO): 3 st

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

Kolla Lighthouse hos web.dev

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

---

Betyg: 3.60 av 5

* Helt ok.
* Övergripande betyg: 62 av 100
* Testat för enhetstyp: phone
* Sidans storlek: 44
* Andelen resurser för sidan: 78
* Sidans DOM komplexitet: 86
* Förändringar av sidans DOM: 70
* Sid skrollning: 100
* Sidans användning av dålig javascript: 50
* Sidans användning av jQuery: 100
* Sidans CSS komplexitet: 100
* Sidans användning av dålig CSS: 59
* Sidans användning av webbtypsnitt: -98
* Server konfiguration: 70

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

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: 3 av 5

* Genomsnittlig hastighet.
* Observerad hastighet: 1.579 sekunder
* Första meningsfulla visuella ändring: 3.18 sek
* Första meningsfulla visuella ändring på 3G: 6.63 sek
* CPU vilar efter: 9.132 sek
* Webbplatsen är interaktiv: 9.432 sek
* Tid spenderad på hänvisningar: 0.0 sek
* Sidans totala vikt: 1428 kb

Kolla Lighthouse hos web.dev

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 på Webperf?

Lever webbplatsen upp till EU:s webbdirektiv och WCAG?

---

Betyg: 1 av 5

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

Problem:
* 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.85:1. Recommendation: change background to #767676.

• Hur funkar tillgänglighetstestet Pa11y på Webperf?

Hur snabb är webbplatsen?

---

Betyg: 4.08 av 5

* Webbplatsen är snabb.
* Speedindex: 1190
* Laddtid: 1.58s
* Antal förfrågningar: 47 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.70 av 5

* Väldigt dålig integritet!
* HTTPS som standard: är väldigt 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 väldigt dåligt. (Vilket ger 1.00 färre poäng)
* Rapportering (CSP, Certificate Transparency, Network Error Logging): är väldigt bra!
* Referrer Policy: är väldigt dåligt. (Vilket ger 1.00 färre poäng)
* Subresource Integrity (SRI): är väldigt dåligt. (Vilket ger 1.00 färre poäng)
* HTTP-headers: är ok, men har 1 fel och 0 varning(ar). (Vilket ger 0.10 färre poäng)
* Kakor: Inga kakor upptäcktes.
* localStorage: localStorage används ej.
* Tredjepartsförfrågningar: 31 förfrågningar (31 säkra, 0 osäkra) till 8 unika värdar.
* Serverplats: Servern mkcentrum.se (91.201.60.16) verkade vara belägen i Sverige under vårt test.
Result generated: 2021-04-02 13:21:44 Etc/UTC (Cached for 24 hours)

• 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.16 av 5

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

• Kolla miljöpåverkan hos Websitecarbon.com