Tillgänglighetsutlåtande
Helsingfors stadsteater strävar efter att säkerställa tillgängligheten i sina webbtjänster i enlighet med lagen om tillhandahållande av digitala tjänster 306/2019. Denna tillgänglighetsredogörelse 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.
Överensstämmelse med kraven
Webbplatsen uppfyller delvis kraven i lagen om tillhandahållande av digitala tjänster 306/2019. De brister i överensstämmelsen och de undantag som tillämpas på kraven anges nedan. De tillgänglighetsproblem som vi har upptäckt räknas upp nedan under Icke-tillgängligt innehåll.
Vi arbetar med att utveckla webbplatsen och åtgärda tillgänglighetsproblemen genom programmeringstekniska lösningar, redigering av innehållet och utbildning av personalen. De upptäckta tillgänglighetsproblemen har dokumenterats i våra projekthanteringsverktyg och åtgärdas systematiskt under 2027.
Icke-tillgängligt innehåll
Följande tillgänglighetsproblem har upptäckts på den nuvarande webbplatsen:
table{border-collapse:collapse;width:100%}th,td{border:1px solid #ddd;padding:8px;text-align:left}thead tr{background-color:#f2f2f2}
| 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="…">här</a>`), som leder till en pdf-version 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. |
| Fokusmarkeringen saknas eller är svag (WCAG 2.4.7) | Det första interaktiva elementet på förstasidan (t.ex. logotypen eller toppmenyn) visar ingen tydligt synlig fokusram vid Tab-navigering |
| Chattfönstret kan inte användas med tangentbord (WCAG 2.1.1) | Chattwidgeten ”Hej! Kan jag hjälpa till?” nere till höger får inte tabbfokus och dess X-knapp för stängning kan inte användas med tangentbord. |
| Ologisk läsordning (WCAG 1.3.2) | Kalenderdagarnas läsordning är oklar med skärmläsare. |
| Färg används som enda sätt att förmedla information (WCAG 1.4.1) | I kalendern skiljs olika månader och den aktuella dagen åt endast 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> utan 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 åt endast genom färg (Link in text block) | Textlänkar i färgen #0677c7 tillsammans med brödtext i färgen #000000, utan understrykning och med kontrastförhållandet 2.69. |
| Videor saknar textning eller syntolkning (Video captions) | Inbäddade videor utan dold textning eller transkription. |
| 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) | <html>-elementet saknar attributet lang="fi". |
| Innehållet saknar markerade områden (Landmark) | Sidorna innehåller material som inte finns i <main>, <nav>, <header> eller andra landmark-element. |
| Huvudelementet <main> saknas (Main landmark) | Dokumentet saknar helt ett <main>-landmark-element. |
| Landmark-områdenas 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 vars href-attribut är ”#”, vilket gör dem till onödiga fokuspunkter |
| Brister i tangentbordsanvändningen (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 varken har ett 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ändarna inte kan ta del av videornas innehåll utan ljud |
| Felaktiga ARIA-attribut (WCAG 4.1.2 – Allowed ARIA attributes) | På sidorna används det otillåtna attributet aria-level i grundelement (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 | Ett ankare har till exempel försetts med role="img", vilket inte är tillåtet i 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 innehåller pillänken <a href="#top"><i class="fa fa-chevron-up" aria-hidden="true"></i><span>Menu</span></a> inget 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 i 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 huvud-landmark |
| Landmark-områdena är inte unika (Unique landmark) – rekommendation | Webbplatsen har flera nav-områden utan unika aria-label- eller title-attribut. Webwarden betonar att landmark-områdena ska vara unika |
| Ologisk rubrikhierarki (Heading order) – rekommendation | På sidorna hoppas rubriknivåer över (t.ex. h1-h3-h5). Webwarden påminner om att rubrikerna 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) | Vissa sidtitlar 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 har mekanismer som avviker från dem på andra sidor. |
| Sidan saknar lokal navigering (innehållsförteckning) | Sidan Aktuellt saknar ett context–navigation-avsnitt. Andra längre sidor, såsom Kontaktuppgifter och Ankomst, har en lista med länkar till olika avsnitt (t.ex. Kundtjänst, Restaurangtjänster) |
| Intern navigering saknas (inga hopplänkar till avsnitt) | Kalendersidans källkod saknar en context–navigation-lista, medan sidan Kontaktuppgifter har tydlig intern navigering (#asiakaspalvelu, #sodexon-ravintolapalvelut, #laskutustiedot) |
| Den långa förstasidan saknar en lista för intern navigering | Förstasidan är lång och har flera avsnitt, men saknar ett context–navigation-avsnitt. 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 uppger 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 i ett <main>-element eller inom ett element med attributet role="main". 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. |
| Menysymbolen i mobilnavigeringen kan inte användas med tangentbord | Hamburgersymbolen som öppnar menyn på mobila enheter är ett ankare med `href="#"`. Den får inte tabbfokus och saknar aria-label |
| Dolda knappar för ”Köp biljetter” kan inte användas med tangentbord | I förstasidans heroavsnitt har knapparna Köp biljetter dolts med CSS (`visibility:hidden`), så de får inte tabbfokus men finns fortfarande med i skärmläsaren |
| Pilarna för månadsnavigering i kalendern 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 därför inte avgöra vart de leder. |
| Onödiga länkar i personkorten leder ingenstans | Personkorten på sidan Kontaktuppgifter har bäddats in i länkar med `href="#"` som inte utför någon funktion. Tabbmarkören stannar därför i onödan vid dessa länkar |
Vissa typer av 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 i efterhand eller tas bort.
Vårt föreställningsarkiv, filerna i katalogen Publikationer och de delar av webbplatsens innehåll som har skapats med särskild teknik, såsom virtuella panoraman, är inte tillgängliga eftersom de tillfälligt omfattas av undantaget för oproportionerlig börda enligt artikel 5 i direktiv (EU) 2016/2102. Filerna i dessa avsnitt är inte tillgängliga i alla avseenden, eftersom antalet filer är betydande och webbplatsadministratören saknar kostnadseffektiva eller automatiserade metoder för att göra innehållet förenligt med tillgänglighetskraven.
Utarbetande av denna tillgänglighetsredogörelse
Redogörelsen grundar sig på en tillgänglighetsgranskning som utfördes av den externa expertorganisationen Knowit Oy den 27.8.2025. Redogörelsen har senast uppdaterats den 14.10.2026 med anledning av åtgärder för att förbättra tillgängligheten
Respons och kontaktuppgifter
Vi fortsätter att kartlägga tillgänglighetsproblemen och åtgärdar dem som en del av det fortlöpande utvecklingsarbetet på webbplatsen. Kontakta oss om du upptäcker andra tillgänglighetsproblem på webbplatsen än de som räknas upp ovan
Du kan ge oss tillgänglighetsrespons 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 brister i tillgängligheten på webbplatsen ber vi dig först kontakta oss som tjänsteleverantör. Vi svarar på respons 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 lämnar in ett klagomål och hur det behandlas.
Tillsynsmyndighetens kontaktuppgifter
Transport- och kommunikationsverket Traficom
Enheten för tillsyn över digital tillgänglighet
PB 320
00059 TRAFICOM
Telefonnummer växel 029 534 5000 (växel)