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änglighetsredogörelse gäller webbplatsen hkt.fi.
Status för överensstämmelse
Webbplatsen uppfyller delvis kraven i lagen om tillhandahållande av digitala tjänster 306/2019. De krav som inte uppfylls och de undantag som tillämpas på kraven anges nedan. De tillgänglighetsproblem som vi har identifierat räknas upp under rubriken Icke-tillgängligt innehåll.
Vi arbetar för 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 åtgärdas systematiskt.
Icke-tillgängligt innehåll
Följande tillgänglighetsproblem har identifierats på den nuvarande webbplatsen:
| Anmärkning | Exempel |
|---|---|
| En generell länktext anger inte vart länken leder (WCAG 2.4.4) | I en artikel används länktexten ”här” (`<a href="…">täällä</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 nå 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 till handling: ”Köp biljetter” och ”Beställ servering” (WCAG 2.4.7 / 4.1.2) | I heroavsnittet på föreställningssidan 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å startsidan (t.ex. logotypen eller toppmenyn) visar ingen tydligt synlig fokusmarkering vid Tab-navigering |
| Chattfönstret är inte tillgängligt med tangentbord (WCAG 2.1.1) | Chattwidgeten ”Hej! Kan jag hjälpa dig?” nere till höger 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) | Ordningsföljden för kalenderdagarna ä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 ett kontrastförhållande på 2.52 (< 4.5:1). |
| Länkar i textstycken skiljer sig endast genom färgen (Link in text block) | Textlänkarna har färgen #0677c7 och den omgivande texten #000000. Länkarna är inte understrukna och kontrastförhållandet är 2.69. |
| Videor saknar textning eller syntolkning (Video captions) | Inbäddade videor utan dold textning eller transkribering. |
| En länk 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 har innehåll som inte finns 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) | På vissa sidor saknas en rubrik på <h1>-nivå helt. |
| Tomma rubriker (Empty heading) | <h3></h3> utan innehåll. |
| Felaktig användning av ARIA-roll (Allowed ARIA role) | <a class="header__logo" role="img" …> – en ankarlänk 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="#" leder ingenstans (WCAG 2.4.4) | På personkorten på sidan Kontaktuppgifter är både bilden och namnet länkar med attributet href="#", vilket gör dem till onödiga fokuspunkter |
| Brister i användningen med tangentbord (WCAG 2.1.1) | Vissa menyer och funktioner kan inte nås med tabbtangenten. |
| 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. Enligt Webwarden innehåller fälten inget implicit eller explicit namn |
| Videor saknar textning (WCAG 1.2.2 – Captions) | Inbäddade videor (t.ex. från YouTube) saknar textning. Webwardens observationer 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 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 en ankarlänk, vilket inte är tillåtet 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 | Till exempel innehåller länken med pilknappen <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, med kontrastförhållandet 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 |
| Element för huvudinnehållet saknas (Main landmark) – rekommendation | På flera sidor saknas ett tydligt <main>-element. Webwarden påpekar att dokumentet saknar ett landmark för huvudinnehållet |
| Landmark-elementen är inte unika (Unique landmark) – rekommendation | Webbplatsen har flera nav-områden utan individuella aria-label- eller title-attribut. Webwarden betonar att landmark-elementen ska vara unika |
| Ologisk rubrikhierarki (Heading order) – rekommendation | På sidorna hoppas det mellan rubriknivåerna (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-attributet finns i fel element (Valid scope attribute) – rekommendation | I en tabell har scope-attributet placerats i ett td-element i stället för i ett th-element. Webwarden identifierar detta som ett fel |
| Den aktiva fliken anges inte (WCAG 4.1.3) | Flikkomponenterna anger inte vilken flik som är öppen. |
| Brister i sidrubrikerna (WCAG 2.4.2) | Rubrikerna på vissa sidor beskriver inte sidans innehåll. |
| Generella länktexter (WCAG 2.4.7) | Länktexterna ”Läs mer” anger inte vart länkarna leder. |
| Inkonsekvent navigering (WCAG 3.2.3) | På vissa sidor saknas 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 längre sidor, såsom Kontaktuppgifter och Så hittar du till teatern, finns en lista med länkar till olika avsnitt (t.ex. Kundtjänst, Restaurangtjänster) |
| Intern navigering saknas (inga hopplänkar till avsnitten) | Kalendersidans källkod innehåller ingen 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) | Som länkar och knappar används enbart ikoner eller bilder utan en synlig textbeskrivning eller ett aria-label-attribut. Enligt Webwarden saknar länkarna ett tillgängligt namn |
| Dokumentets språk saknas (WCAG 3.1.1 – Document language) | På vissa sidor anges 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 är synliga 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 är inte tillgänglig med tangentbord | Hamburgerikonen som öppnar menyn i mobilversionen är en ankarlänk med `href="#"`. Den får inget tabbfokus och saknar aria-label |
| De dolda knapparna ”Köp biljetter” är inte tillgängliga med tangentbord | I startsidans heroavsnitt har knapparna Köp biljetter dolts med CSS (`visibility:hidden`), vilket innebär att de inte får tabbfokus men fortfarande är synliga för skärmläsare |
| Pilarna i kalenderns månadsnavigering saknar namn | Kalenderns pilar för föregående/nästa är ankarlänkar 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 har 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å Youtube-kanalen som vi administrerar finns videoinnehåll som har 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 eller tas bort i efterhand.
Vårt föreställningsarkiv, filerna i publikationskatalogen och de delar av webbplatsens innehåll som har skapats med särskild teknik, såsom virtuella panoramabilder, är inte tillgängliga eftersom undantaget på grund av oskälig börda enligt artikel 5 i direktiv (EU) 2016/2102 tillfälligt tillämpas på dem. Filerna i dessa delar är inte tillgängliga i alla avseenden, 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änglighetsredogörelse
Redogörelsen bygger på en tillgänglighetsgranskning som utfördes av den externa expertorganisationen Knowit Oy den 27.8.2025. Redogörelsen uppdaterades senast den 7.12.2025 till följd 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 den fortlöpande utvecklingen av webbplatsen. Kontakta oss om du upptäcker andra tillgänglighetsproblem på vår webbplats än de som räknas upp 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 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 kan lämna in en anmälan och hur den 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)