AE-1872: Add saavutettavuusseloste in Swedish

solita · May 17, 2023 · 4518d6c · 4518d6c
1 parent 1916240
commit 4518d6c
Show file tree

Hide file tree

Showing 3 changed files with 339 additions and 163 deletions.
diff --git a/src/pages/saavutettavuusseloste-fi.svelte b/src/pages/saavutettavuusseloste-fi.svelte
@@ -0,0 +1,167 @@
+<script>
+  import { onMount } from 'svelte';
+  import Container, { styles as containerStyles } from '@Component/container';
+  import { _, locale } from '@Localization/localization';
+  import Seo from '@Component/seo';
+  import { announceAssertively } from '@/utilities/announce';
+  import Link from '@Component/link';
+
+  let component;
+  announceAssertively($_('SAAVUTETTAVUUSSELOSTE'));
+
+  onMount(() => {
+    component?.scrollIntoView({ behavior: 'smooth', block: 'start' });
+  });
+</script>
+
+<style>
+  h2 {
+    @apply mb-2 mt-8;
+  }
+
+  ul {
+    list-style: disc;
+    @apply my-4;
+  }
+
+  .contact-info {
+    @apply list-none;
+  }
+
+  h3 {
+    @apply font-bold;
+  }
+
+  p {
+    @apply mb-4;
+  }
+</style>
+
+<Seo
+  title="{$_('ENERGIATODISTUSREKISTERI')} - {$_('SAAVUTETTAVUUSSELOSTE')}"
+  descriptionFi={$locale == 'fi' ? $_('SAAVUTETTAVUUSSELOSTE') : undefined}
+  descriptionSv={$locale == 'sv' ? $_('SAAVUTETTAVUUSSELOSTE') : undefined} />
+
+<Container {...containerStyles.white}>
+  <div class="px-4 lg:px-8 xl:px-16 pt-8 pb-4 mx-auto" bind:this={component}>
+    <div>
+      <h2 class="mb-4">{$_('SAAVUTETTAVUUSSELOSTE')}</h2>
+      <p>
+        ARA pyrkii takaamaan energiatodistusrekisteri.fi-palvelun
+        saavutettavuuden Lain digitaalisten palvelujen tarjoamisesta 306/2019
+        mukaisesti.
+      </p>
+      <p>
+        Tämä saavutettavuusseloste koskee energiatodistusrekisteri.fi-sivustoa.
+      </p>
+      <h3>Saavutettavuuden tila</h3>
+      <p>
+        energiatodistusrekisteri.fi täyttää Verkkosisällön
+        saavutettavuusohjeiden (WCAG) 2.1 tason AA vaatimukset osittain.
+      </p>
+      <h3>Ei-saavutettava sisältö</h3>
+      <p>
+        Jäljempänä mainittu sisältö ei ole saavutettavissa seuraavista syistä:
+      </p>
+      <p>
+        Lain digitaalisten palvelujen tarjoamisesta 306/2019 noudattamatta
+        jättäminen
+      </p>
+      <ul class="ml-6">
+        <li>
+          Päävalikon linkeissä ikonin tekstivastine toistaa turhaan
+          linkkitekstin sisällön (WCAG 1.1.1)
+        </li>
+        <li>
+          Otsikko–arvo-pareja ei ole esitetty ohjelmallisesti. (WCAG 1.3.1)
+        </li>
+        <li>
+          Haku tapahtuu automaattisesti hakukentästä poistuttaessa tai
+          Enterillä, mutta ruudunlukijakäyttäjä ei saa palautetta. (WCAG 1.3.1)
+        </li>
+        <li>
+          Yläpalkin logo turhaan &#60;h1&#62;-elementin sisällä. (WCAG 1.3.1)
+        </li>
+        <li>
+          Otsikoiden tasot eivät etene loogisesti, useampi h1-tason otsikko ja
+          loogisesti toisilleen alisteisia otsikoita, joilla sama otsikkotaso.
+          (WCAG 1.3.1)
+        </li>
+        <li>
+          Suodatusvalintojen vihjeteksti ei sulkeudu Esciä painamalla, voi jäädä
+          näkyviin, vaikka kohdistus siirtyy muualle. Valintapainikkeiden
+          toiminta poikkeaa totutusta. (WCAG 1.4.13)
+        </li>
+        <li>
+          Osa visuaalisista elementeistä ei skaalaudu siististi vain tekstiä
+          suurennettaessa. (WCAG 1.4.4)
+        </li>
+        <li>Kohdistus ei aina toimi loogisesti. (WCAG 2.4.3)</li>
+        <li>
+          Lomakeryhmien näkyvä nimilappu ja saavutettava nimi ei aina täsmää.
+          (WCAG 2.5.3)
+        </li>
+        <li>
+          Suodattimet muokkaavat automaattisesti tuloslistaa, mutta siitä ei
+          ilmoiteta käyttäjälle etukäteen. (WCAG 3.2.2)
+        </li>
+        <li>
+          Kaikkia hakukenttiä ei ole merkitty ymmärrettävästi. (WCAG 3.3.2)
+        </li>
+        <li>
+          Pätevyystason valinnan ohjeita ei aina lueta ruudunlukijalla. (WCAG
+          3.3.2)
+        </li>
+        <li>Nav-elementeillä ei ole yksilöivää nimeä. (WCAG 4.1.2)</li>
+        <li>
+          Sivusiirtymistä ei aina saa ruudunlukuohjelmalla palautetta. (WCAG
+          4.1.3)
+        </li>
+      </ul>
+      <h2>Tämän saavutettavuusselosteen laatiminen</h2>
+      <p>
+        Tämä seloste on laadittu 25.4.2022 ja sitä on päivitetty 27.02.2023.
+      </p>
+      <p>
+        Seloste perustuu ulkopuolisen asiantuntijaorganisaation (Eficode Oy)
+        toteuttamaan arviointiin siitä, täyttääkö verkkosivusto
+        <Link
+          href="https://www.finlex.fi/fi/laki/alkup/2019/20190306"
+          referrerpolicy="no-referrer"
+          target="_blank">
+          Lain digitaalisten palvelujen tarjoamisesta 306/2019
+        </Link>
+        vaatimukset.
+      </p>
+      <h3>Palaute ja yhteystiedot</h3>
+      <p>
+        Jos huomasit saavutettavuuspuutteen, jota ei tällä sivulla ole kuvattu,
+        kerrothan sen meille. Ota yhteyttä lähettämällä sähköpostia
+        osoitteeseen: viestinta.ara (at) ara.fi
+      </p>
+      <p>
+        Vastaamme viestiisi niin pian kuin mahdollista. Huomaathan, että
+        vastauksessamme voi kuitenkin kulua jopa 14 päivää.
+      </p>
+
+      <h3>Täytäntöönpanomenettely</h3>
+      <p>
+        Jos huomaat sivustolla saavutettavuusongelmia, anna ensin palautetta
+        sivuston ylläpitäjälle. Vastauksessa voi mennä 14 päivää. Jos et ole
+        tyytyväinen saamaasi vastaukseen tai et saa vastausta lainkaan kahden
+        viikon aikana, voit antaa palautteen Etelä-Suomen aluehallintovirastoon.
+      </p>
+
+      <h3>Valvontaviranomaisen yhteystiedot</h3>
+      <ul class="contact-info">
+        <li>Saavutettavuuden valvonnan yksikkö</li>
+        <li>
+          <Link href="https://www.saavutettavuusvaatimukset.fi/" target="_blank"
+            >Saavutettavuusvaatimukset.fi</Link>
+        </li>
+        <li>saavutettavuus(at)avi.fi</li>
+        <li>vaihde 0295 016 000</li>
+      </ul>
+    </div>
+  </div>
+</Container>
diff --git a/src/pages/saavutettavuusseloste-sv.svelte b/src/pages/saavutettavuusseloste-sv.svelte
@@ -0,0 +1,164 @@
+<script>
+  import { onMount } from 'svelte';
+  import Container, { styles as containerStyles } from '@Component/container';
+  import { _, locale } from '@Localization/localization';
+  import Seo from '@Component/seo';
+  import { announceAssertively } from '@/utilities/announce';
+  import Link from '@Component/link';
+
+  let component;
+  announceAssertively($_('SAAVUTETTAVUUSSELOSTE'));
+
+  onMount(() => {
+    component?.scrollIntoView({ behavior: 'smooth', block: 'start' });
+  });
+</script>
+
+<style>
+  h2 {
+    @apply mb-2 mt-8;
+  }
+
+  ul {
+    list-style: disc;
+    @apply my-4;
+  }
+
+  .contact-info {
+    @apply list-none;
+  }
+
+  h3 {
+    @apply font-bold;
+  }
+
+  p {
+    @apply mb-4;
+  }
+</style>
+
+<Seo
+  title="{$_('ENERGIATODISTUSREKISTERI')} - {$_('SAAVUTETTAVUUSSELOSTE')}"
+  descriptionFi={$locale == 'fi' ? $_('SAAVUTETTAVUUSSELOSTE') : undefined}
+  descriptionSv={$locale == 'sv' ? $_('SAAVUTETTAVUUSSELOSTE') : undefined} />
+
+<Container {...containerStyles.white}>
+  <div class="px-4 lg:px-8 xl:px-16 pt-8 pb-4 mx-auto" bind:this={component}>
+    <div>
+      <h2 class="mb-4">{$_('SAAVUTETTAVUUSSELOSTE')}</h2>
+      <p>
+        ARA strävar efter att garantera tillgängligheten till tjänsten
+        energiatodistusrekisteri.fi i enlighet med lagen om tillhandahållande av
+        digitala tjänster 306/2019.
+      </p>
+      <p>
+        Denna tillgänglighetsbeskrivning gäller webbplatsen
+        energiatodistusrekisteri.fi.
+      </p>
+      <h3>Status för tillgängligheten</h3>
+      <p>
+        energiatodistusrekisteri.fi uppfyller delvis kraven på nivå AA i
+        tillgänglighetsanvisningarna för webbinnehåll (WCAG 2.1).
+      </p>
+      <h3>Icke-tillgängligt innehåll</h3>
+      <p>Innehållet nedan är inte tillgängligt av följande skäl:</p>
+      <p>
+        Underlåtelse att iaktta lagen om tillhandahållande av digitala tjänster
+        306/2019
+      </p>
+      <ul class="ml-6">
+        <li>
+          I huvudmenyns länkar upprepar ikonens textmotsvarighet i onödan
+          länktextens innehåll (WCAG 1.1.1)
+        </li>
+        <li>Rubrik-värdeparen har inte presenterats. (WCAG 1.3.1)</li>
+        <li>
+          Sökningen sker automatiskt när du lämnar sökfältet eller med Enter,
+          men skärmläsaren får ingen respons. (WCAG 1.3.1)
+        </li>
+        <li>
+          Logotypen i övre balken är i onödan inom &#60;h1&#62;-elementet. (WCAG
+          1.3.1)
+        </li>
+        <li>
+          Rubrikernas nivåer framskrider inte logiskt, flera rubriker på nivå h1
+          och logiskt underställda rubriker med samma rubriknivå. (WCAG 1.3.1)
+        </li>
+        <li>
+          Tipstexten för filtreringsvalen stängs inte genom att trycka på Esc,
+          kan förbli synlig även om inriktningen flyttas någon annanstans.
+          Valknapparnas funktion avviker från det man är van vid. (WCAG 1.4.13)
+        </li>
+        <li>
+          En del av de visuella elementen skalas inte snyggt när bara texten
+          förstoras. (WCAG 1.4.4)
+        </li>
+        <li>Fokus fungerar inte alltid logiskt. (WCAG 2.4.3)</li>
+        <li>
+          Blankettgruppernas synliga namntagg och tillgängliga namn stämmer inte
+          alltid överens. (WCAG 2.5.3)
+        </li>
+        <li>
+          Filtren redigerar automatiskt resultatlistan, men användaren
+          informeras inte om detta på förhand. (WCAG 3.2.2)
+        </li>
+        <li>
+          Alla sökfält är inte markerade på ett begripligt sätt. (WCAG 3.3.2)
+        </li>
+        <li>
+          Anvisningarna för val av kompetensnivå läses inte alltid med
+          skärmläsare. (WCAG 3.3.2)
+        </li>
+        <li>Nav-elementen har inga identifierande namn. (WCAG 4.1.2)</li>
+        <li>
+          Man får inte alltid respons på förflyttningen mellan sidorna med
+          skärmläsningsprogrammet. (WCAG 4.1.3)
+        </li>
+      </ul>
+      <h2>Upprättande av denna tillgänglighetsbeskrivning</h2>
+      <p>
+        Denna beskrivning har utarbetats 25.4.2022 och uppdaterats 27.02.2023.
+      </p>
+      <p>
+        Utlåtandet grundar sig på en utomstående expertorganisations (Eficode
+        Oy) bedömning av om webbplatsen uppfyller kraven i
+        <Link
+          href="https://www.finlex.fi/sv/laki/alkup/2019/20190306"
+          referrerpolicy="no-referrer"
+          target="_blank">
+          lagen om tillhandahållande av digitala tjänster 306/2019
+        </Link>.
+      </p>
+      <h3>Respons och kontaktuppgifter</h3>
+      <p>
+        Om du upptäckte en tillgänglighetsbrist som inte beskrivs på denna sida,
+        vänligen berätta det för oss. Kontakta oss genom att skicka e-post till
+        adressen: viestinta.ara (at) ara.fi
+      </p>
+      <p>
+        Vi svara på ditt meddelande så snart som möjligt. Observera att det kan
+        ta upp till 14 dagar innan du får vårt svar.
+      </p>
+
+      <h3>Verkställighetsförfarande</h3>
+      <p>
+        Om du upptäcker tillgänglighetsproblem på webbplatsen ska du först ge
+        respons till webbplatsens administratör. Svaret kan ta upp till 14
+        dagar. Om du inte är nöjd med det svar du fått eller om du inte får
+        något svar inom två veckor, kan du ge respons till
+        Regionförvaltningsverket i Södra Finland.
+      </p>
+
+      <h3>Tillsynsmyndighetens kontaktuppgifter</h3>
+      <ul class="contact-info">
+        <li>Enheten för tillsyn av tillgänglighet</li>
+        <li>
+          <Link href="https://www.saavutettavuusvaatimukset.fi/" target="_blank"
+            >Saavutettavuusvaatimukset.fi</Link>
+        </li>
+        <li>saavutettavuus(at)avi.fi</li>
+        <li>växel 0295 016 000</li>
+      </ul>
+    </div>
+  </div>
+</Container>