Tillgänglighetsutlåtande
Helsingfors Stadsteater strävar efter att säkerställa tillgängligheten i sin webbtjänst i enlighet med lagen om tillhandahållande av digitala tjänster 306/2019. Denna tillgänglighetsbeskrivning gäller webbplatsen hkt.fi.
Vid eventuella tolkningsfrågor eller motstridigheter är webbplatsens finskspråkiga originaltext alltid den primära och juridiskt bindande informationskällan.
Status för överensstämmelse
Webbplatsen uppfyller delvis kraven i lagen om tillhandahållande av digitala tjänster 306/2019. De fall där kraven inte uppfylls och de undantag som tillämpas på kraven anges nedan. De tillgänglighetsproblem som vi har identifierat listas nedan under rubriken Icke-tillgängligt innehåll.
Vi strävar efter att utveckla vår webbplats och åtgärda tillgänglighetsproblemen genom programmeringstekniska lösningar, redigering av innehållet och utbildning av personalen. De identifierade tillgänglighetsproblemen har dokumenterats i våra projekthanteringsverktyg och kommer att åtgärdas systematiskt under 2027.
Icke-tillgängligt innehåll
Följande tillgänglighetsproblem har identifierats på den nuvarande webbplatsen:
| Anmärkning | Exempel |
|---|---|
| Generisk länktext anger inte länkens mål (WCAG 2.4.4) | I en artikel används länktexten ”här” (`<a href=”…”>täällä</a>`), som leder till en pdf av tidningen Teatteriin |
| Lång tabbordning på sidorna (WCAG 2.4.3) | På sidan Aktuellt och i andra avsnitt gör navigeringsmenyn och tiotals artikellänkar Tab-navigeringen lång. Användaren måste trycka på Tab tiotals gånger för att komma till sidfoten. |
| Flera h1-rubriker på samma sida (WCAG 2.4.6) | På föreställningssidan för ”Let’s Play Business” finns en h1-rubrik både i heroavsnittet och i föreställningsbeskrivningen. |
| Dolda uppmaningar ”Köp biljetter” och ”Beställ servering” (WCAG 2.4.7 / 4.1.2) | I föreställningssidans heroavsnitt har call-to-action-länkarna dolts med stilen visibility:hidden. |
| Fokusmarkering saknas eller är otydlig (WCAG 2.4.7) | Det första interaktiva elementet på startsidan (t.ex. logotypen eller toppmenyn) visar ingen tydlig fokusmarkering vid Tab-navigering |
| Chattfönstret kan inte användas med tangentbord (WCAG 2.1.1) | Chattwidgeten ”Hej! Kan jag hjälpa till?” i det nedre högra hörnet får inget tabbfokus och dess X-knapp för stängning kan inte användas med tangentbord. |
| Ologisk läsordning (WCAG 1.3.2) | Läsordningen för dagarna i kalendern är oklar med skärmläsare. |
| Färg används som enda informationsbärare (WCAG 1.4.1) | I kalendern skiljs olika månader och den aktuella dagen åt enbart med färg. |
| Knapparnas namn är inte tillgängliga | I kakbannern finns knappen <button tabindex=”0″ id=”coi-expand”>, som saknar ett synligt namn eller en aria-label. Skärmläsaren kan därför inte avgöra knappens funktion. |
| Inmatningsfältet saknar namn (Field name) | <textarea id=”comment” aria-required=”true”></textarea> saknar attributet label, aria-label eller aria-labelledby. |
| Felaktiga ARIA-attribut (Allowed ARIA attributes) | Ett styckeelement har attributet aria-level (t.ex. <p aria-level=”3″>), vilket inte är tillåtet. |
| Svag färgkontrast i texten (Color contrast) | Textfärgen #2bb976 mot bakgrunden #ffffff ger kontrastförhållandet 2.52 (< 4.5:1). |
| Länkar i textstycken skiljer sig endast genom färg (Link in text block) | Textlänkar med färgen #0677c7 tillsammans med brödtexten #000000 saknar understrykning och har kontrastförhållandet 2.69. |
| Videor saknar textning eller syntolkning (Video captions) | Inbäddade videor utan dold textning eller transkriptioner. |
| Länken saknar ett tydligt namn (Link name) | Länken ingår i tabbordningen men saknar synlig text eller aria-label, t.ex. <a href=”#top”><i aria-hidden=”true”></i><span>Menu</span></a>. |
| Sidan saknar lang-attribut (Document language) | Elementet <html> saknar attributet lang=”fi”. |
| Innehållet saknar markerade områden (Landmark) | Sidorna innehåller material som inte ligger i <main>, <nav>, <header> eller andra landmark-element. |
| Huvudelementet <main> saknas (Main landmark) | Dokumentet saknar helt ett <main>-landmark-element. |
| Landmark-elementens namn är inte unika (Unique landmark) | Flera <nav>-element saknar aria-label eller rubrik. |
| Rubriknivåer hoppas över (Heading order) | I koden används <h5> direkt efter en <h1>-rubrik utan mellanliggande nivåer. |
| <h1>-rubrik saknas (H1 heading) | Vissa sidor saknar helt en rubrik på <h1>-nivå. |
| Tomma rubriker (Empty heading) | <h3></h3> utan innehåll. |
| Felaktig användning av ARIA-roll (Allowed ARIA role) | <a class=”header__logo” role=”img” …> – ett ankare får inte ha rollen img. |
| Felaktigt scope-attribut (Valid scope attribute) | <td scope=”col”> används i ett <td>-element. |
| Onödiga länkar med href=”#” som inte leder någonstans (WCAG 2.4.4) | På personkorten på sidan Kontaktuppgifter är både bilden och namnet länkar med ”#” som href-attribut, vilket gör dem till onödiga fokuspunkter |
| Bristfällig tangentbordsanvändning (WCAG 2.1.1) | Vissa menyer och funktioner kan inte nås med Tab-tangenten. |
| Formulärfält saknar etikett (WCAG 3.3.2/4.1.2 – Field name) | Formulärelement, såsom textarea, saknar attributet label eller aria-label. Webwarden anger att fälten inte har något implicit eller explicit namn |
| Videor saknar textning (WCAG 1.2.2 – Captions) | Inbäddade videor (t.ex. YouTube) saknar textning. Webwardens resultat visar att användare inte kan ta del av videoinnehållet utan ljud |
| Felaktiga ARIA-attribut (WCAG 4.1.2 – Allowed ARIA attributes) | På sidorna används det otillåtna attributet aria-level i grundläggande element (t.ex. <p aria-level=”3″> eller <p aria-level=”5″>). Webwarden påpekar att aria-level inte är tillåtet i elementet i fråga |
| Felaktig ARIA-roll (Allowed ARIA role) – rekommendation | Exempelvis har role=”img” lagts till i ett ankare, trots att rollen inte är tillåten för elementet i fråga. Webwarden påpekar att rollen är felaktig |
| Länkelement saknar tydliga namn (Link name) – WCAG 2.4.4, 4.1.2 | Exempelvis saknar pillänken <a href=”#top”><i class=”fa fa-chevron-up” aria-hidden=”true”></i><span>Menu</span></a> ett namn som skärmläsaren kan identifiera |
| Svag kontrast (WCAG 1.4.3 & 1.4.11) | Text ovanpå bilder och vissa knappar är svåra att läsa. |
| Svagt färg- och kontrastförhållande (WCAG 1.4.3/1.4.11) | Webwarden rapporterar flera färgkombinationer där textens kontrastförhållande är för lågt (t.ex. #2bb976 mot vit bakgrund, kontrastförhållande 2.52), vilket inte uppfyller kravet 4.5:1 |
| Sidornas innehåll ligger inte inom landmark-områden (rekommendation) | I Webwardens rekommendationer konstateras att en del av innehållet inte ligger inom definierade landmark-områden och därför kan vara svårt att navigera med skärmläsare |
| Huvudinnehållselement saknas (Main landmark) – rekommendation | Flera sidor saknar ett tydligt <main>-element. Webwarden påpekar att dokumentet saknar ett huvudlandmark |
| Landmark-elementen är inte unika (Unique landmark) – rekommendation | Webbplatsen har flera nav-områden utan särskiljande attribut av typen aria-label eller title. Webwarden betonar att landmark-elementen ska vara unika |
| Ologisk rubrikhierarki (Heading order) – rekommendation | På sidorna hoppas rubriknivåer över (t.ex. h1-h3-h5). Webwarden påminner om att rubriker bör användas i stigande ordning |
| H1-rubrik saknas (H1 heading) – rekommendation | Vissa sidor saknar helt en <h1>-rubrik. Webwarden rapporterar 36 fall där h1 saknas |
| Tom rubriktagg (Empty heading) – rekommendation | <h3></h3> utan innehåll. |
| Scope-attribut i fel element (Valid scope attribute) – rekommendation | I en tabell har scope-attributet placerats i ett td-element i stället för ett th-element. Webwarden identifierar detta som ett fel |
| Aktiv flik anges inte (WCAG 4.1.3) | Flikkomponenterna anger inte vilken flik som är öppen. |
| Bristfälliga sidtitlar (WCAG 2.4.2) | Titlarna på vissa sidor beskriver inte sidans innehåll. |
| Generiska länktexter (WCAG 2.4.7) | Länktexterna ”Läs mer” anger inte vart länkarna leder. |
| Inkonsekvent navigering (WCAG 3.2.3) | Vissa sidor saknar navigeringsmekanismer eller så avviker de från andra sidor. |
| Sidan saknar lokal navigering (innehållsförteckning) | Sidan Aktuellt saknar ett context–navigation-avsnitt. På andra relativt långa sidor, såsom Kontaktuppgifter och Ankomst, finns en lista med länkar till olika avsnitt (t.ex. Kundservice, Restaurangtjänster) |
| Intern navigering saknas (inga hopplänkar till avsnitt) | Kalendersidans källkod saknar en context–navigation-lista, medan sidan Kontaktuppgifter har en tydlig intern navigering (#asiakaspalvelu, #sodexon-ravintolapalvelut, #laskutustiedot) |
| Den långa startsidan saknar en lista för intern navigering | Startsidan är lång och innehåller flera avsnitt, men saknar ett context–navigation-avsnitt. En motsvarande innehållsförteckning finns på sidorna Kontaktuppgifter och Stadsteatern (t.ex. Personal, Teaterhuset, Arkiv) |
| Namnlösa länkar och ikoner (WCAG 2.4.4/4.1.2) | Enbart ikoner eller bilder används som länkar och knappar utan synlig textbeskrivning eller aria-label-attribut. Webwarden anger att länkarna saknar tillgängliga namn |
| Dokumentets språk saknas (WCAG 3.1.1 – Document language) | Vissa sidor anger inget lang-attribut i html-elementet. Webwarden konstaterar att <html> saknar lang-attribut |
| Huvudinnehållet saknar ett main-landmark | I HTML-källkoden används <nav>-element, men huvudinnehållet ligger inte inom ett <main>-element eller ett role=”main”-attribut. Skärmläsaren kan därför inte hoppa direkt till huvudinnehållet. |
| Dolda knappar på biljettköpssidan visas för skärmläsare | I heroavsnittet har knapparna ”Köp biljetter” dolts med CSS (`visibility:hidden`), men utan aria-hidden, vilket innebär att skärmläsaren fortfarande kan fokusera på knappen. |
| Mobilnavigeringens menyikon kan inte användas med tangentbord | I mobilvyn är hamburgarikonen som öppnar menyn ett ankare med `href=”#”`. Den får inget tabbfokus och saknar aria-label |
| Dolda knappar för ”Köp biljetter” kan inte användas med tangentbord | I startsidans heroavsnitt har knapparna Köp biljetter dolts med CSS (`visibility:hidden`). Därför får de inget tabbfokus, men visas ändå för skärmläsare |
| Pilarna i kalenderns månadsnavigering saknar namn | Kalenderns pilar för föregående/nästa är ankare med `href=”#”` utan synlig text eller aria-label. Skärmläsaren kan inte avgöra vart de leder. |
| Onödiga länkar i personkorten leder ingenstans | Personkorten på sidan Kontaktuppgifter är omslutna av länkar med `href=”#”` som inte gör någonting. Tabmarkören stannar i onödan vid dessa länkar |
Vissa innehåll omfattas inte av den tillämpliga lagstiftningen
På den Youtube-kanal som vi administrerar finns videoinnehåll som publicerats före 23.9.2020. En del av detta videoinnehåll saknar textning och/eller syntolkning. Enligt lagen behöver videoinnehåll som publicerats före 23.9.2020 inte göras tillgängligt retroaktivt eller tas bort.
Vårt föreställningsarkiv, filerna i publikationskatalogen och de delar av webbplatsens innehåll som har genomförts med särskild teknik, såsom virtuella panoramabilder, är inte tillgängliga. På dessa tillämpas tillfälligt det undantag på grund av oskäligt betungande börda som avses i artikel 5 i direktiv (EU) 2016/2102. Filerna i dessa avsnitt är inte tillgängliga till alla delar, eftersom antalet filer är betydande och webbplatsens administratör saknar kostnadseffektiva eller automatiserade metoder för att göra innehållet förenligt med tillgänglighetskraven.
Utarbetande av denna tillgänglighetsbeskrivning
Beskrivningen grundar sig på en tillgänglighetsgranskning som den externa expertorganisationen Knowit Oy genomförde 27.8.2025. Beskrivningen uppdaterades senast 14.10.2026 med anledning av åtgärder som vidtagits för att förbättra tillgängligheten.
Respons och kontaktuppgifter
Vi fortsätter att kartlägga tillgänglighetsproblem och åtgärdar dem som en del av den kontinuerliga utvecklingen av webbplatsen. Kontakta oss gärna om du upptäcker andra tillgänglighetsproblem på vår webbplats än de som anges ovan.
Du kan ge oss respons om tillgängligheten eller be om anvisningar för hur webbplatsen används genom att skicka e-post till [javascript protected email address]
Om du lämnar dina kontaktuppgifter svarar vi på din respons så snart som möjligt.
Tillsynsförfarande
Om du upptäcker tillgänglighetsbrister på webbplatsen ber vi dig först kontakta oss som tjänsteleverantör. Vi svarar inom 14 dagar om du har lämnat dina kontaktuppgifter. Om du inte är nöjd med svaret eller inte får något svar inom 14 dagar kan du kontakta tillsynsmyndigheten Transport- och kommunikationsverket Traficom. På Transport- och kommunikationsverket Traficoms webbplats finns information om hur du kan lämna in ett klagomål och hur det behandlas.
Tillsynsmyndighetens kontaktuppgifter
Transport- och kommunikationsverket Traficom
Enheten för tillsyn över digital tillgänglighet
PL 320
00059 TRAFICOM
Telefonnummer växel 029 534 5000 (växel)