akadálymentesség kategória bejegyzései

Mobilbarát webhely online ellenőrzés

Mobilbarát webhely online ellenőrzés

A google új mobilbarát rangsorolási tényező bevezetésével folyamatosan jön az igény a weboldalak tesztelhetőségére, hogy megfelel-e a google irányelveinek az oldalunk, mobilbarát-e a weboldal, mobilbarát webáruház.

Tudjuk, hogy webáruházak esetén mekkora üzlet és így harc folyik a jó helyezésért, és a webáruház tulajdonosok tudják, hogy az előnyös google rangsor mennyire fontos. Így természetesen a mobilbarát weboldal elkészítése, a létezése is nagyon fontos. Ezen kívül a mobilbarát megoldás meg lehet jó, közepes és rossz is. Sajnos itt is az a fontos, hogy a google mit tart erről, így célszerűen a google mobilbarát tesztjét kell figyelembe vennünk.

A google mobilbarát webhely online teszt rendszer

A google azzal együtt, hogy kiemelte a mobilbarát weboldal fontosságát, biztosít is a számunkra megfelelő felületet, ahol tesztelhetjük a weboldalunk:

Segítség weboldal mobilbaráttá tételéhez

Amennyiben segítségre van szüksége, hogy gyorsan mobilbaráttá alakítsuk a weboldalát, webáruházát, keressen meg minket elérhetőségeinken, az email-ben történő megkeresésre ösztönözzük. Írja meg melyik weboldalát, weboldalait kellene mobilbaráttá alakítani. Mi lenne az optimális időpont, amire szeretné, ha lenne mobilbarát weboldala. Az éppen aktuális munkáinktól, határidőinktől függően szívesen segítünk gyorsan egy mobilbarát megjelenést készíteni, hogy akadálymentesítsük a mobilos látogatókat, ezzel együtt akár a tablet és smart phone látogatók akadálymentesítését is elvégezzük.

 

 

Google rangsorolási tényező: mobilbarát weboldal

Google rangsorolási tényező: mobilbarát weboldal

A Google a keresési találatok rangsorolási tényező között 2015. április 21-től figyemelbe veszi azt is, hogy az adott weboldal mobilbarát-e. Tehát van-e mobilbarát nézete.

Mi a google új mobilbarát rangsolási tényezője?

A bejelentés: “2015. április 21-étől a Google Keresés a mobilbarát jelleget is a rangsorolás egyik jellemzőjeként fogja felhasználni. Ez a változás hatással lesz az összes nyelvű mobilkeresésre világszerte, és jelentősen befolyásolja a Google Keresés eredményeit. A felhasználók könnyebben jutnak releváns, kiváló minőségű, eszközükhöz optimalizált keresésekhez. Összeállítottuk a leggyakrabban feltett kérdések listáját, amelyekből megtudhatja, hogy a webhelye készen áll-e a keresés ilyen jellegű változására.”

A google folyamatosan kommunikálta a vele kapcsolatban állókkal, hogy milyen fontos számára az akadálymentesség, a webergonómia. Ennek egyik megnyilvánulása, hogy a nem túlságosan magas számú mobilos internetezők szinte leküzdhetetlen hátrányát az alacsony felbontás miatt, lecsökkentse.

Mint tudjuk, a mobil telefonok kijelzője alacsony felbontású – akik még emlékeznek a VGA monitorok időszakára, akkor kellett felkészülni hasonló felbontásra – ennek következtében egy normál weboldal olvashatatlanul kicsit karakterekkel látszik csak azokon. Azon mobilok, amelyek már érintőképernyős készülékek, elvileg már nagyíthatóak, de az csak egy kis lépés a élvezeti szint eléréséhez.

Mit kell tennünk, hogy nem sorolja hátrébb a google a weboldalunk?

A feladat nagyon egyszerű, mobilbarát megjelenést is kell biztostanunk a weboldalunk látogatóinak. Nagyjából azt lehet mondani, hogy a 320 pixel és 640 pixel  széles képernyőkre is fel kell újra készülnünk. Persze kiemelném, hogy ez nem kötelező elem, ez egy lehetőség, ha nem élünk vele, akkor kis mértékben a google keresésben hátrányosan érinthet.

Milyen mobilbarát megoldások vannak?
Responsive web desing a mobilbarát megoldás

Az egyik ismert megoldás a problémára a gyakorlatilag erre a célra kitalált “responsive web design” megoldás. Ez egy olyan weboldal formázás, amely átméretezi, átrendezi a weboldalunk, egyszerű olvashatóságot biztosít, könnyű navigálást ad számunkra, attól függetlenül, hogy milyen és mekkora felbontású készülékkel látogatjuk meg az adott weboldalt. Ezt természetesen a nagy méretű desktop gépektől (nagy monitoroktól) a laptop kijelzőkön keresztül, a tabletet érintve, a nagy kijelzős mobil készülékeken át a kis kijelzős mobil készülékekig igaz kell legyen.

DG-Responsive-whatever-your-biz1-1

A responsive web design emellett némileg korlátozza a megjelenést, ezért bizonyos esetekben nem szeretik használni a megoldást.

Mobil detektáláson, felismerésen alapuló megoldások

Van amikor az alap, desktop és laptop kijelzőre készített régi weboldalunk átdolgozása szinte lehetetlen lenne, vagy csak nem akarunk új weboldalt készíteni. Ekkor jöhet szóba, hogy egy másik nézetet kínálunk az alacsonyabb kijelzős készüléket használóknak. Ebben az esetben általában egy adatbázis alapján, vagy javascriptes megoldásokkal derítjük ki milyen hardvert használ a látogató, milyen felbontást használhat, és ettől függően soroljuk be desktop, tablet, mobil és smart készülék csoportba, ettől függően készítünk egy-egy nézetet.

Utólagos table, mobil és smart telefon kijelzőkre optimalizált több nézet elkészítését végeztük el mi is ezzel a módszerrel. A megoldás azért lehet megfelelő, mert a mobil felhasználók számára egy jóval kisebb, gyorsabb weboldalt tudunk adni, pontosabb, lényegre törőbb verziót, mint az esetleg a keresőoptimalizálás miatt már erősen eltorzult oldalaink. Előnye az is, hogy utólag, az eredeti oldal módosítása nélkül, gyorsan tudunk egy mobilbarát nézetet készíteni.

Hátránya lehet, hogy nem tudunk minden oldalt, adatot mobilon is átadni, így más információt kap a látogató ha weben és ha mobilon érkezik az oldalunkra, ami újra web akadálymentességi problémákat jelent, hisz a mobilos látogató hátrányt szenved az információ megszerzésében.

Melyik a jobb mobilbarát megoldás?

Mindig az adott weboldaltól, felhasználástól és információtól függ. Ahogy szokták mondani: a kevesebb néha több. Mint az is, hogy: ágyúval lövünk verébre.

Tehát döntsünk belátásunk szerint. Az adott helyzetben, az adott weboldallal kapcsolatosan.

 

 

 

 

Nem támogatott Operációs Rendszer

Nem támogatott Operációs Rendszer

Nagyon érdekes fejlesztői megoldással találkoztunk a www.hbogo.hu weboldal “megtekintése” kapcsán. Pontosabban csak szerettük volna a weboldalt megnézni. Mégis a “Nem támogatott operációs rendszer” felirat üdvözölt. Bár “Kedves Látogató” maradtunk, de közli velünk a weboldal, hogy számunkra nincs itt keresnivaló, használjunk Microsoft Windows, vagy Apple OSX operációs rendszert.

Nem-tamogatott-operacios-rendszerTermészetesen amellett, hogy keresőoptimalizálási zsákutca, hogy a webergonómiát semmibe veszi, az akadálymentesség legkisebb látszatát is kerülik.

Nagyon szomorú, hogy a XXI. században még készülhetnek ilyen weboldalak. Azok után, hogy csökkent a böngészőre vonatkozó előírási divat, rosszabb már nem lesz, de látható, hogy a világ nem változik, mindig terem olyan weboldal készítő, aki megelégszik a lehetséges látogatók, vásárlók bizonyos részével.

Persze érdekes kérdés az is, hogy miért készít a HBO egyáltalán weboldalt, ha csak bizonyos korlátozott felhasználói kör részére kívánja megengedni az oldal használatát.

 

Láthatatlan szövegek, rosszul olvasható weboldalak

Láthatatlan szövegek, rosszul olvasható weboldalak

Az amatőr weboldal készítés, és a seo ismeretek hiányában könnyen ellehet követni egy alapvető hibát, ami egy nagyon jelentős keresőoptimalizálási negatív besorolási tényező lehet, ez pedig láthatatlan, olvashatatlan szövegek használata.

Mi számíthat láthatatlan, rosszul olvasható szövegnek?

  • HTML kommentek közé rejtett kulcsszavak és ezek halmozása
  • css visible:none;, height:0; overflow:hidden, tulajdonsággal a látogató elől elrejtett szövegrészek
  • Kis, nem növelhető betűmérettel írt weboldalak
  • Rossz színválasztás miatt láthatatlan szövegrészek. Itt például külön kiemelném, hogy akár csak egy színtévesztő, színvaksággal élő felhasználó számára is akadálymentesíteni érdemes az oldalt. De webergonómiai szempontból is fontos lehet a jó láthatóság minél több látogató számára.
  • Háttérkép miatt olvashatatlan szövegek, képekre írt szövegek.

Jól olvasható, megfelelő betűméretű, az akadálymentesítés miatt célszerűen növelhető betűméretű, megfelelő háttér/írásszín közötti kontraszt kiválasztása webergonómiai szempontból hasznosabbá teszi a weboldalunk, biztosítjuk, hogy minél kevesebb embert akadályozzunk abban, hogy elolvassa az oldalunkat. Igyekezzünk elkerülni, hogy láthatatlan szövegrészeket tartalmazzon a weboldalunk, ilyet akaratlanul is elkövethetünk, és ez keresőoptimalizálási szempontból egy olyan szarvas hiba lehet, ami visszavetheti az oldalunk megítélését.

Miért van negatív seo hatása a nem olvasható, láthatatlan szövegeknek?

Amennyiben olyan weboldalt készítünk, amelyről a kereső úgy látja, hogy más tartalmat jelenítünk meg a kereső robotnak, és mást a látogatónak, a kereső spam weboldalnak nyilvánítja az oldalunk, és nem fogja szerepeltetni a keresési találatok között.

Ugyanígy hibás, ha kulcsszó halmozással próbáljuk az oldalunkat relevánsabb találatnak feltüntetni. Ez nem lesz szimpatikus a látogatónak, el fogja hagyni a weboldalunk.

Ha csak olvashatatlan, fárasztó, idegesítő az oldal és ezáltal akadályozzuk meg az oldalunk használatát, az is jelentősen csökkenti a weboldalon letöltött időt.

 

 

Keresőoptimalizálás és az akadálymentesítés 1. rész

Keresőoptimalizálás és az akadálymentesítés 1. rész

Meghívást kaptam egy akadálymentes weboldal készítési előadás sorozatra. Szívesen elmentem, mert kíváncsi voltam egy összefoglalásra, milyen szempontok lehetnek, amiket esetleg korábbi munkánk során nem vettünk figyelembe, valamint hogyan tehetnénk a weboldalainkat jobbá.

Érdekes gondolatokat indított meg a nagyon jó előadás, ennek egy eredménye az a bejegyzés sorozat, amelynek ez az első része.

A hozzáértők természetesen máris hiányolhatják a WCAG 2.0-re, tehát a Web Akadálymentesítési Útmutató (WCAG) szabványra való hivatkozást. A későbbiekben tervezzük ennek a bemutatását is, egyelőre azonban próbálunk egy induló akadálymentes leírást, ismertető anyagot összeállítani.

Milyen érintettek lehetnek egy weboldal kapcsán, mit tehetünk egy akadálymentes weboldal elkészítéséhez?

Azt gondolnánk, hogy a weboldalainkat a látogatók jelentős része rendben megtekintheti, nincs akadályozva a megtekintés, és olyan formában látják az oldalunk, mint ahogyan azt mi szeretnénk. Könnyen legyintünk, hogy az a pár szálakéknyi látogató, aki valami miatt nem képes a weboldalunk megtekinteni, azok nek is fontosak a számunkra. Miattuk nem érdemes további fejlesztési költségeket ölni az oldalunkba. Nagy tévedésben élunk azonban. Erre szeretnék most rávilágítani. Kik azok, akik egy jól akadálymentesített weboldal segítségével is megkapják a lehetőséget az oldalunk megtekintésére. Ezáltal növelve az oldalunk minőségét, a keresők szempontjából is hasznosabbá vált oldalunk látogató számának növekedését.

Talán felismerhetjük, hogy ezen kulcsszavak egy része a keresőoptimalizálásról szóló cikkekben is szerepelnek. Igen. Vegyük észre, hogy egy akadálymentesített weboldal jobban teljesít, értékesebb az olalunk, a tartalom, így jobb helyezést érhetünk el oldalunkkal a keresőben is.

Nézzünk meg pár akadályozott látogatót és az akadályozás módját:

  • Eszköz kizárás (böngésző, operációs rendszer, fizikai eszköz)
  • Verzió problémák (“elavult” böngésző, javascript, flash)
  • Szín problémák (látás problémák, színtévesztés, színvakság, kontraszt)
  • Méret problémák (kis kijelző, betű méret)
  • Kép, méret, sebesség hiba (letöltési sebesség, sávszélesség)

Eszköz kizárás akadálymentesítése

Ha röviden, pár kézzelfogható példán keresztül szeretnénk a hibát megközelíteni, akkor főként a nagyon terjedő mobile megjelenítési eszközök, így a mobile telefononok, tabletek terjedésére és az azokon való megjelenítést említhetjük.

Nagyon kevés jelenleg még a weboldalak teljes körű mobile megoldása. Egyrészt kevés a mobile deviceokra optimalizált weboldal, de azon belül is, csak az oldal bizonyos részei lehetnek csak ilyen módon korrekten megtekinteni. Ha belegondolunk, akár több millió mobil felhasználót akadályozunk weboldalunk megtekintésében, mégha jelenleg az alapvető probléma miatt kevesen próbálják is megtekinteni az oldalunk ilyen eszközökről. De a számuk folyamatosan növekszik, így nagy számú látogatót zárhatunk ki, ha nem fejlesztjük az oldalunkat ebben az irányban.

Verzió problémák akadálymentesítése

Sok weboldalon találkozhatunk még manapság is a speciális böngésző verziókat “előíró” figyelmeztetésekkel, korlátozásokkal. De említhetjük az – egyre aktuálisabb – és ezáltal egy elavult böngésző használatára kényszerített Windows XP felhasználókat, akik csak az IE bizonyos verziójáig tudnak csak frissíteni. Szintén ebbe a körbe sorolhatjuk azokat a böngészőket, amelyek nem támogatják a javascript, flash alapú, vagy megjelenített weboldalakat.

Természetesen ezen verzió problémák megoldása miatt általában nem tudjuk a legújabb technológiákat alkalmazni, flash menüvel könnyen kizárhatjuk a felhasználók egy jelentős részét az oldalunkról.

Talán belátható, hogy sok-sok felhasználót zárhatunk ki, ha ezen dolgokra nem figyelünk oda. Tegyük fel a kérdést, hogy megengedhetjük-e magunknak.

Szín problémák akadálymentesítése

Talán a leginkább sarkallatos probléma felvetése az oldalak készítése során. Általában a design, a kinézet, sorsdöntő kérdés weboldal készítés során. A megrendelők kéréseinek a teljesítése során azonban gyakran felmerülhet olyan akadályoztatás, amely okozhatja bizonyos látogatók kizárását. A rossz, hibás szín választás, a designos weboldal, menü készítésével olyan színek lehetnek kiválasztva, amelyek láthatatlanná tehetik weboldalunk.

Gondoljunk csak arra, hogy erős napfényben egy nem túl magas kontrasztos weboldal hogyan olvasható, látjuk-e az oldalon lávő információt, ha összemosódik előttünk a honlap.

Méret problémák akadálymentesítése

Sokan vannak, akik nehezen olvassák a kis méretű betűvel írott oldalak szövegét, az alacsony sorközzel írott szöveget, a sok nagybetűvel írott szövegeket. Ezen látogatók a legtöbb esetben visszafordulnank oldalunkról és máshol fogják megkeresni az információt.

De visszatérhetünk a mobil felhasználókra is, akiknek nem adunk esélyt, hogy a mi oldalunkat használjuk.

Kép, méret, sebesség hiba akadálymentesítése

Ismét csak a mobile felhasználók az egyik érintett csoport a sebesség problémák és a képeken alapuló hibák esetén. Bizonyára többen kikapcsolják a képek letöltését a weboldalak megtekintésekor, mert ezzel jelentősen csökkenthető az egyébként erősen korlátozott mobile telefon hálózati forgalom felhasználás. Ez igaz a sebességre is, miszerint egy lassú weboldal betöltését az alacsony sávszélességű mobil netezést használó látogatók nem fognak megérkezni az oldalunkra.

Fontos az akadálymentesítés a keresőoptimalizálásban?

Talán megfigyelhető volt, hogy igyekeztem elkerülni azon éritett csoportok említését, akiket általában felemlegetünk akadálymentesítés kapcsán, akiket besorolunk abban, a viszonylag szűkebb csoportba, akik hátrányos helyzetben vannak, mozgáskorlátozottak, vakok, gyengén látók, siketek. Akik igényeit valóban egy legyintéssel képesek vagyunk elintézni.

Megtehetjük-e azonban, hogy mondjuk minden második potenciális látogatónak valamilyen módon megakadályozzuk, hogy az oldalunkat használja, rendeljen webáruházunkban, vagy épp csak információt osszunk meg velük.

Ezen látogató egy része már el sem jut az oldalunkra, vagy hamar visszafordulhat. Ennyivel kevesebb lesz a látogatónk, ennyivel kevesebb időt töltenek az oldalunkon. Ennyivel csökken az oldalon töltött átlagos idő, a kereső ennyivel “rosszabbnak” nyílváníthatja az oldalunk. Látható, hogy bár pontos számokat nem tudunk, csak sejthetjük, hogy jelentős forgalomat utasítunk vissza, de nagyon fontos keresőoptimalizálási lépést tehetünk, egy jobban működő akadálymentes weboldallal.