marginaali


  Fade to Black »

Säädetään

#1276. Sunnuntai, 19. kesäkuuta 2005 klo 19.21.32, kirjoittanut Jani. 9 kommenttia.

Sää­din tulostus-CSS:ää hiu­kan entis­tä parem­mak­si. Jos­tain syys­tä nuo alun yli­suu­ret kir­jai­met teke­vät tulos­te­ver­sios­sa levey­ten­sä mit­tai­sen mar­gi­naa­lin koko teks­tin lai­taan (Fire­foxin bugi vai CSS:n omi­nai­suus?) joten sii­tä piti pois­taa float koko­naan. #

Sit­ten rupe­sin tut­ki­maan tätä esteet­tö­myys­asi­aa. Jot­kin koh­dat Saavutettava.fi:n tar­kis­tus­lis­tal­ta olen onnek­si oppi­nut jo kau­an sit­ten (alt-teks­tien tär­keys, selai­nik­ku­nan koko­riip­pu­mat­to­muus) ja har­ras­ta­nut nii­tä enem­män tai vähem­män koko ajan. Nyt tar­kis­tin tuon font­ti­koon suu­ren­ta­mi­sen vai­ku­tuk­set, ja yllä­tyk­sek­se­ni sivu toi­mi ihan hyvin, suo­ras­taan täy­del­li­ses­ti aina­kin vie­lä koh­tuul­li­sil­la suu­ren­nuk­sil­la. Jot­ta tes­tai­lus­sa oli­si miel­tä eikä tuli­si teh­tyä tur­haa työ­tä, pitäi­si kui­ten­kin saa­da sel­vil­le, mil­lai­sia font­ti­ko­ko­ja heik­ko­nä­köi­set ihan oikeas­ti, käy­tän­nös­sä käyt­tä­vät. #

Link­ki- ja lei­pä­teks­tien ja taus­tan väli­nen kont­ras­ti ei ehkä ole paras mah­dol­li­nen, mut­ta sen suh­teen on se ongel­ma, että samal­la, kun lii­an heik­ko kont­ras­ti ei heik­ko­nä­köi­sel­le ole hyvä, ei lii­an vah­va kont­ras­ti taas ole hyvä hyvä­nä­köi­sel­le: se rasit­taa aina­kin minun sil­miä­ni. Sik­si tyk­kään käyt­tää umpi­mus­tas­ta muu­ta­man asteen vaa­leam­paa sävyä teks­teis­sä. Luu­len kui­ten­kin, että tämän koh­dan täh­täi­mes­sä ovat var­sin­kin sel­lai­set yhdek­sän­kym­men­tä­lu­ku­lai­set sivut, jois­sa käy­te­tään jotain radi­kaa­lia väriyh­dis­tel­mää. Val­koi­nen taus­ta ja tum­man­sä­vyi­nen teks­ti on kui­ten­kin var­mas­ti aina parem­pi kuin kel­tai­nen teks­ti sini­sel­lä taus­tal­la. Toi­nen ongel­ma­la­ji ovat var­maan­kin sivut, joil­la käy­te­tään tum­maa teks­tiä vain vähän sitä vaa­lem­mal­la taus­tal­la. Itse asias­sa Nuu­de­li­sop­pa on sel­lai­nen, mut­ta aion kes­kit­tää tar­mo­ni nyt ensi sijas­sa tän­ne mar­gi­naa­liin. #

Saavutettava.fi:n lis­tal­la puhu­taan näky­vis­tä pika­lin­keis­tä (skip menus), mut­ta toi­saal­la minus­ta samas­sa yhtey­des­sä puhu­taan näky­mät­tö­mis­tä lin­keis­tä. Joka tapauk­ses­sa­kaan kum­man­kaan­lai­sia tääl­tä ei löy­dy, enkä ole ihan var­ma ymmär­rän­kö edes, mitä niil­lä tar­kal­leen ottaen tar­koi­te­taan. #

Ilman CSS:ää tämä näyt­tää var­maan ihan kar­mi­val­ta, mut­ta toi­saal­ta sen mit­taa­mi­seen ei graa­fi­nen selain ole­kaan hyvä väli­ne; pitää asen­taa Lynx ja tes­ta­ta. Teki­si myös mie­le­ni kokeil­la jotain lukuoh­jel­maa, mut­ten vie­lä löy­tä­nyt mitään sel­kei­tä vink­ke­jä sii­tä, mikä on sokeil­le tar­koi­tet­tu­jen selain­ten Fire­fox tai edes, että onko sel­lais­ta. #

Watch­fi­ren WebXACT antaa ihan päte­vä­no­loi­sen raport­tin­sa muka­na myös tie­toa sii­tä, kuin­ka hyvin sivus­to vas­taa W3C:n esteet­tö­myys­oh­jeis­tuk­sia. #

Lopuk­si vie­lä muu­ta­mia muis­tiin­pa­no­ja alt-teks­teis­tä: #

  • Vaik­ka alt-att­ri­buut­ti onkin pakol­li­nen, sen sisäl­lön voi ja itse asias­sa kan­nat­taa­kin jät­tää tyh­jäk­si sil­loin, kun kuva on tar­koi­tet­tu koris­teel­li­sek­si tai teks­tin muo­toi­lun avuk­si. Var­sin­kin pie­net koris­te­ku­vat (ehkä kuvi­tus­ku­vat­kin?) oli­si täs­tä­kin syys­tä parem­pi mää­ri­tel­lä CSS:ssä kuin HTML:n joukossa. 
  • Jos kuva ei ole koris­teel­li­nen vaan sisäl­lön kan­nal­ta olen­nai­nen, pel­kän alt-att­ri­buu­tin ohel­la voi olla syy­tä käyt­tää myös long­desc­rip­tion-att­ri­buut­tia. Nyky­se­lai­met tosin eivät juu­ri­kaan sitä tue, mut­ta tämä voi hyvin­kin muut­tua tule­vai­suu­des­sa. Sitä odo­tel­les­sa voi sen ohel­la käyt­tää Watch­fi­ren mai­nit­se­maa niin sanot­tua d-link­ki-tek­niik­kaa: kuvan yhtey­teen lai­te­taan D-kir­jain, joka toi­mii link­ki­nä pitem­pään kuvauk­seen kuvan sisällöstä. 
  • Lisää alt-teks­teis­tä löy­tyy GAWD:n sivuil­ta.
  • Long­desciin voi näkö­jään sisäl­lyt­tää myös URI:n, jol­la osoi­te­taan d-lin­kin tavoin kuvan kuvaukseen. 

[muok­kauk­set]
[muokkaus][klo]19:39[/klo] Lisä­sin lin­kin WAT­Sin pät­kään URI:stä longdescissä.[/muokkaus]
[/muokkaukset] #

 
« Aidosti aallonpohjalla
•)) 9 kommenttia postaukselle Säädetään. ↩
  1. #2701. Sunnuntai, 19. kesäkuuta 2005 klo 22.53.58, kirjoittanut Josku.
    Josku

    Pika­lin­keil­lä anne­taan käyt­tä­jäl­le mah­dol­li­suus ohit­taa suo­raan sivus­ton tie­tyt osat. Nii­den näky­vyy­des­tä kai­kil­le käyt­tä­jil­le on myös aika­naan kes­kus­tel­tu ja useim­mi­ten suo­si­tus on ollut, että nii­tä ei ole aina syy­tä pei­tel­lä. Esteet­tö­mäs­sä web-jul­kai­se­mi­ses­sa on kui­ten­kin kyse _kaikista_ käyt­tä­jä­ryh­mis­tä, ei vain heikkonäköisistä.

    Kyt­ke­mäl­lä CSS pois käy­tös­tä, näh­dään nopeas­ti doku­men­tin todel­li­nen raken­ne. Hyvä raken­ne aut­taa hah­mot­ta­maan ja nopeut­taa sil­mäi­lyä. Lisäk­si monis­sa ruu­dun­lu­ki­jaoh­jel­mis­tois­sa on mah­dol­li­suus lukea yhteen­ve­to otsik­ko­ta­sois­ta, jol­loin käyt­tä­jä voi siir­tyä suo­raan kiin­nos­ta­vaan koh­taan. Erään­lais­ta sil­mäi­lyä sekin.

    Auto­maa­gi­set tes­taus­oh­jel­mat ovat hie­man arve­lut­ta­via. Nii­den käyt­tä­mi­nen nope­aan, yli­mal­kai­seen tes­tauk­seen on toki suo­ta­vaa. Ne eivät osaa erot­taa koris­teel­li­sia ja infor­ma­tii­vi­sia kuvia toi­sis­taan, joten tyh­jä alt-att­ri­buut­ti riit­tää. Ne eivät myös­kään ota juu­ri­kaan kan­taa CSS:n avul­la mää­ri­tel­tyi­hin, huo­noi­hin värei­hin ja niin edelleen.

  2. #2702. Maanantai, 20. kesäkuuta 2005 klo 0.36.12, kirjoittanut Jani.
    Jani

    Jos­ku: “Pika­lin­keil­lä anne­taan käyt­tä­jäl­le mah­dol­li­suus ohit­taa suo­raan sivus­ton tie­tyt osat.”

    Eli mei­naa­ko se, että vaik­ka­pa täl­lai­ses­sa blo­gis­sa voi­si olla otsi­koi­den ohes­sa sel­lai­set lin­kit, joil­la voi­si hyp­piä yksit­täis­ten mer­kin­tö­jen yli? Siten minä sen käsi­tin, mut­ten tosi­aan ollut sit­ten ihan var­ma, enkä oikeas­taan ole vie­lä­kään. “Sivus­ton tiet­ty­jen osien ohit­ta­mi­nen” menee moni­tul­kin­tai­suu­des­saan yli hilseeni.

    “Auto­maa­gi­set tes­taus­oh­jel­mat ovat hie­man arve­lut­ta­via. Nii­den käyt­tä­mi­nen nope­aan, yli­mal­kai­seen tes­tauk­seen on toki suotavaa.”

    Jep. En vain oikein tie­dä parem­paa­kaan tapaa tes­ta­ta; tahal­li­seen selai­lun hei­ken­tä­mi­seen (vaik­ka­pa näyt­töä ja juu­ri tuo­ta mai­nit­se­maa­ni kir­jain­ko­koa sää­tä­mäl­lä) pitäi­si ensin löy­tää jot­kut jär­ke­vät, käy­tän­nöl­li­set rajat, kos­ka var­maan par­haim­mat­kin web-sivut saa tol­kut­to­man han­ka­las­ti­saa­vu­tet­ta­vik­si riit­tä­väs­ti sää­tä­mäl­lä. Sivu­jen selaa­mi­nen nyrk­ki­sään­tö­lis­to­jen kans­sa ei sekään minus­ta oikein käy testaamisesta.

    Paras­ta oli­si tie­tys­ti oikeas­ti esteet­tö­myyt­tä tar­vit­se­vil­ta ja sii­hen täh­tää­viä tie­to­tek­ni­siä väli­nei­tä käyt­tä­vil­tä käyt­tä­jil­tä saa­ta­va palau­te, mut­ta sii­nä­kin on se ongel­ma, että jos sivus­to on heil­tä saa­vut­ta­mat­to­mis­sa, niin mik­si ja miten­pä tän­ne eksyisivät.

    Kii­tok­sia kommentistasi!

  3. #2703. Maanantai, 20. kesäkuuta 2005 klo 8.32.39, kirjoittanut Josku.
    Josku

    “Eli mei­naa­ko se, että vaik­ka­pa täl­lai­ses­sa blo­gis­sa voi­si olla otsi­koi­den ohes­sa sel­lai­set lin­kit, joil­la voi­si hyp­piä yksit­täis­ten mer­kin­tö­jen yli?”

    Tie­tyil­lä osil­la tar­koi­tin (usein tois­tu­via) ele­ment­te­jä, kuten raken­teel­li­ses­ti ennen sisäl­töä ole­va “sivu­palk­ki”.

    Mar­gi­naa­lis­sa ei aina­kaan yksit­täi­ses­sa mer­kin­näs­sä ole moi­nen tar­peen. Mut­ta esi­mer­kik­si etusi­vul­la “suo­raan sisäl­töön” -tyyp­pi­sel­le pika­lin­kil­le (#text­bo­dy) voi­si olla tarvetta.

  4. #2704. Maanantai, 20. kesäkuuta 2005 klo 10.42.27, kirjoittanut Jani.
    Jani

    Ahaa, no nyt tajuan! Tuo “suo­raan sisäl­töön” onkin hyvä idea, toteu­tan sen pikim­mi­ten. Kii­tok­sia hyvis­tä vinkeistäsi!

  5. #2705. Maanantai, 20. kesäkuuta 2005 klo 11.08.41, kirjoittanut puukiipeilija_kalle.
    puukiipeilija_kalle

    Mei­naa häi­käis­tä koko­naan val­koi­nen taus­ta minun sil­miä­ni, tun­tuu tuo taus­ta ole­van enem­män esil­lä kuin teks­ti. Hie­man sama efek­ti kuin luki­si aurin­gon­pais­tees­sa val­koi­sel­ta A4:lta teks­tiä, pal­jon lie­vem­pä­nä toki. Tot­tuu sil­mät kui­ten­kin mel­ko nope­aan. Itse tyk­kään van­hois­ta ter­mi­naa­li­tyy­li­sis­tä mus­tal­la poh­jal­la vaa­lean­har­maa­ta teks­tiä väreis­tä, jos jou­tuu pal­jon luke­maan ruudulta.

  6. #2706. Maanantai, 20. kesäkuuta 2005 klo 11.16.28, kirjoittanut Jani.
    Jani

    Kal­le: Jep, tämä­pä se tah­too olla ongel­ma­na; minul­la itsel­lä­ni taas se mus­tal­la poh­jal­la ole­va vaa­lea teks­ti tah­too rasit­taa sil­miä pitem­män päälle.

    Jos­tain syys­tä ei kui­ten­kaan yhtä pahas­ti sil­loin, kun kysees­sä on ihan oikea teks­ti­pää­te eikä blo­gi. Ter­mi­naa­lis­sa ei kyl­lä ole­kaan niin pal­jon teks­tiä eikä sitä ole tar­koi­tus­kaan lukea kaik­kea toi­sin kuin blogitekstiä.

    Mut­ta pitää kokeil­la, kes­täi­si­kö tämä oma taus­ta­ni sää­töä hiu­kan tum­mem­mak­si ilman, että kont­ras­ti sii­tä lii­ak­si kärsisi.

  7. #2707. Maanantai, 20. kesäkuuta 2005 klo 11.33.57, kirjoittanut Jani.
    Jani

    Sää­din sitä nyt hiu­kan vähem­män vaa­leak­si. Eron enti­seen näkee vaik­ka­pa täs­tä kom­men­toin­ti­loo­tas­ta. Toi­vot­ta­vas­ti ei enää käy sil­miin yhtä pal­jon kuin ihan val­koi­sel­la taustalla.

  8. #2708. Maanantai, 20. kesäkuuta 2005 klo 12.15.42, kirjoittanut puukiipeilijä_Kalle.
    puukiipeilijä_Kalle

    Joo, ei enää häi­kä­se tääl­lä­kään. Tämä­hän on nyt kuin kir­jas­ta teks­tiä luki­si. Tuos­ta font­ti­koos­ta, itsel­lä­ni tekee mie­li mones­ti­kin pai­naa Ctrl ja + jol­la saa font­tia suu­rem­mak­si selai­mes­sa, vaik­ka minul­la nor­maa­li näkö­ky­ky on. 17″ put­kel­ta lues­ke­len 1024*768 reso­luu­tiol­la. Hyvin näyt­täis täs­sä tuo teks­ti käyt­täy­ty­vän vaik­ka suu­ren­taa font­tia. Ainut on ehkä se, että tuos­sa on niin kapeas­ti tilaa teks­til­le, ettei mon­ta sanaa mah­du rivil­le kun font­tia suurentaa.

  9. #2709. Maanantai, 20. kesäkuuta 2005 klo 12.37.24, kirjoittanut Jani.
    Jani

    Kal­le: Hyvä, ettei enää häi­käi­se niin pal­jon. Kii­tok­sia palaut­teen ohel­la myös näp­pä­räs­tä näp­päi­noi­ko­ties­tä, jota en tätä ennen tiennytkään!

    Jos mää­räi­sin pals­tan­le­vey­den kir­jain­koon yksi­köis­sä (em), tuo vähä­sa­nais­ten rivien ongel­ma ehkä hel­pot­tui­si, mut­ta se vaa­tii luul­ta­vas­ti jo hiu­kan enem­män paneu­tu­mis­ta, kun olen ope­tel­lut mää­rää­mään levey­den pikseleissä.

Tämän postauksen kommentointi on suljettu.

  • kesäkuu 2012
  • toukokuu 2012
  • huhtikuu 2012
  • maaliskuu 2012
  • helmikuu 2012
  • tammikuu 2012
  • joulukuu 2011
  • marraskuu 2011
  • lokakuu 2011
  • syyskuu 2011
  • elokuu 2011
  • heinäkuu 2011
  • kesäkuu 2011
  • toukokuu 2011
  • huhtikuu 2011
  • maaliskuu 2011
  • helmikuu 2011
  • tammikuu 2011
  • joulukuu 2010
  • marraskuu 2010
  • lokakuu 2010
  • syyskuu 2010
  • elokuu 2010
  • heinäkuu 2010
  • kesäkuu 2010
  • toukokuu 2010
  • huhtikuu 2010
  • maaliskuu 2010
  • helmikuu 2010
  • tammikuu 2010
  • joulukuu 2009
  • marraskuu 2009
  • lokakuu 2009
  • syyskuu 2009
  • elokuu 2009
  • heinäkuu 2009
  • kesäkuu 2009
  • toukokuu 2009
  • huhtikuu 2009
  • maaliskuu 2009
  • helmikuu 2009
  • tammikuu 2009
  • joulukuu 2008
  • marraskuu 2008
  • lokakuu 2008
  • syyskuu 2008
  • elokuu 2008
  • heinäkuu 2008
  • kesäkuu 2008
  • toukokuu 2008
  • huhtikuu 2008
  • maaliskuu 2008
  • helmikuu 2008
  • tammikuu 2008
  • joulukuu 2007
  • marraskuu 2007
  • lokakuu 2007
  • syyskuu 2007
  • elokuu 2007
  • heinäkuu 2007
  • kesäkuu 2007
  • toukokuu 2007
  • huhtikuu 2007
  • maaliskuu 2007
  • helmikuu 2007
  • tammikuu 2007
  • joulukuu 2006
  • marraskuu 2006
  • lokakuu 2006
  • syyskuu 2006
  • elokuu 2006
  • heinäkuu 2006
  • kesäkuu 2006
  • toukokuu 2006
  • huhtikuu 2006
  • maaliskuu 2006
  • helmikuu 2006
  • tammikuu 2006
  • joulukuu 2005
  • marraskuu 2005
  • lokakuu 2005
  • syyskuu 2005
  • elokuu 2005
  • heinäkuu 2005
  • kesäkuu 2005
  • toukokuu 2005
  • huhtikuu 2005
  • maaliskuu 2005
  • helmikuu 2005
  • tammikuu 2005
  • joulukuu 2004
  • marraskuu 2004
  • lokakuu 2004
  • syyskuu 2004
  • elokuu 2004
  • heinäkuu 2004
  • kesäkuu 2004
  • toukokuu 2004
  • huhtikuu 2004
  • maaliskuu 2004
marginaalin HTML5-moottorina
WordPress 6.9 ja ubudu.
all rights reversed
tietosuojakäytäntö