Viisi virhettä bändien ja levy-yhtiöiden sivuilla

Kirjoittaja: Merlin Mann, käännös: Marjut Mutanen.

Artikkeli on julkaistu alun perin 43 Folders â??blogissa otsikolla Five Mistakes Band & Label Sites Make.


Myönnettäköön, että tämä aihealue ei ole sitä, mitä näillä sivuilla yleensä käsitellään, mutta suokaa minulle tämän julkisen viestin lähettäminen kaikkien internetissä roikkuvien musiikkifanien puolesta â?? viisi virhettä, joita bändien ja levy-yhtiöiden sivuilla tehdään (ja muutama vinkki niiden korjaamiseksi). Yhden fanin näkökulma.

Liikaa Flashia

Okei, kyllä minä sen tajuan; te olette luovia. Mahtavaa. Mutta samalla haaskaatte kallisarvoista aikaani, kun avuttomana odotan, että web-suunnittelijanne tanssivat makkarat lakkaisivat latautumasta. Pahin vitsaus kaikista on luultavasti se, että suurin osa Flash-sivuista estää fanejanne linkittämään artistin tietoihin, levyyn tai biiseihin. Faninne yrittävät houkutella ihmisiä kassakoneiden ääreen, mutta te vain sinnikkäästi vaaditte heitä katsomaan nukketeatteria ennen kuin he pääsevät edes pahuksen kauppaan sisälle.

Vinkki: Käytä flashia niin kuin käyttäisit korianteria â?? säästäväisesti yhden vaikuttavan efektin luomiseen. Kukaan ei halua syödä kulhollista korianteria, eikä kukaan halua myöskään animoitujen nakkien marssia silloin, kun täytettävänä on todella tärkeä tehtävä. Rakenna myös sivut sellaisiksi, että mihin tahansa linkittäminen on superhelppoa. Käytä ankkureita alasivuille, ja ilmaise selkeästi miksi ne ovat siellä.

Kehno tai olematon mp3-metadata

Jos lataan hittisinglenne mp3-version ja siinä kerrotaan, että kyseessä on ”Artistin” esittämä ”Biisi” levyltä nimeltä ”Levy”, mokasitte jo pahemman kerran. Minulla ei ole mitään mahdollisuuksia löytää teitä uudelleen. Sama pätee myös tiedostojen nimeämiseen. Muista: ihmiset lataavat kymmeniä tai satoja kappaleita kerrallaan, joten on aika epätodennäköistä, että he muistavat mistä Biisi%2007.mp3 on peräisin.

Vinkki: Täytä jokainen mahdollinen ID3-tietokenttä oikealla, riittävällä informaatiolla. Tämä on levynkannen digitaalinen versio, joten anna teineille jotain luettavaa samalla kun he rokkaavat biisienne tahtiin. Perustiedot biisistä eivät paljoa vaadi, mutta harkitse myös kansitaiteen, kappalenumeron, säveltäjätietojen, tyylilajin ja julkaisuvuoden lisäämistä, ja â?? siis hei â?? lisää myös linkki verkkosivuillenne sekä sähköpostiosoite kommenttikenttään. Mp3-tiedoston julkaisu ilman metadataa on sama kuin jos S-marketin pomo kieltäisi pullanmaistatuskonsulenttia kertomasta asiakkaille mistä niitä pullapitkoja kaupasta löytää.

Turhan daideellista

Ihmiset tulevat sivuillenne siksi, että haluavat saada lisää tietoa bändistä ja musiikista â?? eivät saadakseen opastettua kierrosta designerin/lankomiehen Photoshop-taidoista. Älä kikkaile ulkoasun, osioiden nimeämisen tai navigoinnin kanssa. Älä pakota vierailijoita ratkaisemaan Rubikin kuutiota päästäkseen lukemaan lyriikoita.

Vinkki: Anna musiikin olla pääosassa ja tarjoa nopea pääsy sinne, mitä varten kävijät sivuille tulivat: 1) mp3:t/ladattavat tiedostot, 2) lyriikat/diskografia, 3) keikkapaikat, 4) yhteystiedot, 5) mistä näitä voi ostaa (mieluiten kehotus ostamiseen verkossa välitöntä lataamista silmällä pitäen). Kuvat, vanhat keikkojen biisilistat ja päiväkirjat â?? kaikki materiaali, joka kuvastaa bändin persoonallisuutta â?? on sekin toki hyvää, mutta ne ovat silti toissijaisia edellä lueteltujen asioiden kertomiseen ja päivittämiseen verrattuna. Säästä taiteelliset pläjäykset siihen kun ennen pitkää lakkaat musisoimasta ja ryhdyt harrastamaan öljyvärimaalausta.

Ei hakua

On erittäin paljon mahdollista, että sivuillenne tulevilla faneilla on tähtäimessään jotain erityistä: yleensä säkeistö jostain biisistä tai jonkin epämääräisen kappaleen nimi. Jos sivustolla on enemmän kuin kourallinen sivuja, tarjoa käyttäjille selkeästi nimetty hakukenttä (tai linkki hakutoimintoon) jokaisella sivulla, ja testaa sen toiminta. Varmista, että haku toimii ja tuo kävijöitä suosituimmille sivuillenne ilman haeskelun tarvetta.

Vinkki: Googlella on ilmainen sivustokohtainen hakupalvelu. Se ei ole täydellinen tai sataprosenttisesti ajan tasalla, mutta se toimii, on ilmainen ja aina parempi kuin ei mitään.

Yhdensuuntainen kommunikointi (tarjoiltuna yhdellä tavalla)

Faninne eivät ole tyhjiä astioita tai pelkkiä (uh) promootiotiimejä (street team); heilläkin on sanansa sanottavana. Näytä selkeä sähköpostiosoite yhteydenottoa varten (ja erilliset osoitteet lehdistölle ja keikkatarjouksille, jos olette kuuluisia ja vaikkette olisikaan). Harkitse myös erillistä fanien keskusteluareenaa ja sähköpostilistoja kiertue- ja julkaisupäivistä tiedottamiseen. Lue sähköpostia ja vastaa siihen.

Vinkki: Harkitse RSS-syötteen luomista eniten päivittyville sivuille. Sloan-yhtyeen sivuilla tämä on tehty erittäin hyvin.

Yleisesti ottaen: älä anna web-suunnittelijasi rakentaa esittelysivustoa fanien ja liiketoiminnan kustannuksella. Kysy faneiltasi mitä he haluavat, seuraa kuinka he käyttävät sivujanne ja anna heille sitä, mistä he pitävät ilman turhia kotkotuksia.

Onko sinulla avautumisen aihetta musiikkisivustoista?

Kääntäjän epilogi

Äkkipäätä voisi kuvitella, ettei musiikkisivustojen käyttäjäystävällisyyttä käsittelevällä artikkelilla ole juuri tekemistä saavutettavuuden ja Saavutettava.fi:n kanssa, mutta mietitäänpä uudelleen. Terveet yksilöt eivät ole ainoita, jotka musiikkia kuuntelevat ja harrastavat. Internet tarjoaa merkittävän viestintäkanavan juuri heille, joiden mahdollisuudet vaikkapa keikoilla käymiseen ovat syystä tai toisesta rajalliset, ja joita esimerkiksi television (vaatimaton) musiikkitarjonta ei tavoita. Mutta yhtä lailla saavutettavasta sivustosta hyötyvät kaikki musiikin harrastajat ja kuluttajat parantuneena löydettävyytenä, mainoskanavana, tiedonlähteenä, elämysten luojana. Viime kädessä fiksu artisti huomaa sen kukkarossaan.

Lyhyt johdatus esteettömyyteen

Kirjoittaja: Russ Weakley, Max Design. Käännös: Yoji Hirabayashi ja Mikko Kekki.


Sisältö

Esteettömyys ei ole…

  • Vain tekstipohjaisia sivuja
  • Erillinen, esteetön versio (ellei kyseessä ole multimedia)
  • Tylsää
  • Vaikeaa

Esteettömyys on…

Esteettömyydellä tarkoitetaan sellaisten web-sivujen kehittämistä, joita kuka tahansa voi navigoida ja lukea riippumatta käyttäjän mahdollisista vammoista, sijainnista, kokemuksesta tai käytössä olevasta teknologiasta.

Webin voima on sen universaaliudessa. Kaikkien saavutettavissa oleminen, esteellisyydestä riippumatta, on ensiarvoista.

Tim Berners-Lee
World Wide Webin ”isä”
Johtaja, W3C

Esteelliset käyttäjät

  1. Näkövammat
    • Sokeus
    • Heikentynyt näkökyky
    • Värisokeus
      • Vihersokeus (deutranopia)
      • Punasokeus (protanopia)
      • Sinisokeus (tritanopia)
  2. Liikunnalliset ja motoriset rajoitteet
    • Täydellinen tai osittainen halvaantuminen
    • Parkinsonin tauti
    • Niveltulehdus
    • Aivovaurio
    • Puutteellinen jäsenen liikuntakyky
  3. Kognitiiviset haitat
    • Kognitiiviset häiriöt
      • Vajavainen aivotoiminta
      • Lyhytmuistinmenetys
      • Ms-tauti
      • Alzheimerin tauti
      • Parkinsonin tauti
      • Ikääntyneisyys
    • Oppimisvaikeudet
      • Tarkkaavaisuushäiriö ADD
      • Dyslexia
      • Muut ei-kielelliset oppimisvaikeudet
  4. Kuulovammat

Laitteet ja ohjelmisto

Laitteet ja ohjelmistot web-sisällön saavuttamiseksi

Laitteet ja ohjelmistot sisällön tulostamista varten

Miksi esteettömyydestä pitäisi välittää?

  1. Lakisyistä (ei koske Suomea kirjoitushetkellä)
  2. Moraaliset syyt

    Internetissä kaikki ovat yhdenvertaisia. Se antaa meille sekä vallan että valinnanvapauden – mutta vain, mikäli pääsy sinne on yhtäläinen kaikille.

    http://www.rnib.org.uk/

  3. Julkinen palvelu

    Julkisella sektorilla on velvollisuus palvella yleisöä. Eikä se tee sitä, mikäli se palvelee vain tiettyjä ihmisryhmiä.

    http://joeclark.org/essentials/WE04notes1.html

  4. Kaupalliset syyt

    2003 SDAC arvioi että joka viides australialainen (3,951,000 tai 20%) kärsii jonkinasteisista häiriöistä. Luku on yhtäläinen niin naisilla kuin miehilläkin ja se suureni iän myötä ollen 81% yli 85-vuotiaiden keskuudessa.

    http://www.abs.gov.au/

  5. Esteettömistä web-sivuista hyötyvät kaikki.

Esteettömän web-kehityksen neljä vaihetta

  1. Tietämättömyys on autuutta
    • Tarvitseeko meidän todella välittää muutamasta prosentista käyttäjiä?
    • Tarvitseeko sokeiden päästä internetiin ollenkaan?
  2. Välttely
    • Me annoimme heille jo alt-tekstit ja tekstiversion sivuista. Mitä he vielä haluavat?
  3. Kävelyn opettelu
    • On niin paljon ajateltavaa, mistä aloittaisin?
  4. Osa prosessia
    • En edes ajattele sitä enää, se on osa prosessia

Joitain pikaisia tapoja parantaa sivuston esteettömyyttä

  • Käytetäänkö alt -määritteitä kaikille merkityksellisille kuville?
  • Onko tekstin koko määritelty sivustolla suhteellisilla yksiköillä?
  • Hajoaako mikään kohta taitossa, jos fonttikokoa suurennetaan?
  • Käytetäänkö sivustolla näkyviä pikalinkkejä (skip menus)?
  • Käytetäänkö sivustolla esteettömiä lomakkeita?
  • Käytetäänkö sivustolla esteettömiä taulukoita?
  • Ovatko värit riittävän kirkkaita ja kontrastit selkeitä?
  • Käytetäänkö kriittisen informaation osoittamiseen yksistään väriä?
  • Vaativatko sivun toiminnot hyvää näköä ja vakaata kättä?
  • Ovatko kaikki linkkitekstit kuvaavia?
  • Onko pääsy sivuston kaikille alueille mahdollista pelkästään näppäimistön avulla (tab key)?
  • Onko sivuston sisältö saavutettavissa mikäli CSS on kytketty pois käytöstä tai selain ei tue sitä?
  • Onko sivuston sisältö saavutettavissa mikäli kuvat on kytketty pois käytöstä tai selain ei osaa näyttää niitä?
  • Toimiiko sivusto tekstiselaimilla, kuten Lynx?
  • Toimiiko sivusto hyvin riippumatta selainikkunan koosta?

Web-standardien tarkistuslista tarjoaa yksityiskohtaisempaa lisätietoa.

Tästä artikkelista

Alkuperäinen esitys: A quick and dirty introduction to accessibility. Artikkeli on saatavilla myös presentaatiomuodossa.

Lapset ja esteettömyys – sillä on väliä

Kirjoittaja: Derek Featherstone. Artikkeli on julkaistu alunperin Box of Chocolate-blogissa otsikolla Children and Accessibility: It matters.


Hanki lapsia. Jos se ei saa sinua vakuuttuneeksi siitä, että web-sivujen tulisi olla esteettömiä, en tiedä mikä saisi.

Tulin isäksi uudelleen – Kambell, kolmas lapsemme syntyi vain reilu pari viikkoa sitten. Olemme todella onnekkaita. Kuitenkin, mitä enemmän yritän saada aikaan, sitä useammin huomaan lasten olevan jollain tavalla kuin rajoittimia. Tämä on puoliksi vakava, puoliksi humoristinen vilkaisu siihen, miksi näin… 😉

Kuulon heikkeneminen

Tämä on melko ilmeinen. Lapset ovat kovaäänisiä. Minulla on toimistotila kotitalon kellarissa – ja vaikka lapset tottelevatkin “Älä tule isin toimistoon kun ovi on suljettu tai ennen illallista” sääntöä, uskokaa kun sanon, ettei sillä ole mitään vaikutusta siihen mitä yläpuolellani tapahtuu. Toimistoni on suoraan keittiön alapuolella. On uskomatonta kuinka kovaa melua saa aikaan kahden kilon paketti pastaa, kun se tyhjennetään hitaasti keittiön keraamiselle laattalattialle. Kellaritila toimii myös erinomaisena resonanssikammiona, minne välittyy mm. tuolin tai jakkaran vetäminen huoneen poikki ikävän selvästi. Onnea vaan multimediasisältöjen kanssa.

En pystynyt kuuntelemaan Dave Winerin selitystä weblogs.comin sulkemisesta, joten olin erittäin tyytyväinen löytäessäni siitä tekstiversion joko silmäiltäväksi tai tulostusta varten. Myös SMIL-versio olisi ollut mukava, mutta epäilen etteivät lapset olisi antaneet mahdollisuutta kuunnella sitä. Vaihtoehtoiset formaatit antavat kiireisille vanhemmille lisää valinnanmahdollisuuksia.

Kognitiiviset haitat

Perheeseemme kuuluu kolme lasta. Ympärillämme on koko ajan niin paljon meteliä, että meillä on vaikeuksia muodostaa yhteyttä. Vaimollani ja minulla ei ole juuri koskaan mahdollisuutta käydä normaalia keskustelua, saati sitten tehdä jotain webissä. Emme pysty keskittymään. Olemme myös hyvin väsyneitä, joten emme aina jaksa kiinnittää huomiota asioihin niin kuin pitäisi.

Tiettyihin aikoihin päivästä en pysty lukemaan ruudulta mitään joko siksi, että ympärilläni on niin paljon melua tai yksinkertaisesti siksi että olen liian väsynyt. Voisitko kenties auttaa meitä kaikkia? Tee asioista helposti silmäiltäviä. Tarjoa yhteenveto dokumentista, jotta voimme päättää kannattaako se lukea kokonaan. Tee asiat helppokäyttöisiksi ja helposti ymmärrettäviksi kaikille.

Näkörajoitteet

Työskentelen siis kotona, jotta voisin viettää joustavasti aikaa lasten kanssa myös päivisin. Kun vaimoni täytyy hoitaa jotain juoksevia asioita tai hänen vain yksinkertaisesti pitää päästä hetkeksi ulos talosta, minulla on yleensä yksi lapsi sylissä tietokoneen ääressä. Tämä on yleensä hyvä tilaisuus tarkistaa mitä säännöllisesti seuraamillani sivustoilla, kuten Andyn Stuff and Nonsense, Daven Mezzoblue, Scrivsin whitespace, Miken Phark, tai Gezin JuicyStudio, on tarjottavana.

En kuitenkaan pysty tällöin lukemaan normaalilta etäisyydeltä. En voi pitää lasta, joka sillä hetkellä on sylivuorossa, liian lähellä näppäimistöä – huitovat kädet ja jalat eivät ole hyväksi tietokoneelle tai mielenterveydelle. Joten, yleensä työnnän näppäimistön kauemmas, suurennan tekstin kokoa ja siirryn hieman kauemmas työpöydästä. Tarvitsen siis skaalautuvaa tekstiä… Käytän Firefox-selainta, joten tekstin suurentaminen ei ole ongelma, mutta ajattele niitä isiä ja äitejä joilla ei ole tätä mahdollisuutta.

Motoriset ongelmat

Kun lapsi nukkuu sylissä, pystyn kirjoittamaan vain muutamalla sormella. Tämä ei ole hyvä asia. Ehkä minunkin pitäisi hankkia puolikas näppäimistö?

Mainitsinko jo, että ohjauslevyt eivät pidä niille kaatuneesta mehusta tai muista ruumiineritteistä, joita varsinkin vastasyntyneistä karkaa ulos?

Kyllä, näppäimistö on ainoa järkevä väline vanhemmille – tai ehkä minunkin pitäisi asentaa koneeseeni puheentunnistusohjelmisto?

Vaikuttaa myös siltä, että olen kadottanut hienomotoriikkani kontrollin. Kun yritän navigoida tai täyttää lomakkeita, en saa pidettyä kättäni paikoillaan – joku nykii paidanhihasta tai vetää kädestä kysellen ties mitä.

Tekniset rajoitteet

Muistatteko sarjaporttiin liitettävän hiiren? 9-pinniset, jotka liitettiin koneeseen ruuvaamalla ne porttiin kiinni. Mukavan jämäkkä eikä irronnut helposti… PS-2 – ja USB-hiiret sen sijaan irtoavat varsin helposti liitännöistään. Varsinkin silloin kun lapset ryömivät ja konttaavat ympäriinsä.

Hiireni putosi lattialle enkä pysty nostamaan sitä. En ainakaan silloin kun lapsi, jonka nukuttamiseen meni 45 minuuttia, nukkuu sylissäni. Ok, navigoidaan sitten näppäimistöllä.

Pyydänkin, että teet sivustosi esteettömäksi… voi olla, että kiität siitä itseäsi myöhemmin.

podGuide: Web-sisällön saavutettavuusohje

Kirjoittaja: Yoji Hirabayashi


Saavutettava.fi on trendikäs ja tarjoilee iPodin omistaville lukijoilleen Web-sisällön saavutettavuusohje-podGuiden. Opas on koottu käyttäen hyväksi valmiiksi käännettyä materiaalia. Suurimpana syynä tähän oli helppous ja nopeus, toisena yhdenmukaisen termistön käyttö.

Oppaan käännöksestä vastaa pääosin W3C Suomen toimiston toiminnanjohtaja Ossi Nykänen. Myös Minna von Zansenin ja Katariina Kiiliäisen (Celia) kääntämää Wai-ohjetta käytettiin apuna.

Asennusohjeet

  1. Varmista ensin, että iPodisi tukee Muistiinpanot-toimintoa (Notes), joka vaatii Minin, kolmannen tai neljännen sukupolven laitteen.
  2. Lataa tiedosto [zip] ja pura se valitsemaasi paikkaan
  3. Tuo iPod näkyviin ulkoisena levynä normaaliin tapaan.
  4. Avaa iPodista Notes-kansio ja siirrä purkamasi kansio (WCAG 1.0) sinne.
  5. Viimeistele asennus poistamalla levy käytöstä.
  6. Siinäpä se.

Pääset käyttämään ohjeistusta valitsemalla päävalikosta Extrat (Extras), mistä valitaan Muistiinpanot (Notes), josta löytyy merkintä WCAG 1.0.

Lisää oppaita löydät podSites-sivustolta [en].