Sairauskohtausten ja saavutettavuuden huomioiminen glitch-taidetta sisältävän verkkosivun toteuttamisessa muusikolle
Magi, Rebecca (2025)
2025
All rights reserved. This publication is copyrighted. You may download, display and print it for Your own personal use. Commercial use is prohibited.
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-2025120633128
https://urn.fi/URN:NBN:fi:amk-2025120633128
Tiivistelmä
Toiminnallisessa opinnäytetyössä toteutettiin saavutettava verkkosivusto elektronista musiikkia tekevälle artistille Animadrop. Verkkosivuston kohderyhmänä on artistin kuuntelijakunta sekä yhteistyökumppanit. Työn tavoitteena oli luoda artistin visuaalista glitch-taide identiteettiä heijastava verkkosivusto ja samalla ottaa sivuston saavutettavuus huomioon.
Työn keskeisimmät teemat olivat glitch-taide ja vilkkuvaloherkkien sairauskohtausten laukaisemisen ehkäisy. Työssä verkkosisällön saavutettavuudesta korostui myös responsiivisuus, navigoitavuus ja kontrastit. Verkkosivusto toteutettiin Bootstrap-käyttöliittymäkehyksellä sekä koodikielillä HTML5, CSS ja JavaScript.
Asiakkaan visuaaliseen ilmeeseen kuuluu vahvasti välähtelevät glitch-taidegrafiikat, joiden välähtely voi altistaa vilkkuvaloherkkää epilepsiaa sairastavat sairauskohtauksille. Työn tietoperustaan kuului glitch taiteenlajina, vilkkuvaloherkät epileptiset sairauskohtaukset, verkkosisällön saavutet-tavuusohjeistus WCAG sekä verkkosisällön välähdyksiä mittaava työkalu PEAT.
Valmiilla verkkosivustolla on neljä sivua: etusivu, diskografia, biografia ja yhteystiedot. Valmis verkkosivusto on sekä brändi-ilmeen mukainen, että saavutettava. Verkkosisällöt testattiin useaan otteeseen, kunnes ne olivat turvallisia myös vilkkuvaloherkille. Saavutettavuutta mitattiin ja puutteita korjattiin, kunnes virheitä ei enää ollut.
Asiakas oli työhön tyytyväinen. Välähdyksiä testaamalla verkkosisällöistä pystyy luoda objektiivisesti turvallisia.
Työn keskeisimmät teemat olivat glitch-taide ja vilkkuvaloherkkien sairauskohtausten laukaisemisen ehkäisy. Työssä verkkosisällön saavutettavuudesta korostui myös responsiivisuus, navigoitavuus ja kontrastit. Verkkosivusto toteutettiin Bootstrap-käyttöliittymäkehyksellä sekä koodikielillä HTML5, CSS ja JavaScript.
Asiakkaan visuaaliseen ilmeeseen kuuluu vahvasti välähtelevät glitch-taidegrafiikat, joiden välähtely voi altistaa vilkkuvaloherkkää epilepsiaa sairastavat sairauskohtauksille. Työn tietoperustaan kuului glitch taiteenlajina, vilkkuvaloherkät epileptiset sairauskohtaukset, verkkosisällön saavutet-tavuusohjeistus WCAG sekä verkkosisällön välähdyksiä mittaava työkalu PEAT.
Valmiilla verkkosivustolla on neljä sivua: etusivu, diskografia, biografia ja yhteystiedot. Valmis verkkosivusto on sekä brändi-ilmeen mukainen, että saavutettava. Verkkosisällöt testattiin useaan otteeseen, kunnes ne olivat turvallisia myös vilkkuvaloherkille. Saavutettavuutta mitattiin ja puutteita korjattiin, kunnes virheitä ei enää ollut.
Asiakas oli työhön tyytyväinen. Välähdyksiä testaamalla verkkosisällöistä pystyy luoda objektiivisesti turvallisia.