Mer detaljerad tillgänglighetsredogörelse

Hur tillgänglig är webbplatsen?

Vi är medvetna om att delar av webbplatsen inte är helt tillgängliga. Länkarna nedan leder till detaljerad information om vilka tillgänglighetsproblem du kan möta i olika användningssituationer.

Länkarna nedan leder till detaljerad information om vilka tillgänglighetsproblem du kan möta i olika användningssituationer.

• Problem vid användning utan synförmåga
• Problem vid användning med nedsatt synförmåga
• Problem vid användning med nedsatt färgseende
• Problem vid användning med nedsatt rörlighet
• Problem vid användning med kognitiv nedsättning

Innehåll som inte är tillgängligt

Det innehåll som beskrivs nedan är på ett eller annat sätt inte helt tillgängligt.

Bristande förenlighet med lagkraven

Problem vid användning utan synförmåga

• Startsida nacka.se har en sidtitel som inte är korrekt. Den saknar den del som berättar om innehållet på sidan, på det sätt som de övriga sidorna gör.
• Det finns sidor som har en osynlig huvudrubrik h1.
• De testade sidorna saknar landmärkesrollen ”main” för huvudinnehållet.
• Det finns ett stort antal exempel bland de testade sidorna där CSS pseudo elementen ::before och ::after används för att skapa innehåll.
• Det finns bland de testade sidorna exempel på där HTML-element som strong och br används för presentationen.
• Det finns innehåll där länkar listas som inte är grupperat med hjälp av en lista.
• På en av sidorna finns det en modal dialog som inleder med en h1 rubrik. Den modala dialogen anses tillhöra sidan som öppnade dialogen och bör då vara underordnad till dess huvudrubrik.
• På en av sidorna finns det en h2 rubrik som är placerad före huvudrubriken h1.
• På en av sidorna finns det en grupp av lista som inte är uppmärkta med nav element eller role="navigation".
• På en av de testade sidorna finns det ett antal underrubriker h3 som följer direkt efter huvudrubriken h1 utan att det finns någon överordnad underrubrik h2.
• På en av sidorna finns det en sökfunktion som saknar role="search".
• Sökfunktionen i sidans sidhuvud saknar role="search".
• Det finns knappar som har en symbol som indikerar hur långt arbetet har hunnit och att vissa delar är klara, pågående och inte påbörjats. Det förmedlas inte maskinläsbart.
• Det finns en länk/knapp i sidhuvudet ”Translate page” som när den aktiveras fäller ut ett område under. Den sammantagna semantisk informationen är ”Översätt Google översätt” som är dubbel men samtidigt otillräcklig.
• Det finns länkar som inte går att förstå utanför dess sammanhang.
• I stort sett alla de testade sidorna har en länkstig där länkarna informerar om att de är just länkar enbart med hjälp av färg.
• Cookie länkarna ”Läs mer om cookies” och ”Hantera cookies” som båda saknar information om att de är just länkar som inte enbart är färg.
• Det finns länkar som informerar om att de är just länkar som enbart består av färg.
• Det finns en karta som enbart består av en hänvisning till en färg. Den första delen ”Det gulmarkerade området är projektområdet.” kommer att ställa till problem för användare med reducerad förmåga att urskilja färger eller som helt saknar denna förmåga.
• Det finns en stäng knapp i modal dialogen som läses upp två gånger.
• Det finns en behållare med en underrubrik h2 som beskriver innehållet som finns i det område som fälls ut när en knapp som också finns i behållaren aktiveras. Om en användare med skärmläsare navigerar till denna knapp med TAB tangenten så ger denna ingen semantisk information om vad det utfällda innehållet innehåller.
• Det finns en länk/knapp i sidhuvudet ”Translate page” som är på ett annat språk än huvudspråket men det saknas semantisk information om detta. Det område som fälls ut när denna knapp aktiveras innehåller bland annat en flervalsmeny med ett antal alternativ som alla är på ett språk som inte är huvudspråket, och det saknas semantisk information om detta.
• De knappar i form av bilder av cirklar har den semantiska informationen på engelska utan att det finns information om att detta skiljer sig från huvudspråket.
• Sidorna har en osynlig huvudrubrik h1. Huvudrubriken h1 ligger inte först i huvudinnehållet utan längre ned.
• Det finns rubriker som kommer efter varandra utan att det finns innehåll mellan dem.
• Underrubriken h2 som tillhör sidhuvudet ligger före huvudrubriken h1.
• Det finns rubriklänkar som är visuellt underordnad till en h2 men är själva uppmärkta som h2or.
• När webbläsaren Firefox används, finns det ett osynligt element mellan sökknappen och den första länken i huvudmenyn vilket är förvirrande.
• Det finns en osynlig underrubrik h2 ”Huvudnavigering”. Denna underrubrik h2 har egenskapen overflow satt till auto. Detta gör att det skapas en behållare runt elementet. Vissa webbläsare gör en sådan behållare fokuserbar.
• Det finns en länk/knapp i sidhuvudet ”Translate page” som när den aktiveras fäller ut ett område under. Det går att nå element utanför detta område utan att aktivt ha stängt detta och det förblir utfällt när tangentbordsfokus har flyttats utanför området.
• När webbläsaren Firefox används och tangentbordsfokus finns på den sista länken i huvudmenyn så går sedan tangentbordsfokus till länken i den aktuella bilden i bildspelet och sedan till ”Visa tidigare” knappen och sedan till ett osynligt element innan tangentbordsfokus hamnar på ”Visa nästa” knappen.
• Om skärmläsaren NVDA används och användaren navigerar med hjälp av piltangenterna så finns det en osynlig text ”Slide 1 Fahrenheit of 6” , ”Slide 2 degree Fahrenheit of 6” på startsidan, efter boxen med information som ligger över en bild. Detta händer med båda webbläsarna Firefox och Chrome.
• Det finns en knapp ”Chatta med oss” som när den aktiveras öppnar ett fönster som låter användare starta en Chat. Denna knapp ligger dock sist i sidans kod och en användare som navigerar med hjälp av tangentbordet måste navigera igenom hela sidan för att nå denna knapp.
• Det finns på denna sida en länk ”Vill du kontakta oss?” som när den aktiveras öppnar en modal dialog. När tangentbordsfokus finns i denna så går den att lämna utan att aktivt ha stängts. Tangentbordsfokus hamnar på den flik eller de flikar som har öppnats i webbläsaren sedan tillbaka i den modala dialogen. När denna modala dialog öppnas och en skärmläsare används så hamnar tangentbordsfokus på ikon länken ”X” stäng.
• Det finns en knappliknande länk ”Ja” som öppnar en typ av modal dialog när den aktiveras. När tangentbordsfokus finns i denna så går det att lämna denna för den bakomliggande sidan utan att ha stängt den modala dialogen.
• När den knappliknande länken ”Vill du kontakta oss?” aktiveras så öppnas en modal dialog som bland annat innehåller länkar. Om en sådan länk aktiveras så öppnas en annan sida som har en aktiv tillbakaknapp. Vad som händer när tillbakapilen aktiveras skiljer sig åt när webbläsaren Firefox används från när webb webbläsaren Chrome används.
• Efter den kombinerade länken och underrubriken h2 ” ”Läs om stadsbyggnadsprocessen och hur du kan påverka” så följer fyra osynliga element vilket är förvirrande.
• När webbläsaren Firefox används och tangentbordsfokus finns på knappen ”Till alla nyheter” och användaren aktiverar TAB tangenten så scrollas sidan upp. Tangentbordsfokus har hamnat på ett osynligt element.
• Till sidans sökfunktion kan beroende på sökord en lista med alternativ visas. När skärmläsaren NVDA används och en sökträff får fokus så laddas den korresponderande sidan in. Alltså en förändring som resultat av enbart fokus och inte ett aktivt val.
• Under fliken ”Karta” så finns det en förklaring till den karta som finns i flikområdet. Förklaringen finns efter kartan i stället för innan karta där den gör mera nytta.
• När skärmläsaren NVDA används och fokus hamnar på länklistan så läser denna bland annat ”du är här” men gör detta två gånger
• Under rubriken ” Hjälpte den här sidan dig?” Så finns det fyra klickbara ikoner. När webbläsaren Firefox så finns det ett osynligt element mellan varje ikon.
• Om skärmläsaren NVDA används så läser denna för den första ikonen ”Facebook” två gånger.
• Chat ”sidan” har en stängknapp ”X” som när den aktiveras sänger Chat ”sidan” men tangentbordsfokus hamnar i början av den bakomliggande sidan och inte på knappen ”Chatta med oss”.
• En länk/knapp "Translate page" i sidhuvudet öppnar ett område för språkval. Efter val visas en panel med knappen "Visa originalet", men den är svåråtkomlig för skärmläsaranvändare, vilket kan förhindra återställning till svenska vid felaktigt språkval.
• Det finns bilder av text när det inte finns ingen egentlig anledning att ha bilder av text i stället för text.
• Det finns bilder med tomt alt attribut som bör ha en alternativtext som motsvarande den text som bilderna visar.
• Det finns informationsblock som innehåller bland annat en tidsangivelse och en platsangivelse. Vilken typ av angivelse det är informeras med hjälp av bilder/ikoner som dessvärre saknar alternativtext och som dessutom är gömda för skärmläsare.
• Webbplatsens logotype som finns i sidhuvudet består av en klickbar bild som leder till webbplatsen startsida. Bilden har en alternativtext som lyder ”Nacka kommun” och det är inte korrekt, alternativtexten skall informera om till vilken sida den klickbara bilden leder.
• Det finns en länk/knapp i sidhuvudet ”Translate page” som när den aktiveras fäller ut ett område under. Området innehåller bland annat en flervalsmeny som saknar en kopplad etikett, i form av ett synligt label-element.
• Den sökfunktion som finns i sidhuvudet har ett formulärfält som går att editera i och det kan finnas en lista med sökalternativ det är en combobox, men rollen saknas.
• Det finns synlig information när en länk i huvudmenyn är aktiv men det saknas semantisk information om detta. Både i fallet då den aktiva länken i huvudmenyn representerar den aktuella sidan och i det fall då den aktiva länken i huvudmenyn är det första steget i den väg som leder till den aktuella sidan.
• Det finns en knapp ”Ja” på sidan som när den aktiveras öppnar en modal dialog. Denna modala dialog innehåller bland annat ett formulärfält, med en kopplad men osynlig etikett.
• På sidans högra del under rubriken ”Miljö, klimat och hållbarhet i Nacka kommun” så finns det en lista med länkar. Det finns en synlig markering för den länk som är aktiv i denna lista men det saknas semantisk information om detta.
• Det finns ett formulärfält som har en kopplad etikett i form av ett label element som inte är synligt.
• Det finns en lista med två flikar som har semantisk information i form av attributen role=”tablist” och role=”tab” men detta läses inte upp på ett korrekt sätt av en skärmläsare.
• Under rubriken Status och handlingar” så finns det sju knappar som när de aktiveras fäller ut ett område under. Det framgår inte tydligt visuellt eller maskinläsbart.
• Det div-element som innehar landmärkesrollen ”navigation” och som omgärdar huvudmenyn saknar ett maskinläsbart namn.
• Att bestämma indata eller ändra indata i något av dessa formulärfält på Evenemang sidan, innebär att sidans innehåll omedelbart förändras och det saknas information om detta beteende.

Problem vid användning med nedsatt synförmåga

• Startsida nacka.se har en sidtitel som inte är korrekt. Den saknar den del som berättar om innehållet på sidan, på det sätt som de övriga sidorna gör.
• Det finns sidor som har en osynlig huvudrubrik h1.
• De testade sidorna saknar landmärkesrollen ”main” för huvudinnehållet.
• Det finns ett stort antal exempel bland de testade sidorna där CSS pseudo elementen ::before och ::after används för att skapa innehåll.
• Det finns bland de testade sidorna exempel på där HTML-element som strong och br används för presentationen.
• Det finns innehåll där länkar listas som inte är grupperat med hjälp av en lista.
• På en av sidorna finns det en modal dialog som inleder med en h1 rubrik. Den modala dialogen anses tillhöra sidan som öppnade dialogen och bör då vara underordnad till dess huvudrubrik.
• På en av sidorna finns det en h2 rubrik som är placerad före huvudrubriken h1.
• På en av sidorna finns det en grupp av lista som inte är uppmärkta med nav element eller role="navigation".
• På en av de testade sidorna finns det ett antal underrubriker h3 som följer direkt efter huvudrubriken h1 utan att det finns någon överordnad underrubrik h2.
• På en av sidorna finns det inte sökfunktion som saknar role="search".
• Sökfunktionen i sidans sidhuvud saknar role="search".
• Det finns knappar som har en symbol som indikerar hur långt arbetet har hunnit och att vissa delar är klara, pågående och inte påbörjats. Det förmedlas inte maskinläsbart.
• Det finns en länk/knapp i sidhuvudet ”Translate page” som när den aktiveras fäller ut ett område under. Den sammantagna semantisk informationen är ”Översätt Google översätt” som är dubbel men samtidigt otillräcklig.
• Det finns länkar som inte går att förstå utanför dess sammanhang.
• I stort sett alla de testade sidorna har en länkstig där länkarna informerar om att de är just länkar enbart med hjälp av färg.
• Cookie länkarna ”Läs mer om cookies” och ”Hantera cookies” som båda saknar information om att de är just länkar som inte enbart är färg.
• Det finns länkar som informerar om att de är just länkar som enbart består av färg.
• Det finns en karta som enbart består av en hänvisning till en färg. Den första delen ”Det gulmarkerade området är projektområdet.” kommer att ställa till problem för användare med reducerad förmåga att urskilja färger eller som helt saknar denna förmåga.
• Det finns en stäng knapp i modal dialogen som läses upp två gånger.
• Det finns en behållare med en underrubrik h2 som beskriver innehållet som finns i det område som fälls ut när en knapp som också finns i behållaren aktiveras. Om en användare med skärmläsare navigerar till denna knapp med TAB tangenten så ger denna ingen semantisk information om vad det utfällda innehållet innehåller.
• Det finns en länk/knapp i sidhuvudet ”Translate page” som är på ett annat språk än huvudspråket men det saknas semantisk information om detta. Det område som fälls ut när denna knapp aktiveras innehåller bland annat en flervalsmeny med ett antal alternativ som alla är på ett språk som inte är huvudspråket, och det saknas semantisk information om detta.
• De knappar i form av bilder av cirklar har den semantiska informationen på engelska utan att det finns information om att detta skiljer sig från huvudspråket.
• Det finns bilder av text och vanlig text som har ett kontrastvärde som understiger 4,5:1.
• När webbläsaren Firefox används, finns det ett osynligt element mellan sökknappen och den första länken i huvudmenyn vilket är förvirrande.
• Det finns en osynlig underrubrik h2 ”Huvudnavigering”. Denna underrubrik h2 har egenskapen overflow satt till auto. Detta gör att det skapas en behållare runt elementet. Vissa webbläsare gör en sådan behållare fokuserbar.
• Det finns en länk/knapp i sidhuvudet ”Translate page” som när den aktiveras fäller ut ett område under. Det går att nå element utanför detta område utan att aktivt ha stängt detta och det förblir utfällt när tangentbordsfokus har flyttats utanför området.
• När webbläsaren Firefox används och tangentbordsfokus finns på den sista länken i huvudmenyn så går sedan tangentbordsfokus till länken i den aktuella bilden i bildspelet och sedan till ”Visa tidigare” knappen och sedan till ett osynligt element innan tangentbordsfokus hamnar på ”Visa nästa” knappen.
• Om skärmläsaren NVDA används och användaren navigerar med hjälp av piltangenterna så finns det en osynlig text ”Slide 1 Fahrenheit of 6” , ”Slide 2 degree Fahrenheit of 6” på startsidan, efter boxen med information som ligger över en bild. Detta händer med båda webbläsarna Firefox och Chrome.
• Det finns en knapp ”Chatta med oss” som när den aktiveras öppnar ett fönster som låter användare starta en Chat. Denna knapp ligger dock sist i sidans kod och en användare som navigerar med hjälp av tangentbordet måste navigera igenom hela sidan för att nå denna knapp.
• Det finns på denna sida en länk ”Vill du kontakta oss?” som när den aktiveras öppnar en modal dialog. När tangentbordsfokus finns i denna så går den att lämna utan att aktivt ha stängts. Tangentbordsfokus hamnar på den flik eller de flikar som har öppnats i webbläsaren sedan tillbaka i den modala dialogen. När denna modala dialog öppnas och en skärmläsare används så hamnar tangentbordsfokus på ikon länken ”X” stäng.
• Det finns en knappliknande länk ”Ja” som öppnar en typ av modal dialog när den aktiveras. När tangentbordsfokus finns i denna så går det att lämna denna för den bakomliggande sidan utan att ha stängt den modala dialogen.
• När den knappliknande länken ”Vill du kontakta oss?” aktiveras så öppnas en modal dialog som bland annat innehåller länkar. Om en sådan länk aktiveras så öppnas en annan sida som har en aktiv tillbakaknapp. Vad som händer när tillbakapilen aktiveras skiljer sig åt när webbläsaren Firefox används från när webb webbläsaren Chrome används.
• Efter den kombinerade länken och underrubriken h2 ” ”Läs om stadsbyggnadsprocessen och hur du kan påverka” så följer fyra osynliga element vilket är förvirrande.
• När webbläsaren Chrome används så finns det en tydlig markering för tangentbordsfokus för de länkar som finns under fliken ”Om evenemanget” och under rubriken ” EVENEMANGET ARRANGERAS ÄVEN PÅ DESSA DATUM”. Så är inte fallet när webbläsaren Firefox används. Den består av två små prickar.
• Till sidans sökfunktion kan beroende på sökord en lista med alternativ visas. Dessa alternativ innehåller bland annat länkar vars markering för fokus är en understruken länktext vilket är relativt otydligt.
• Det finns en knapp i sidhuvudet som när den aktiveras öppnar en modal dialog ”Mitt Nacka”. Tangentbordsfokus hamnar på en stängknapp när den modala dialogen öppnas. Denna knapp saknar helt en markering för tangentbordsfokus.
• Den modala dialog som öppnas när länken/knappen ”Mitt Nacka” aktiveras är konstruerad så att när tangentbordsfokus finns i denna så går det att lämna modala dialogen utan att aktivt ha stängt den. Då kan tangentbordsfokus komma bakom modala dialogen och är då inte synlig alls.
• Det finns ett antal knappar över det manuella bildspel som finns på sidorna. Dessa kan ha en olika kontrast mot sin bakgrund beroende vilken som är den aktuella bilden.
• Under fliken ”KARTA” så finns det en bild av en karta med tre knappar, som har en markering för tangentbordsfokus som består av att knappfärgen går från #0077B7 till #4DA0CD. Detta ger en kontrastskillnad på 1,7:1 vilket ligger under gränsvärdet 3,0:1.
• Det finns en länk/knapp i sidhuvudet ”Translate page” som när den aktiveras fäller ut ett område under. Detta område innehåller bland annat en flervalsmeny med ett antal alternativ i en lista. Markeringen för fokus har färgen #E0E0E6 som mot bakgrundsfärgen för listan #F9F9FB ger en konstrat på 1,3:1 som ligger under gränsvärdet 3,0:1.
• När webbläsaren Firefox används och tangentbordsfokus finns på knappen ”Till alla nyheter” och användaren aktiverar TAB tangenten så scrollas sidan upp. Tangentbordsfokus har hamnat på ett osynligt element.
• Till sidans sökfunktion kan beroende på sökord en lista med alternativ visas. När skärmläsaren NVDA används och en sökträff får fokus så laddas den korresponderande sidan in. Alltså en förändring som resultat av enbart fokus och inte ett aktivt val.
• Det finns ett antal sidor med en flytande knapp ”Chatta med oss” som när den aktiveras öppnar en modal dialog som låter användare starta en Chat, När dessa sidor zoomas upp till 400 % så upptar den flytande knappen ”Chatta med oss” en så stor del av innehållets yta att detta inte blir överskådligt.
• Om en stilmall med utökade textavstånd används på de testade sidorna så förändras vissa avstånd på vissa ställen men inte alla.
• Om webbläsarens teckenstorlek ändras till ”Stor” som motsvarar 200 % så förändras inte teckenstorleken på de testade sidorna.
• Under fliken ”Karta” så finns det en förklaring till den karta som finns i flikområdet. Förklaringen finns efter kartan i stället för innan karta där den gör mera nytta.
• När skärmläsaren NVDA används och fokus hamnar på länklistan så läser denna bland annat ”du är här” men gör detta två gånger
• Under rubriken ” Hjälpte den här sidan dig?” Så finns det fyra klickbara ikoner. När webbläsaren Firefox så finns det ett osynligt element mellan varje ikon.
• Om skärmläsaren NVDA används så läser denna för den första ikonen ”Facebook” två gånger.
• Chat ”sidan” har en stängknapp ”X” som när den aktiveras sänger Chat ”sidan” men tangentbordsfokus hamnar i början av den bakomliggande sidan och inte på knappen ”Chatta med oss”.
• En länk/knapp "Translate page" i sidhuvudet öppnar ett område för språkval. Efter val visas en panel med knappen "Visa originalet", men den är svåråtkomlig för skärmläsaranvändare, vilket kan förhindra återställning till svenska vid felaktigt språkval.
• Det finns bilder av text när det inte finns ingen egentlig anledning att ha bilder av text i stället för text.
• Det finns bilder med tomt alt attribut som bör ha en alternativtext som motsvarande den text som bilderna visar.
• Det finns informationsblock som innehåller bland annat en tidsangivelse och en platsangivelse. Vilken typ av angivelse det är informeras med hjälp av bilder/ikoner som dessvärre saknar alternativtext och som dessutom är gömda för skärmläsare.
• Webbplatsens logotype som finns i sidhuvudet består av en klickbar bild som leder till webbplatsen startsida. Bilden har en alternativtext som lyder ”Nacka kommun” och det är inte korrekt, alternativtexten skall informera om till vilken sida den klickbara bilden leder.
• Det finns en länk/knapp i sidhuvudet ”Translate page” som när den aktiveras fäller ut ett område under. Området innehåller bland annat en flervalsmeny som saknar en kopplad etikett, i form av ett synligt label-element.
• Den sökfunktion som finns i sidhuvudet har ett formulärfält som går att editera i och det kan finnas en lista med sökalternativ det är en combobox, men rollen saknas.
• Det finns synlig information när en länk i huvudmenyn är aktiv men det saknas semantisk information om detta. Både i fallet då den aktiva länken i huvudmenyn representerar den aktuella sidan och i det fall då den aktiva länken i huvudmenyn är det första steget i den väg som leder till den aktuella sidan.
• Det finns en knapp ”Ja” på sidan som när den aktiveras öppnar en modal dialog. Denna modala dialog innehåller bland annat ett formulärfält, med en kopplad men osynlig etikett.
• På sidans högra del under rubriken ”Miljö, klimat och hållbarhet i Nacka kommun” så finns det en lista med länkar. Det finns en synlig markering för den länk som är aktiv i denna lista men det saknas semantisk information om detta.
• Det finns ett formulärfält som har en kopplad etikett i form av ett label element som inte är synligt.
• Det finns en lista med två flikar som har semantisk information i form av attributen role=”tablist” och role=”tab” men detta läses inte upp på ett korrekt sätt av en skärmläsare.
• Under rubriken Status och handlingar” så finns det sju knappar som när de aktiveras fäller ut ett område under. Det framgår inte tydligt visuellt eller maskinläsbart.
• Det div-element som innehar landmärkesrollen ”navigation” och som omgärdar huvudmenyn saknar ett maskinläsbart namn.
• Att bestämma indata eller ändra indata i något av dessa formulärfält på Evenemang sidan, innebär att sidans innehåll omedelbart förändras och det saknas information om detta beteende.

Problem vid användning med nedsatt färgseende

• Det finns sidor som har en osynlig huvudrubrik h1.
• De testade sidorna saknar landmärkesrollen ”main” för huvudinnehållet.
• Det finns ett stort antal exempel bland de testade sidorna där CSS pseudo elementen ::before och ::after används för att skapa innehåll.
• Det finns bland de testade sidorna exempel på där HTML-element som strong och br används för presentationen.
• Det finns innehåll där länkar listas som inte är grupperat med hjälp av en lista.
• På en av sidorna finns det en modal dialog som inleder med en h1 rubrik. Den modala dialogen anses tillhöra sidan som öppnade dialogen och bör då vara underordnad till dess huvudrubrik.
• På en av sidorna finns det en h2 rubrik som är placerad före huvudrubriken h1.
• På en av sidorna finns det en grupp av lista som inte är uppmärkta med nav element eller role="navigation".
• På en av de testade sidorna finns det ett antal underrubriker h3 som följer direkt efter huvudrubriken h1 utan att det finns någon överordnad underrubrik h2.
• På en av sidorna finns det inte sökfunktion som saknar role="search".
• Sökfunktionen i sidans sidhuvud saknar role="search".
• I stort sett alla de testade sidorna har en länkstig där länkarna informerar om att de är just länkar enbart med hjälp av färg.
• Cookie länkarna ”Läs mer om cookies” och ”Hantera cookies” som båda saknar information om att de är just länkar som inte enbart är färg.
• Det finns länkar som informerar om att de är just länkar som enbart består av färg.
• Det finns bilder av text och vanlig text som har ett kontrastvärde som understiger 4,5:1.
• Det finns ett antal knappar över det manuella bildspel som finns på sidorna. Dessa kan ha en olika kontrast mot sin bakgrund beroende vilken som är den aktuella bilden.
• Under fliken ”KARTA” så finns det en bild av en karta med tre knappar, som har en markering för tangentbordsfokus som består av att knappfärgen går från #0077B7 till #4DA0CD. Detta ger en kontrastskillnad på 1,7:1 vilket ligger under gränsvärdet 3,0:1.
• Det finns en länk/knapp i sidhuvudet ”Translate page” som när den aktiveras fäller ut ett område under. Detta område innehåller bland annat en flervalsmeny med ett antal alternativ i en lista. Markeringen för fokus har färgen #E0E0E6 som mot bakgrundsfärgen för listan #F9F9FB ger en konstrat på 1,3:1 som ligger under gränsvärdet 3,0:1.
• Det finns en länk/knapp i sidhuvudet ”Translate page” som när den aktiveras fäller ut ett område under. Området innehåller bland annat en flervalsmeny som saknar en kopplad etikett, i form av ett synligt label-element.
• Den sökfunktion som finns i sidhuvudet har ett formulärfält som går att editera i och det kan finnas en lista med sökalternativ det är en combobox, men rollen saknas.
• Det finns synlig information när en länk i huvudmenyn är aktiv men det saknas semantisk information om detta. Både i fallet då den aktiva länken i huvudmenyn representerar den aktuella sidan och i det fall då den aktiva länken i huvudmenyn är det första steget i den väg som leder till den aktuella sidan.
• Det finns en knapp ”Ja” på sidan som när den aktiveras öppnar en modal dialog. Denna modala dialog innehåller bland annat ett formulärfält, med en kopplad men osynlig etikett.
• På sidans högra del under rubriken ”Miljö, klimat och hållbarhet i Nacka kommun” så finns det en lista med länkar. Det finns en synlig markering för den länk som är aktiv i denna lista men det saknas semantisk information om detta.
• Det finns ett formulärfält som har en kopplad etikett i form av ett label element som inte är synligt.

Problem vid användning med nedsatt rörlighet

• Startsida nacka.se har en sidtitel som inte är korrekt. Den saknar den del som berättar om innehållet på sidan, på det sätt som de övriga sidorna gör.
• När webbläsaren Firefox används, finns det ett osynligt element mellan sökknappen och den första länken i huvudmenyn vilket är förvirrande.
• Det finns en osynlig underrubrik h2 ”Huvudnavigering”. Denna underrubrik h2 har egenskapen overflow satt till auto. Detta gör att det skapas en behållare runt elementet. Vissa webbläsare gör en sådan behållare fokuserbar.
• Det finns en länk/knapp i sidhuvudet ”Translate page” som när den aktiveras fäller ut ett område under. Det går att nå element utanför detta område utan att aktivt ha stängt detta och det förblir utfällt när tangentbordsfokus har flyttats utanför området.
• När webbläsaren Firefox används och tangentbordsfokus finns på den sista länken i huvudmenyn så går sedan tangentbordsfokus till länken i den aktuella bilden i bildspelet och sedan till ”Visa tidigare” knappen och sedan till ett osynligt element innan tangentbordsfokus hamnar på ”Visa nästa” knappen.
• Om skärmläsaren NVDA används och användaren navigerar med hjälp av piltangenterna så finns det en osynlig text ”Slide 1 Fahrenheit of 6” , ”Slide 2 degree Fahrenheit of 6” på startsidan, efter boxen med information som ligger över en bild. Detta händer med båda webbläsarna Firefox och Chrome.
• Det finns en knapp ”Chatta med oss” som när den aktiveras öppnar ett fönster som låter användare starta en Chat. Denna knapp ligger dock sist i sidans kod och en användare som navigerar med hjälp av tangentbordet måste navigera igenom hela sidan för att nå denna knapp.
• Det finns på denna sida en länk ”Vill du kontakta oss?” som när den aktiveras öppnar en modal dialog. När tangentbordsfokus finns i denna så går den att lämna utan att aktivt ha stängts. Tangentbordsfokus hamnar på den flik eller de flikar som har öppnats i webbläsaren sedan tillbaka i den modala dialogen. När denna modala dialog öppnas och en skärmläsare används så hamnar tangentbordsfokus på ikon länken ”X” stäng.
• Det finns en knappliknande länk ”Ja” som öppnar en typ av modal dialog när den aktiveras. När tangentbordsfokus finns i denna så går det att lämna denna för den bakomliggande sidan utan att ha stängt den modala dialogen.
• När den knappliknande länken ”Vill du kontakta oss?” aktiveras så öppnas en modal dialog som bland annat innehåller länkar. Om en sådan länk aktiveras så öppnas en annan sida som har en aktiv tillbakaknapp. Vad som händer när tillbakapilen aktiveras skiljer sig åt när webbläsaren Firefox används från när webb webbläsaren Chrome används.
• Efter den kombinerade länken och underrubriken h2 ” ”Läs om stadsbyggnadsprocessen och hur du kan påverka” så följer fyra osynliga element vilket är förvirrande.
• När webbläsaren Chrome används så finns det en tydlig markering för tangentbordsfokus för de länkar som finns under fliken ”Om evenemanget” och under rubriken ” EVENEMANGET ARRANGERAS ÄVEN PÅ DESSA DATUM”. Så är inte fallet när webbläsaren Firefox används. Den består av två små prickar.
• Till sidans sökfunktion kan beroende på sökord en lista med alternativ visas. Dessa alternativ innehåller bland annat länkar vars markering för fokus är en understruken länktext vilket är relativt otydligt.
• Det finns en knapp i sidhuvudet som när den aktiveras öppnar en modal dialog ”Mitt Nacka”. Tangentbordsfokus hamnar på en stängknapp när den modala dialogen öppnas. Denna knapp saknar helt en markering för tangentbordsfokus.
• Den modala dialog som öppnas när länken/knappen ”Mitt Nacka” aktiveras är konstruerad så att när tangentbordsfokus finns i denna så går det att lämna modala dialogen utan att aktivt ha stängt den. Då kan tangentbordsfokus komma bakom modala dialogen och är då inte synlig alls.
• När webbläsaren Firefox används och tangentbordsfokus finns på knappen ”Till alla nyheter” och användaren aktiverar TAB tangenten så scrollas sidan upp. Tangentbordsfokus har hamnat på ett osynligt element.
• Till sidans sökfunktion kan beroende på sökord en lista med alternativ visas. När skärmläsaren NVDA används och en sökträff får fokus så laddas den korresponderande sidan in. Alltså en förändring som resultat av enbart fokus och inte ett aktivt val.
• Det finns en lista med två flikar som har semantisk information i form av attributen role=”tablist” och role=”tab” men detta läses inte upp på ett korrekt sätt av en skärmläsare.
• Under rubriken Status och handlingar” så finns det sju knappar som när de aktiveras fäller ut ett område under. Det framgår inte tydligt visuellt eller maskinläsbart.
• Det div-element som innehar landmärkesrollen ”navigation” och som omgärdar huvudmenyn saknar ett maskinläsbart namn.
• Att bestämma indata eller ändra indata i något av dessa formulärfält på Evenemang sidan, innebär att sidans innehåll omedelbart förändras och det saknas information om detta beteende.

Problem vid användning med kognitiv nedsättning

• Startsida nacka.se har en sidtitel som inte är korrekt. Den saknar den del som berättar om innehållet på sidan, på det sätt som de övriga sidorna gör.
• Det finns knappar som har en symbol som indikerar hur långt arbetet har hunnit och att vissa delar är klara, pågående och inte påbörjats. Det förmedlas inte maskinläsbart.
• Det finns en länk/knapp i sidhuvudet ”Translate page” som när den aktiveras fäller ut ett område under. Den sammantagna semantisk informationen är ”Översätt Google översätt” som är dubbel men samtidigt otillräcklig.
• Det finns länkar som inte går att förstå utanför dess sammanhang.
• Sidorna har en osynlig huvudrubrik h1. Huvudrubriken h1 ligger inte först i huvudinnehållet utan längre ned.
• Det finns rubriker som kommer efter varandra utan att det finns innehåll mellan dem.
• Underrubriken h2 som tillhör sidhuvudet ligger före huvudrubriken h1.
• Det finns rubriklänkar som är visuellt underordnad till en h2 men är själva uppmärkta som h2or.
• När webbläsaren Firefox används, finns det ett osynligt element mellan sökknappen och den första länken i huvudmenyn vilket är förvirrande.
• Det finns en osynlig underrubrik h2 ”Huvudnavigering”. Denna underrubrik h2 har egenskapen overflow satt till auto. Detta gör att det skapas en behållare runt elementet. Vissa webbläsare gör en sådan behållare fokuserbar.
• Det finns en länk/knapp i sidhuvudet ”Translate page” som när den aktiveras fäller ut ett område under. Det går att nå element utanför detta område utan att aktivt ha stängt detta och det förblir utfällt när tangentbordsfokus har flyttats utanför området.
• När webbläsaren Firefox används och tangentbordsfokus finns på den sista länken i huvudmenyn så går sedan tangentbordsfokus till länken i den aktuella bilden i bildspelet och sedan till ”Visa tidigare” knappen och sedan till ett osynligt element innan tangentbordsfokus hamnar på ”Visa nästa” knappen.
• Om skärmläsaren NVDA används och användaren navigerar med hjälp av piltangenterna så finns det en osynlig text ”Slide 1 Fahrenheit of 6” , ”Slide 2 degree Fahrenheit of 6” på startsidan, efter boxen med information som ligger över en bild. Detta händer med båda webbläsarna Firefox och Chrome.
• Det finns en knapp ”Chatta med oss” som när den aktiveras öppnar ett fönster som låter användare starta en Chat. Denna knapp ligger dock sist i sidans kod och en användare som navigerar med hjälp av tangentbordet måste navigera igenom hela sidan för att nå denna knapp.
• Det finns på denna sida en länk ”Vill du kontakta oss?” som när den aktiveras öppnar en modal dialog. När tangentbordsfokus finns i denna så går den att lämna utan att aktivt ha stängts. Tangentbordsfokus hamnar på den flik eller de flikar som har öppnats i webbläsaren sedan tillbaka i den modala dialogen. När denna modala dialog öppnas och en skärmläsare används så hamnar tangentbordsfokus på ikon länken ”X” stäng.
• Det finns en knappliknande länk ”Ja” som öppnar en typ av modal dialog när den aktiveras. När tangentbordsfokus finns i denna så går det att lämna denna för den bakomliggande sidan utan att ha stängt den modala dialogen.
• När den knappliknande länken ”Vill du kontakta oss?” aktiveras så öppnas en modal dialog som bland annat innehåller länkar. Om en sådan länk aktiveras så öppnas en annan sida som har en aktiv tillbakaknapp. Vad som händer när tillbakapilen aktiveras skiljer sig åt när webbläsaren Firefox används från när webb webbläsaren Chrome används.
• Efter den kombinerade länken och underrubriken h2 ” ”Läs om stadsbyggnadsprocessen och hur du kan påverka” så följer fyra osynliga element vilket är förvirrande.
• När webbläsaren Chrome används så finns det en tydlig markering för tangentbordsfokus för de länkar som finns under fliken ”Om evenemanget” och under rubriken ” EVENEMANGET ARRANGERAS ÄVEN PÅ DESSA DATUM”. Så är inte fallet när webbläsaren Firefox används. Den består av två små prickar.
• Till sidans sökfunktion kan beroende på sökord en lista med alternativ visas. Dessa alternativ innehåller bland annat länkar vars markering för fokus är en understruken länktext vilket är relativt otydligt.
• Det finns en knapp i sidhuvudet som när den aktiveras öppnar en modal dialog ”Mitt Nacka”. Tangentbordsfokus hamnar på en stängknapp när den modala dialogen öppnas. Denna knapp saknar helt en markering för tangentbordsfokus.
• Den modala dialog som öppnas när länken/knappen ”Mitt Nacka” aktiveras är konstruerad så att när tangentbordsfokus finns i denna så går det att lämna modala dialogen utan att aktivt ha stängt den. Då kan tangentbordsfokus komma bakom modala dialogen och är då inte synlig alls.
• När webbläsaren Firefox används och tangentbordsfokus finns på knappen ”Till alla nyheter” och användaren aktiverar TAB tangenten så scrollas sidan upp. Tangentbordsfokus har hamnat på ett osynligt element.
• Till sidans sökfunktion kan beroende på sökord en lista med alternativ visas. När skärmläsaren NVDA används och en sökträff får fokus så laddas den korresponderande sidan in. Alltså en förändring som resultat av enbart fokus och inte ett aktivt val.
• Om en stilmall med utökade textavstånd används på de testade sidorna så förändras vissa avstånd på vissa ställen men inte alla.
• Under fliken ”Karta” så finns det en förklaring till den karta som finns i flikområdet. Förklaringen finns efter kartan i stället för innan karta där den gör mera nytta.
• När skärmläsaren NVDA används och fokus hamnar på länklistan så läser denna bland annat ”du är här” men gör detta två gånger
• Under rubriken ” Hjälpte den här sidan dig?” Så finns det fyra klickbara ikoner. När webbläsaren Firefox så finns det ett osynligt element mellan varje ikon.
• Om skärmläsaren NVDA används så läser denna för den första ikonen ”Facebook” två gånger.
• Chat ”sidan” har en stängknapp ”X” som när den aktiveras sänger Chat ”sidan” men tangentbordsfokus hamnar i början av den bakomliggande sidan och inte på knappen ”Chatta med oss”.
• En länk/knapp "Translate page" i sidhuvudet öppnar ett område för språkval. Efter val visas en panel med knappen "Visa originalet", men den är svåråtkomlig för skärmläsaranvändare, vilket kan förhindra återställning till svenska vid felaktigt språkval.
• Det finns bilder av text när det inte finns ingen egentlig anledning att ha bilder av text i stället för text.
• Det finns två radioknappar ”IDAG” och ”IMORGON” som är grupperade tillsammans med de övriga formulärfälten på samma rad med hjälp av en lista.
• Det finns en lista med två flikar som har semantisk information i form av attributen role=”tablist” och role=”tab” men detta läses inte upp på ett korrekt sätt av en skärmläsare.
• Under rubriken Status och handlingar” så finns det sju knappar som när de aktiveras fäller ut ett område under. Det framgår inte tydligt visuellt eller maskinläsbart.
• Det div-element som innehar landmärkesrollen ”navigation” och som omgärdar huvudmenyn saknar ett maskinläsbart namn.
• Att bestämma indata eller ändra indata i något av dessa formulärfält på Evenemang sidan, innebär att sidans innehåll omedelbart förändras och det saknas information om detta beteende.

Vår ambition är att ha åtgärdat alla kända tillgänglighetsproblem senast 2025-11-28. Eftersom vi löpande lanserar ut det som åtgärdat, kan flera av delarna som publicerats ovan redan vara åtgärdade.