Ez a számláló a poszt nézettségét mutatja. Mindenképp olvasd el ezt a posztot a részletekért.

Akadálymentes Freemail

Üdvözlendő szolgáltatást csíptünk el a Freemail oldaláról. A hivatalos bejelentést nem találtuk meg, így óvatos, publikus bétának neveznénk az oldalt.

Akadálymentes webmail felületről van szó, melyet őszintén megmondom, máshol még nem láttam direktben kialakítva. Erősen meglehet, hogy egyes szolgáltatók oldalai eleve úgy vannak kialakítva, hogy azok eleve akadálymentesek, ez azonban most másról szól. Egyébiránt is az akadálymentes felületet sokan összetévesztik az egyszerű és nagy kontrasztú dizájnnal, de aki valamelyest is komolyabban foglalkozott valaha a témával, az jól tudja, hogy ez az állítás marhaság.

A fenti értelemben a Freemail újítása, mindamellett hogy minden tiszteletet megérdemel, nem minősül minden tekintetben korszerűnek, az eredeti oldal megfelelő tag-elése azt is akadálymentessé teheti.

A teszt (?) verziót a http://freemail.hu/akadalymentes/ címen lehet elérni. A regisztráció és az elfelejtett jelszó oldalak még nem hordozzák a nyitólapi értelemben vett akadálymentesség jegyeit és azon is elgondolkoznék, hogy a láblécben milyen tartalmakra irányítanám az ide látogatókat. Mindezektől függetlenül a kezdeményezés piros pontot érdemel.

*** UPDATE

Jött ezzel kapcsolatos hivatalos infó, a Freemail Gépház közölte, idézem alább.

Az akadálymentesített oldal a Web Akadálymentesítési Útmutató (WCAG 2.0) alapján készült. A gyengénlátók esetében a kontrasztos, fekete alapon sárga és fehér betűs felület segíti a kényelmes levelezést. A betűméret a böngészők beépített zoom funkciójával nagyítható jól olvasható méretűre.

Az oldal kialakítása emellett olyan, ami jól illeszkedik a látásban korlátozottak által használt felolvasó programokhoz. A gyengénlátók egyesületének ajánlása alapján a fejlesztés során a JAWS képernyőolvasóval teszteltük az új felületet. A vakok által használt program ugyan fizetős, ám próbaverzióját bárki letöltheti az Informatika a Látássérültekért Alapítvány honlapjáról.

Az akadálymentesített [freemail] megtervezésében az volt a legnehezebb, hogy a hagyományosan ikonokkal, formákkal, színekkel közölt információt ebben az esetben csak szövegesen lehetett átadni. Az egyes funkciók akadálymentessé tétele közben azt is mérlegelni kellett, hogy a szolgáltatások mennyire hasznosak a csökkentlátók számára, hogy az oldal áttekinhetőségét megtartva egy lehetőségekhez képest kényelmesen használható felület jöhessen létre. Első lépésben a meglévő felhasználóink számára elérhető oldalakat tettük akadálymentessé, későbbiekben sor kerül a regisztrációs és adminisztratív oldalak átalakítására is.

Tetszett a bejegyzés? Oszd meg barátaiddal is!

A bejegyzés trackback címe:

http://kocka.blog.hu/api/trackback/id/tr122048355

Kommentek:

A hozzászólások a vonatkozó jogszabályok értelmében felhasználói tartalomnak minősülnek, értük a szolgáltatás technikai üzemeltetője semmilyen felelősséget nem vállal, azokat nem ellenőrzi. Kifogás esetén forduljon a blog szerkesztőjéhez. Részletek a Felhasználási feltételekben.

yoska · http://hulyebioszosok.blog.hu 2010.06.01. 21:21:14

lehet, hogy hülye vagyok, de mitől akadálymentes egy oldal?

...::: :::... 2010.06.01. 21:35:20

látják a gyengénlátók és jól fel tudja olvasni egy felolvasószoftver. szerintem kb. ennyi.

Blogerovac 2010.06.01. 21:38:58

Ráadásul, ha rákattintasz a Segítségre, vagy az Elfelejtett jelszóra, akkor az már nem "akadálymentesítve" jelenik meg.

OkoskaTo:rp 2010.06.01. 21:40:42

yoska: Pl. nem használ képecskékbe írt szöveges gombokat. A flash-ről már nem is beszélek. A keretek is kerülendők. (Mert ugyebár egy vak felolvasó programja kicsit nehezen igazodik ki az ilyesmin.) Nem használ villogó animációkat (epilepszia). Ki vannak töltve a képek szöveges ALT leírói, és a linkek is megkülönböztethetőek egymástól (nincs pl. 10 "Letölt" link, mert akkor a felolvasós böngészőn esélytelen eltalálni, hogy mit is akarsz). Lehet felolvasós verziót is csinálni. Stb.

De vannak erre szakosodott leírások, W3C ajánlások ( www.w3.org/TR/WCAG10/ ), ingyenes ellenőrző site-ok is (pl. www.contentquality.com /fulloptions.asp?rptmode=2 )

Hümüzhümümüz 2010.06.01. 22:04:04

Ez szép és jó, de most komolyan: senki nem használ levelező programot??? Outlook, live mail, vagy valami? :P Vagy ez nem divat?
Évek óta nem jártam a freemail.hu oldalon, pedig 3 címem van ott.

dex.ion 2010.06.01. 22:12:07

@Hümüzhümümüz: feltétlezed egy átlagos FREEMAIL felhasználóról, h igen? tévedsz...

OkoskaTo:rp 2010.06.01. 22:52:07

@Hümüzhümümüz: Tegyük fel, hogy vak vagy. Űberfaszagyerek vagy, van Outlookod, Live Mailed, és Vagyvalamid. Szeretnél egy freemailes accountot. Ha jól tudom, regisztrálni, és az accountot beállítani csak a webes felületen tudsz, tehát ha az nem akadálymentes, akkor a fent felsorolt levelező kliensprogramokat feldughatod magadnak.

fberci 2010.06.01. 23:05:55

Mivel elég kicsi a max comment méret, és a részletes indoklásom fele se fért ki, ezért csak annyit, hogy
1. ez rohadtul nem egy akadálymentes oldal, max nagy kontrasztú
2. ha a cél nagy kontrasztú oldal létrehozása, akkor azt sokkal jobban is meg lehetne csinálni
3. akadálymentes oldal létrehozásához nincs szükség külön frontendre
4. ha eleve rendesen írták volna meg az oldalt, alapból akadálymentes lenne
5. de nem írták meg rendesen: szégyen, ismétlem szégyen, hogy milyen technikai szinten áll a freemail (táblázatos oldalstruktúra 2010-ben © freemail.hu)

Rántott máj (törölt) 2010.06.01. 23:25:02

@OkoskaTo:rp: Arrol nem is beszelve, hogy a levelezoprogramokkal idonkent gond lehet az SMTP eleressel, pl. ha laptopot hasznalsz.
Egyebkent nekem 10-es opera alatt a normalis freemail is akadalymentesen jelenik meg, gondolom, arra nem optimalizaltak :D

Pecccca 2010.06.01. 23:34:49

Aki freemailt használ, megérdemli. Az Origóé, ami meg a T-Comé. Namármost. Több éves kemény munka volt a T-Com (és elágazásaival) felszámolni minden kapcsolatot. Nehogymá pont egy ingyenes levelező legyen az utolsó köldökzsinór ezzel a társasággal, amikor 1,000,000 + egyéb ingyenes levelező rendszer van a világon!

gitáros 2010.06.01. 23:42:59

@OkoskaTo:rp:
Melyik levelezőkliensben lehet címet _regisztrálni_?

smartdrive 2010.06.02. 00:00:33

és így most tolókocsival is be lehet lépni?

bunkó · http://bunko.blog.hu 2010.06.02. 00:46:45

@fberci: "szégyen, ismétlem szégyen, hogy milyen technikai szinten áll a freemail (táblázatos oldalstruktúra 2010-ben "

Nem vagyok szakmabeli, ezért megkérdem: miért is szégyen a táblázatos struktúra 2010-ben?
Valami hivatalos nemzetközi ajánlás nem ajánlja?

Fapuma (törölt) 2010.06.02. 03:30:06

ki az az aberralt paraszt aki freemailt hasznal? ez valami reklam nekik???

kpityu2 2010.06.02. 06:04:05

@piro: Operád van és a webes felületet használod levelezésre ? Ejnye.

Fehérvár Kapitány 2010.06.02. 06:35:21

Tényleg elég furcsa, hogy csak most jutottak el idáig. Hozzáteszem, pl. a gmail vagy a yahoo sem rendelkezik ilyen fícsörrel. Legalábbis én nem találom a funkciót.

gócpont · http://gocpont.blog.hu 2010.06.02. 07:23:09

@bunkó: @Fapuma:

Ez a két komment magyarázza egymást oda-vissza.

joszip 2010.06.02. 08:00:50

Mindenesetre a használat szempontjából teljesen felesleges freemail logo a legnagyobb, kb kétszer akkora mint a többi font :)

Mérgeskutya 2010.06.02. 08:41:16

Akadály mentes, ha ha.
Próbáljátok meg jelszót változtatni, és az új jelszóban legyen bent a, Đ, đ, Ä, karakterek. A változtatást simán be nyelei, de ezután garantáltan nem fogtok belépni. Félnapi szívás (nem volt a kérdés, válasz, meg alternatív e-mail cím beállítva) jöttünk rá hogy a ? karakterrel helyettesíjuk, akkor már elfogadja a belépésnél.
Na erre varjatok gombot.

odamondó 2010.06.02. 08:41:57

inkább loszar imap támogatás legyen már végre. 2010 az isten szerelmére.

kollinz · http://twitter.com/kollinz 2010.06.02. 10:18:33

szomorú hogy még mindig ott tartunk, hogy kontrasztos alternatív megjelenéssel valósítják meg az akadálymentesítést, mikor elég lenne szabványok szerint használni a HTML elemeket.
a fenti oldalt validálva (wave.webaim.org/) több súlyos hiba is van az oldalon. ez így fail.

Éjszakai őrség · http://eo.blog.hu 2010.06.02. 11:04:18

@kollinz: Nem mindenki használ felolvasó programot, a látássérültek egy része nagyon is jól tudna olvasni, ha a betűket lehetne az adott oldalban nagyítani, és megfelelően kontrasztosak lennének. Nem annyira egyszerű ez a kérdés, mint amennyire gondolod. Ma kaptam levelet egy szakértőtől, hadd idézzek belőle.

"...hogy valami akadálymentes legyen, sok mindentől függ. A w3c szabványai (WCAG és WAI) is rengeteg mindent előírnak, vagy mondjuk úgy inkább, hogy ajánlanak. Több szint van, az sem mindegy, hogy melyiknek akarsz megfelelni. Sok függ a CSS-től, és elsősorban a kódokban rejlik az igazság, hiszen pl, hogy egy vakszoftver olvasni tudja, az kódolási kérdés, de pl. ott van, hogy ha van capcha, akkor azt felolvassa valami? (Kellene.) Vagy kerüljük a javascriptet vagy ha használjuk, legyenek alternatívák, billentyűparancsok műveletekhez..."

KEmber 2010.06.02. 14:46:43

A Web Akadálymentesítési Útmutató 2.0 (w3c.hu/forditasok/WCAG20/) szabvány majdnem összes első szintű pontját megsérti az oldal:
1.1.1 Nem-szöveges tartalom (spacer image)
1.3.1 Információ és relációk/összefüggések (nincsenek fejlécek, táblázat van ahol nem kéne)
2.4.1 Blokkok elkerülése (ugrás a tartalomra link)
2.4.2 Oldalcím (mindenhol ugyanaz)
3.1.1 Az oldal nyelve (nincs jelölve)
3.3.2 Címkék vagy utasítások (egy darab label sincs a fromokban)
4.1.1 Szintaktikai elemzés (nem valid az oldal)

kollinz · http://twitter.com/kollinz 2010.06.03. 11:49:57

@Éjszakai őrség: ismerem a wcag-t, tudom, hogy nem egyszerű a kérdés, de azon ajánlások kb. 90%-a helyes szintaktikával megvalósítható.
persze, a captcha, javascript és hasonlók általában kompromisszumokra kényszerítenek, de az egész a helyes kódolással kezdődik.

Hirdetés

Kocka informatika. Megosztani valód van? Írj emailt, küldj érdekes dolgokat, spamet is várunk! :) email: kockablog@gmail.com

Címkék

101 (17) 7 (5) 8 (11) 8.1 (5) adatvédelem (9) adobe (10) adóbevallás (5) adsense (31) adwords (11) alkalmazás (53) amazon (16) analytics (13) android (91) apeh (14) app (15) apple (51) asus (5) baja ferenc (17) bank (14) bankkártya (5) billentyűzet (8) bithumen (5) biztonság (21) blackberry (6) blog (23) bloghu (8) böngésző (20) brand (8) captcha (10) chat (6) chrome (46) cib (8) css (5) design (10) digg (5) divat (14) docs (26) domain (26) doodle (5) dr dedinszky ferenc (5) ebay (35) elektronikus ügyintézés (6) elnökválasztás (11) email (16) ennyike (7) érdekesség (170) excel (5) e kormányzat (10) facebook (125) fényképezés (5) firefox (20) flash (7) flickr (19) fotó (5) freemail (12) galaxy (30) geek (44) gmail (87) goldenblog (5) google (622) Google (10) google apps (5) google maps (7) grafika (7) hack (16) hacker (8) halloween (5) hálózat (6) hardware (11) hasznos (5) hiba (10) hitelkártya (5) hogyan (25) hotmail (6) howto (6) hp (6) htc (10) humor (143) ibm (16) igoogle (6) index (5) index.hu (7) infografika (16) informatika (7) ingyen (12) instagram (10) internet (256) ios (5) ipad (29) iphone (61) iphone 4 (5) iwiw (21) japán (5) játék (42) java (6) jelszó (7) kacat (7) kép (16) keresés (12) kereső (40) kickstarter (6) kindle (6) kocka (14) könyv (8) könyvolvasó (7) kopint datorg (8) kormányzat (5) kormányzati portál (32) közösségi (8) közösségi háló (7) központi rendszer (9) labs (5) laptop (8) lhc (5) like (5) link (159) linux (41) logo (8) loolek (96) lumia (7) mac (7) magyar (19) magyarország (14) magyarorszag.hu (14) magyarország.hu (39) mail (5) mailbox (8) mailbox.hu (5) maps (121) marketing (24) máv (7) microsoft (124) mini (5) mobil (53) mobile (6) mobilinternet (7) motorola (5) mozi (5) msn (8) múlt (9) myspace (18) mysql (7) nasa (6) nemzeti digitális közmű (10) network (6) nexus (12) nokia (17) Nokia (6) office (9) offline (5) okostelefon (11) olimpia (10) olvasói levél (5) opensocial (7) opera (13) otp (5) paypal (17) pdf (6) photoshop (13) php (5) play (6) plus (5) politika (7) posta (6) programozás (13) reader (13) reklám (37) retro (13) router (8) röviden (6) rss (8) rtl klub (5) sablon (5) sajtóközlemény (22) samsung (49) Samsung (12) SAP (12) search (10) skype (6) sms (13) social (8) sony (8) spam (35) statisztika (71) steindani (88) steve (6) streetview (57) support (5) surface (7) számítógép (7) szavazás (10) t-mobile (5) tab (6) tablet (25) tárhely (7) telefon (34) Telenor (5) telenor (13) térkép (5) teszt (37) tok (7) torrent (18) touch (5) translate (6) tűzfal (7) tv2 (8) twitter (53) t mobile (16) ügyfélkapu (63) ügyfélkapu 2 (23) vélemény (81) vicc (14) videó (24) video (9) világválság (8) vírus (9) vista (7) vodafone (12) wave (5) web (13) webmasters (5) wifi (8) wikipedia (11) win8 (11) windows (48) wordpress (7) yahoo (63) youtube (51) zene (20)

Stat

 Google PageRank module - CamelPark SEO centrum

Blogajánló