{"id":38463,"date":"2019-10-31T22:23:52","date_gmt":"2019-10-31T19:23:52","guid":{"rendered":"https:\/\/prohoster.info\/blog\/po-napravleniyu-k-dostupnosti\/"},"modified":"2019-10-31T22:23:52","modified_gmt":"2019-10-31T19:23:52","slug":"po-napravleniyu-k-dostupnosti","status":"publish","type":"post","link":"https:\/\/prohoster.info\/hu\/blog\/news\/po-napravleniyu-k-dostupnosti","title":{"rendered":"Az el\u00e9rhet\u0151s\u00e9g fel\u00e9 haladva","gt_translate_keys":[{"key":"rendered","format":"text"}]},"content":{"rendered":"<p><img decoding=\"async\" alt=\"Az el\u00e9rhet\u0151s\u00e9g fel\u00e9 haladva\" src=\"\/wp-content\/uploads\/2019\/09\/e0ecbbe13da65f49f02813aa18e30fb7.png\" style=\"display:block;margin: 0 auto;\" \/><br \/>\n<br \/>\nP\u00e9ntek \u2013 a munkaid\u0151 v\u00e9ge. A rossz h\u00edrek mindig p\u00e9nteken, a munkaid\u0151 v\u00e9g\u00e9n \u00e9rkeznek.<\/p>\n<p>K\u00e9szen \u00e1ll a hivatal elhagy\u00e1s\u00e1ra, amikor a 'cseng\u0151' \u00faj \u00fczenet \u00e9rkezik a leg\u00fajabb \u00e1tszervez\u00e9sr\u0151l az emailre.<\/p>\n<blockquote><p><i>K\u00f6sz\u00f6n\u00f6m xxxx, yyy, a mai napt\u00f3l \u00f6n jelent\u00e9st tesz zzzz.<br \/>\n\u2026<br \/>\n\u00c9s a Hugh csapata biztos\u00edtja term\u00e9keink el\u00e9rhet\u0151s\u00e9g\u00e9t a fogyat\u00e9kkal \u00e9l\u0151k sz\u00e1m\u00e1ra.<\/i>\n<\/p><\/blockquote>\n<p> \u00d3, nem! Mi\u00e9rt \u00e9rdemlem ezt? Azt akarj\u00e1k, hogy elmenjek? Felk\u00e9sz\u00fclni egy h\u00e1l\u00e1tlan, neh\u00e9z munk\u00e1ra \u00e9s megpr\u00f3b\u00e1lni m\u00e1sok hib\u00e1it kijav\u00edtani. Ez biztosan kudarc lesz...<\/p>\n<p>\u00cdgy n\u00e9zett ki az el\u00e9rhet\u0151s\u00e9g n\u00e9h\u00e1ny \u00e9vvel ezel\u0151tt. N\u00e9h\u00e1ny szeg\u00e9ny ember azt a feladatot kapta, hogy \"takar\u00edtson\" a felhaszn\u00e1l\u00f3i fel\u00fcleten, hogy pr\u00f3b\u00e1lj\u00e1k el\u00e9rhet\u0151v\u00e9 tenni azt a fogyat\u00e9kkal \u00e9l\u0151k sz\u00e1m\u00e1ra.<br \/>\n<noindex><a rel=\"nofollow\" name=\"habracut\"><\/a><\/noindex><br \/>\nAmit ez val\u00f3j\u00e1ban jelentett, meglehet\u0151sen hom\u00e1lyos volt \u2013 val\u00f3sz\u00edn\u0171leg ha l\u00e1tta a f\u00f3kuszindik\u00e1tort \u00e9s a mez\u0151k k\u00f6z\u00f6tt tabul\u00e1lva tudott navig\u00e1lni, volt valamilyen alternat\u00edv sz\u00f6veg \u00e9s n\u00e9h\u00e1ny mez\u0151 le\u00edr\u00e1s, azt tekintett\u00e9k, hogy az alkalmaz\u00e1sa el\u00e9rhet\u0151...<\/p>\n<p>De hirtelen a \"hib\u00e1k\" lavinaszer\u0171en kezdtek szaporodni.<\/p>\n<p>K\u00fcl\u00f6nb\u00f6z\u0151 k\u00e9perny\u0151olvas\u00f3k (<i>angol.<\/i> Screen Readers) \u00e9s b\u00f6ng\u00e9sz\u0151k teljesen elt\u00e9r\u0151en viselkedtek.<\/p>\n<p>A felhaszn\u00e1l\u00f3k panaszkodtak, hogy az alkalmaz\u00e1s haszn\u00e1lhatatlan.<\/p>\n<p>Amint egy hib\u00e1t kijav\u00edtottak egy helyen, egy m\u00e1sik megjelent egy m\u00e1sik helyen.<\/p>\n<p>\u00c9s egyszer\u0171en a felhaszn\u00e1l\u00f3i fel\u00fclet hib\u00e1inak jav\u00edt\u00e1sa \u00f3ri\u00e1si er\u0151fesz\u00edt\u00e9seket ig\u00e9nyelt.<\/p>\n<p>Ott voltam. T\u00fal\u00e9ltem, de nem \"siker\u00fclt\" \u2013 technikailag sok mindent kitakar\u00edtottunk, sz\u00e1mos mez\u0151 le\u00edr\u00e1st adtunk hozz\u00e1, szerepeket alak\u00edtottunk ki, \u00e9s el\u00e9rt\u00fcnk valamilyen szint\u0171 megfelel\u00e9st, de senki sem volt el\u00e9gedett. A felhaszn\u00e1l\u00f3k tov\u00e1bbra is panaszkodtak, hogy nem tudnak eligibilis m\u00f3don navig\u00e1lni az alkalmaz\u00e1sban. A menedzser tov\u00e1bbra is panaszkodott a folyamatos hibafolyamra. A m\u00e9rn\u00f6k\u00f6k panaszkodtak a helytelen feladatmeghat\u00e1roz\u00e1sra, egy\u00e9rtelm\u0171en meghat\u00e1rozott \"helyes\" megold\u00e1s n\u00e9lk\u00fcl, ami minden esetben m\u0171k\u00f6dne.<\/p>\n<p>Az el\u00e9rhet\u0151s\u00e9g meg\u00e9rt\u00e9s\u00e9nek \u00fatj\u00e1n egy\u00e9rtelm\u0171en akadtak nyilv\u00e1nval\u00f3 pillanatok.<br \/>\nTal\u00e1n az els\u0151 l\u00e9p\u00e9s az volt, hogy meg\u00e9rtett\u00fck, hogy a megl\u00e9v\u0151 term\u00e9k f\u00f6l\u00e9 akad\u00e1lymentess\u00e9gi funkci\u00f3kat hozz\u00e1adni neh\u00e9z. \u00c9s m\u00e9g nehezebb meggy\u0151zni a menedzsereket arr\u00f3l, hogy ez hihetetlen\u00fcl bonyolult! Nem, ez nem csak annyit jelent, hogy \"hozz\u00e1adtunk p\u00e1r c\u00edmk\u00e9t\", \u00e9s a felhaszn\u00e1l\u00f3i fel\u00fclet j\u00f3l fog m\u0171k\u00f6dni. Nem, ezt h\u00e1rom h\u00e9t alatt nem lehet befejezni, m\u00e9g h\u00e1rom h\u00f3nap is kev\u00e9s lesz.<br \/>\nA k\u00f6vetkez\u0151 meg\u00e9rkez\u00e9sem akkor j\u00f6tt el, amikor saj\u00e1t szememmel l\u00e1ttam, hogyan haszn\u00e1lj\u00e1k a vak felhaszn\u00e1l\u00f3k az alkalmaz\u00e1sunkat. Ez TOT\u00c1LISAN elt\u00e9r att\u00f3l, hogy a hibabejegyz\u00e9seket n\u00e9zz\u00fck.<\/p>\n<p>\u00dajra \u00e9s \u00fajra visszat\u00e9rni fogok ehhez, de szinte minden \"felt\u00e9telez\u00e9s\u00fcnk\" arr\u00f3l, hogyan haszn\u00e1lt\u00e1k az emberek az alkalmaz\u00e1sunkat, t\u00e9vesnek bizonyult.<\/p>\n<p>Navig\u00e1l\u00e1s a bonyolult felhaszn\u00e1l\u00f3i fel\u00fcleten a billenty\u0171kkel <code>Tab\/Shift+Tab<\/code> \u2013 ez el\u00e9g rossz! Valami jobb kellene. Billenty\u0171kombin\u00e1ci\u00f3k, c\u00edmk\u00e9k.<\/p>\n<p>A f\u00f3kuszveszt\u00e9s a felhaszn\u00e1l\u00f3i fel\u00fclet megv\u00e1ltoztat\u00e1sakor nem egy nagy probl\u00e9ma? Gondoljunk csak bele \u2013 ez \u0151r\u00fclten zavar\u00f3.<\/p>\n<p>Folytattam, el\u00e9gg\u00e9 k\u00fcl\u00f6nb\u00f6z\u0151 projekteken dolgoztam, majd elkezdt\u00fcnk egy \u00faj projektet, bonyolult felhaszn\u00e1l\u00f3i fel\u00fclettel \u00e9s azzal a vil\u00e1gos c\u00e9llal, hogy v\u00e9gre most megfelel\u0151 akad\u00e1lymentess\u00e9get \u00e9rj\u00fcnk el.<\/p>\n<p>Teh\u00e1t h\u00e1tral\u00e9pt\u00fcnk, \u00e9s megn\u00e9zt\u00fck, hogyan tudn\u00e1nk ezt m\u00e1sk\u00e9ppen megval\u00f3s\u00edtani, hogy sikeresek legy\u00fcnk, \u00e9s hogy maga a munka folyamata ne legyen unalmas!<\/p>\n<p>El\u00e9g gyorsan eljutottunk n\u00e9h\u00e1ny k\u00f6vetkeztet\u00e9shez:<\/p>\n<ol>\n<li>Nem akartuk, hogy a felhaszn\u00e1l\u00f3i fel\u00fcletet fejleszt\u0151 emberek bajl\u00f3djanak az aria c\u00edmk\u00e9kkel\/szerepekkel \u00e9s term\u00e9szetesen a komponensek HTML strukt\u00far\u00e1j\u00e1val. Olyan komponensekre volt sz\u00fcks\u00e9g\u00fcnk, amelyekb\u0151l az akad\u00e1lymentess\u00e9g k\u00f6zvetlen\u00fcl el\u00e9rhet\u0151.<\/li>\n<li>Akad\u00e1lymentess\u00e9g == Haszn\u00e1lhat\u00f3s\u00e1g \u2013 azaz nem csup\u00e1n technikai feladat. Meg kellett v\u00e1ltoztatnunk az eg\u00e9sz tervez\u00e9si folyamatot, \u00e9s biztos\u00edtani, hogy az akad\u00e1lymentess\u00e9get figyelembe vegy\u00e9k \u00e9s megbesz\u00e9lj\u00e9k a felhaszn\u00e1l\u00f3i fel\u00fclet tervez\u00e9s\u00e9nek megkezd\u00e9se el\u0151tt. Eleve \u00e1tgondoland\u00f3, hogyan tal\u00e1lj\u00e1k meg a felhaszn\u00e1l\u00f3k a funkci\u00f3kat, hogyan fognak navig\u00e1lni, \u00e9s hogyan fog m\u0171k\u00f6dni az \"eg\u00e9r jobb gombja\" billenty\u0171zet haszn\u00e1lat\u00e1val. Az akad\u00e1lymentess\u00e9gnek a tervez\u00e9si folyamat szerves r\u00e9sz\u00e9nek kell lennie \u2013 egyes felhaszn\u00e1l\u00f3k sz\u00e1m\u00e1ra ez sokkal t\u00f6bbet jelent, mint egyszer\u0171en az alkalmaz\u00e1s megjelen\u00e9se.<\/li>\n<li>Kezdetekt\u0151l fogva szeretn\u00e9nk visszajelz\u00e9seket kapni vakokt\u00f3l \u00e9s m\u00e1s mozg\u00e1skorl\u00e1tozott felhaszn\u00e1l\u00f3kt\u00f3l az alkalmaz\u00e1s haszn\u00e1lhat\u00f3s\u00e1g\u00e1r\u00f3l.<\/li>\n<li>Val\u00f3ban j\u00f3 m\u00f3dszerekre volt sz\u00fcks\u00e9g\u00fcnk az akad\u00e1lymentess\u00e9g regresszi\u00f3j\u00e1nak \u00e9szlel\u00e9s\u00e9re.<\/li>\n<\/ol>\n<p>\nNos, m\u00e9rn\u00f6ki szempontb\u00f3l az els\u0151 r\u00e9sz meglehet\u0151sen sz\u00f3rakoztat\u00f3nak hangzott \u2013 az architekt\u00fara fejleszt\u00e9se \u00e9s a komponensk\u00f6nyvt\u00e1r bevezet\u00e9se. \u00c9s val\u00f3ban az is volt.<\/p>\n<p>H\u00e1tra l\u00e9pve \u00e9s szeml\u00e9lve <noindex><a rel=\"nofollow\" href=\"https:\/\/www.w3.org\/TR\/wai-aria-practices-1.1\/\">az ARIA p\u00e9ld\u00e1kat<\/a><\/noindex> \u00c9s amikor ezt tervez\u00e9si probl\u00e9mak\u00e9nt, nem pedig \"alkalmazkod\u00e1si\" probl\u00e9mak\u00e9nt fogjuk fel, bevezett\u00fcnk n\u00e9h\u00e1ny absztrakci\u00f3t. Az \u00f6sszetev\u0151nek van egy 'Strukt\u00far\u00e1ja' (HTML-elemekb\u0151l \u00e1ll) \u00e9s egy 'Viselked\u00e9se' (hogyan l\u00e9p kapcsolatba a felhaszn\u00e1l\u00f3val). P\u00e9ld\u00e1ul az al\u00e1bbi p\u00e9ld\u00e1kban egy egyszer\u0171 rendezetlen list\u00e1t l\u00e1tunk. A lista 'viselked\u00e9s\u00e9nek' hozz\u00e1ad\u00e1sakor a megfelel\u0151 szerepek hozz\u00e1ad\u00f3dnak, hogy listak\u00e9nt m\u0171k\u00f6dj\u00f6n. Hasonl\u00f3an j\u00e1runk el a men\u00fc eset\u00e9ben is.<\/p>\n<p><img decoding=\"async\" alt=\"Az el\u00e9rhet\u0151s\u00e9g fel\u00e9 haladva\" src=\"\/wp-content\/uploads\/2019\/09\/6ba7eae6e85e75377e607c394939200a.png\" style=\"display:block;margin: 0 auto;\" \/><br \/>\n<br \/>\nVal\u00f3j\u00e1ban nemcsak szerepeket, hanem esem\u00e9nykezel\u0151ket is hozz\u00e1adunk a billenty\u0171zetes navig\u00e1ci\u00f3hoz.<\/p>\n<p>Ez m\u00e1r sokkal rendezettebbnek t\u0171nik. Ha tiszta megk\u00fcl\u00f6nb\u00f6ztet\u00e9st tudn\u00e1nk kialak\u00edtani k\u00f6z\u00f6tt\u00fck, akkor nem lenne fontos, hogy a strukt\u00fara hogyan k\u00e9sz\u00fclt, viselked\u00e9seket (Behaviours) alkalmazhatn\u00e1nk r\u00e1, \u00e9s a megfelel\u0151 akad\u00e1lymentess\u00e9get biztos\u00edthatn\u00e1nk.<\/p>\n<p>Ez a gyakorlatban a k\u00f6vetkez\u0151 c\u00edmen l\u00e1that\u00f3 <noindex><a rel=\"nofollow\" href=\"https:\/\/stardust-ui.github.io\/react\/\">https:\/\/stardust-ui.github.io\/react\/<\/a><\/noindex> \u2013 UX k\u00f6nyvt\u00e1r <noindex><a rel=\"nofollow\" href=\"https:\/\/reactjs.org\/\">React<\/a><\/noindex>, amelyet a kezdetekt\u0151l fogva az akad\u00e1lymentess\u00e9g figyelembev\u00e9tel\u00e9vel terveznek \u00e9s val\u00f3s\u00edtanak meg.<\/p>\n<p>A m\u00e1sodik r\u00e9sz \u2013 a diz\u00e1jn k\u00f6r\u00fcli megk\u00f6zel\u00edt\u00e9s \u00e9s folyamatok megv\u00e1ltoztat\u00e1sa \u2013 kezdetben megijesztett: a szer\u00e9ny m\u00e9rn\u00f6k\u00f6k, akik megpr\u00f3b\u00e1lnak szervezeti v\u00e1ltoz\u00e1sokat kereszt\u00fclvinni, nem mindig z\u00e1rulnak j\u00f3l, de ez bizonyult az egyik leg\u00e9rdekesebb ter\u00fcletnek, ahol jelent\u0151s hozz\u00e1j\u00e1rul\u00e1saink voltak a folyamatban. Egysz\u00f3val, a k\u00f6vetkez\u0151 folyamatunk volt: az \u00faj funkci\u00f3t egy csapat fejlesztette, majd csoportunk vezet\u0151i elemezt\u00e9k\/iter\u00e1lt\u00e1k a javaslatot, \u00e9s ut\u00e1n, \u00e1ltal\u00e1ban, a diz\u00e1jn \u00e1tker\u00fclt az m\u00e9rn\u00f6kcsapathoz. Ebben az esetben a m\u00e9rn\u00f6kcsapat l\u00e9nyeg\u00e9ben a akad\u00e1lymentess\u00e9gi funkci\u00f3 \u201etulajdonosa\u201d volt, mivel nekik kellett megoldaniuk a kapcsol\u00f3d\u00f3 probl\u00e9m\u00e1kat.<\/p>\n<p>Eleinte el\u00e9g neh\u00e9z feladat volt elmagyar\u00e1zni, hogy a hozz\u00e1f\u00e9rhet\u0151s\u00e9g \u00e9s a haszn\u00e1lhat\u00f3s\u00e1g elv\u00e1laszthatatlanul \u00f6sszefon\u00f3dik, \u00e9s ezt m\u00e1r a tervez\u00e9si szakaszban ki kell alak\u00edtani, k\u00fcl\u00f6nben jelent\u0151s v\u00e1ltoztat\u00e1sokra \u00e9s bizonyos szerepek \u00fajb\u00f3li meghat\u00e1roz\u00e1s\u00e1ra ker\u00fcl sor. Ennek ellen\u00e9re a vezet\u0151s\u00e9g \u00e9s a kulcsszerepl\u0151k t\u00e1mogat\u00e1s\u00e1val siker\u00fclt eljuttatni ezt az elk\u00e9pzel\u00e9st, \u00e9s bevezetni, hogy a tervek hozz\u00e1f\u00e9rhet\u0151s\u00e9gi \u00e9s haszn\u00e1lhat\u00f3s\u00e1gi ellen\u0151rz\u00e9sen essenek \u00e1t, miel\u0151tt bemutatn\u00e1k a vezet\u0151s\u00e9gnek.<\/p>\n<p>Ezek a visszajelz\u00e9sek rendk\u00edv\u00fcl \u00e9rt\u00e9kesek voltak mindenki sz\u00e1m\u00e1ra \u2013 fantasztikus volt tud\u00e1smegoszt\u00e1sk\u00e9nt\/az inform\u00e1ci\u00f3k \u00e1tad\u00e1sak\u00e9nt, amely bemutatta, hogyan l\u00e9pnek interakci\u00f3ba a felhaszn\u00e1l\u00f3k a webalkalmaz\u00e1sokkal. Sz\u00e1mos probl\u00e9m\u00e1s ter\u00fcletet hat\u00e1roztunk meg a felhaszn\u00e1l\u00f3i fel\u00fcleten, m\u00e9g azel\u0151tt, hogy meg\u00e9p\u00edtett\u00e9k volna \u0151ket, a fejleszt\u0151i csapatok most sokkal jobb specifik\u00e1ci\u00f3kkal rendelkeznek, nemcsak a vizu\u00e1lis, hanem a viselked\u00e9si ter\u00fcleteken is. A t\u00e9nyleges megbesz\u00e9l\u00e9sek sz\u00f3rakoztat\u00f3, energikus, szenved\u00e9lyes vit\u00e1kr\u00f3l sz\u00f3lnak a technikai aspektusokr\u00f3l \u00e9s az interakci\u00f3kr\u00f3l.<\/p>\n<p>M\u00e9g jobban v\u00e9gezhett\u00fck volna ezt a munk\u00e1t, ha a tal\u00e1lkoz\u00f3kon (vagy a k\u00e9s\u0151bbi tal\u00e1lkoz\u00f3kon) vak felhaszn\u00e1l\u00f3k \u00e9s fogyat\u00e9kkal \u00e9l\u0151 felhaszn\u00e1l\u00f3k is r\u00e9szt vettek volna \u2013 neh\u00e9z volt ezt megszervezni, de most val\u00f3ban egy\u00fcttm\u0171k\u00f6d\u00fcnk helyi vakokat seg\u00edt\u0151 szervezetekkel \u00e9s olyan c\u00e9gekkel, amelyek k\u00fcls\u0151 tesztel\u00e9si szolg\u00e1ltat\u00e1sokat ny\u00fajtanak a v\u00e9grehajt\u00e1si folyamat korai szakaszainak ellen\u0151rz\u00e9s\u00e9re \u2013 mind a komponens, mind a v\u00e9grehajt\u00e1si folyamat szintj\u00e9n.<\/p>\n<p>Most a m\u00e9rn\u00f6k\u00f6k meglehet\u0151sen r\u00e9szletes specifik\u00e1ci\u00f3kkal rendelkeznek, el\u00e9rhet\u0151 komponensekkel, amelyeket felhaszn\u00e1lhatnak az implement\u00e1l\u00e1shoz, \u00e9s m\u00f3dszerekkel a v\u00e9grehajt\u00e1si folyamat ellen\u0151rz\u00e9s\u00e9re. R\u00e9szben a tapasztalat megtan\u00edtotta nek\u00fcnk, hogy mit mulasztottunk el folyamatosan \u2013 hogyan tudjuk megakad\u00e1lyozni a regresszi\u00f3t. Hasonl\u00f3k\u00e9ppen az emberek integr\u00e1ci\u00f3s vagy v\u00e9gigj\u00e1r\u00e1si teszteket haszn\u00e1lhatnak a sz\u00fcks\u00e9ges funkci\u00f3k ellen\u0151rz\u00e9s\u00e9re, amelyek seg\u00edtenek az interakci\u00f3k \u00e9s v\u00e9grehajt\u00e1si folyamatok, mind vizu\u00e1lis, mind viselked\u00e9si szempontb\u00f3l bek\u00f6vetkez\u0151 v\u00e1ltoz\u00e1sainak \u00e9szlel\u00e9s\u00e9ben.<\/p>\n<p>A vizu\u00e1lis regresszi\u00f3 meghat\u00e1roz\u00e1sa meglehet\u0151sen konkr\u00e9t feladat, nagyon kev\u00e9s dolog adhat\u00f3 hozz\u00e1 a folyamathoz, kiv\u00e9ve tal\u00e1n annak ellen\u0151rz\u00e9s\u00e9t, hogy l\u00e1that\u00f3-e a f\u00f3kusz a billenty\u0171zettel val\u00f3 navig\u00e1ci\u00f3 sor\u00e1n. K\u00e9t viszonylag \u00faj technol\u00f3gia az el\u00e9rhet\u0151s\u00e9ggel kapcsolatban \u00e9rdekesebb t\u00e9m\u00e1nak sz\u00e1m\u00edt.<\/p>\n<ol>\n<li><noindex><a rel=\"nofollow\" href=\"https:\/\/accessibilityinsights.io\/\">Accessibility Insights<\/a><\/noindex> \u2013 ez egy olyan eszk\u00f6zk\u00e9szlet, amely a b\u00f6ng\u00e9sz\u0151ben \u00e9s a build\/tesztsorozat keret\u00e9ben is futtathat\u00f3 a probl\u00e9m\u00e1k azonos\u00edt\u00e1s\u00e1ra.<\/li>\n<li>A k\u00e9perny\u0151olvas\u00f3 szoftverek m\u0171k\u00f6d\u00e9s\u00e9nek tesztel\u00e9se k\u00fcl\u00f6n\u00f6sen neh\u00e9z feladat volt. Az <b>Accessibility DOM<\/b>, megval\u00f3s\u00edt\u00e1s\u00e1val v\u00e9gre lehet\u0151s\u00e9g\u00fcnk van arra, hogy el\u00e9rhet\u0151s\u00e9gi szempontb\u00f3l k\u00e9sz\u00edts\u00fcnk k\u00e9pet az alkalmaz\u00e1sr\u00f3l, nagyon hasonl\u00f3an ahhoz, ahogyan a vizu\u00e1lis tesztekn\u00e9l tessz\u00fck, \u00e9s tesztelj\u00fck azokat regresszi\u00f3ra.<\/li>\n<\/ol>\n<p>\nTeh\u00e1t a t\u00f6rt\u00e9net m\u00e1sodik r\u00e9sz\u00e9ben \u00e1tt\u00e9rt\u00fcnk a HTML-k\u00f3d szerkeszt\u00e9s\u00e9r\u0151l egy magasabb absztrakci\u00f3s szintre, megv\u00e1ltoztattuk a tervez\u00e9si folyamatot, \u00e9s bevezett\u00fck a gondos tesztel\u00e9st. Az \u00faj folyamatok, \u00faj technol\u00f3gi\u00e1k \u00e9s \u00faj absztrakci\u00f3s szintek teljesen megv\u00e1ltoztatt\u00e1k az el\u00e9rhet\u0151s\u00e9g fogalm\u00e1t \u00e9s azt, hogy mit is jelent e ter\u00fcleten dolgozni.<br \/>\nDe ez csak a kezdet.<\/p>\n<p>A k\u00f6vetkez\u0151 \u201emeg\u00e9rt\u00e9s\u201d az, hogy a vak felhaszn\u00e1l\u00f3k el\u0151seg\u00edtik a legmodernebb technol\u00f3gi\u00e1k fejl\u0151d\u00e9s\u00e9t \u2013 \u0151k nemcsak az el\u0151tt\u00fcnk \u00e1ll\u00f3 v\u00e1ltoz\u00e1sok legnagyobb haszon\u00e9lvez\u0151i, de az \u00faj megk\u00f6zel\u00edt\u00e9sek \u00e9s \u00f6tletek is lehet\u0151v\u00e9 v\u00e1lnak a ML\/AI \u00e1ltal. P\u00e9ld\u00e1ul az Immersive Reader technol\u00f3gia lehet\u0151v\u00e9 teszi a felhaszn\u00e1l\u00f3k sz\u00e1m\u00e1ra, hogy a sz\u00f6veget k\u00f6nnyebben \u00e9s \u00e9rthet\u0151bben reprezent\u00e1lj\u00e1k. Fel lehet olvasni, a mondatszerkezet grammatikailag elv\u00e1lik, \u00e9s m\u00e9g a szavak jelent\u00e9se is grafikus form\u00e1ban jelenik meg. Ez teljesen elt\u00e9r az \u201eel\u00e9rhet\u0151v\u00e9 tenni\u201d r\u00e9gi felfog\u00e1s\u00e1t\u00f3l \u2013 ez egy haszn\u00e1lhat\u00f3s\u00e1gi funkci\u00f3, amely mindenki sz\u00e1m\u00e1ra hasznos.<\/p>\n<p>A ML\/AI \u00faj m\u00f3dokat hoz l\u00e9tre az interakci\u00f3ra \u00e9s a munkav\u00e9gz\u00e9sre, \u00e9s \u00f6r\u00f6mmel vagyunk a k\u00f6vetkez\u0151 l\u00e9p\u00e9sek r\u00e9szesei ezen a korszer\u0171 \u00faton. Az innov\u00e1ci\u00f3k a gondolkod\u00e1sm\u00f3d megv\u00e1ltoz\u00e1s\u00e1b\u00f3l fakadnak \u2013 az emberis\u00e9g \u00e9vezredek \u00f3ta l\u00e9tezik, a g\u00e9pek t\u00f6bb mint sz\u00e1z \u00e9ve, a weboldalak n\u00e9h\u00e1ny \u00e9vtizede, m\u00edg az okostelefonok m\u00e9g kev\u00e9sb\u00e9, a technol\u00f3gia az emberekhez kell, hogy alkalmazkodjon, nem ford\u00edtva.<\/p>\n<p>P.S. A cikket az eredetit\u0151l n\u00e9mileg elt\u00e9r\u0151 m\u00f3don ford\u00edtott\u00e1k le. Mint a cikk t\u00e1rsszerz\u0151je, ezeket az elt\u00e9r\u00e9seket Hugh-val egyeztettem.<\/p>\n<p class=\"for_users_only_msg\">Csak a regisztr\u00e1lt felhaszn\u00e1l\u00f3k vehetnek r\u00e9szt a szavaz\u00e1son. <noindex><a rel=\"nofollow\" href=\"https:\/\/habr.com\/ru\/auth\/login\/\">K\u00e9rem, jelentkezzen be.<\/a><\/noindex>, k\u00e9rem.<\/p>\n<h2 class=\"default-block__polling-title\">Figyelmet ford\u00edt az alkalmaz\u00e1saik rendelkez\u00e9sre \u00e1ll\u00e1s\u00e1ra?<\/h2>\n<ul class=\"content-list content-list_polling\">\n<li class=\"content-list__item content-list__item_polling\">\n<p>                    Igen<\/p>\n<\/li>\n<li class=\"content-list__item content-list__item_polling\">\n<p>                    Nem<\/p>\n<\/li>\n<li class=\"content-list__item content-list__item_polling\">\n<p>                    El\u0151sz\u00f6r hallok az alkalmaz\u00e1sok rendelkez\u00e9sre \u00e1ll\u00e1s\u00e1r\u00f3l.<\/p>\n<\/li>\n<\/ul>\n<p>    17 felhaszn\u00e1l\u00f3 szavazott. 5 felhaszn\u00e1l\u00f3 tart\u00f3zkodott.<br \/>\n<br \/>Forr\u00e1s: <a content=\"nofollow\" rel=\"nofollow\" href=\"https:\/\/habr.com\/ru\/post\/468905\/\">habr.com<\/a><\/p>","protected":false,"gt_translate_keys":[{"key":"rendered","format":"html"}]},"excerpt":{"rendered":"<p>\u041f\u044f\u0442\u043d\u0438\u0446\u0430 \u2013 \u043a\u043e\u043d\u0435\u0446 \u0440\u0430\u0431\u043e\u0447\u0435\u0433\u043e \u0434\u043d\u044f. \u041f\u043b\u043e\u0445\u0438\u0435 \u043d\u043e\u0432\u043e\u0441\u0442\u0438 \u0432\u0441\u0435\u0433\u0434\u0430 \u043f\u0440\u0438\u0445\u043e\u0434\u044f\u0442 \u0432 \u043f\u044f\u0442\u043d\u0438\u0446\u0443 \u043f\u043e\u0434 \u043a\u043e\u043d\u0435\u0446 \u0440\u0430\u0431\u043e\u0447\u0435\u0433\u043e \u0434\u043d\u044f. \u0412\u044b \u0441\u043e\u0431\u0438\u0440\u0430\u0435\u0442\u0435\u0441\u044c \u043f\u043e\u043a\u0438\u043d\u0443\u0442\u044c \u043e\u0444\u0438\u0441, \u00ab\u0434\u0437\u0438\u043d\u044c\u00bb \u043d\u043e\u0432\u043e\u0435 \u043f\u0438\u0441\u044c\u043c\u043e \u043f\u043e \u043f\u043e\u0432\u043e\u0434\u0443 \u043e\u0447\u0435\u0440\u0435\u0434\u043d\u043e\u0439 \u0440\u0435\u043e\u0440\u0433\u0430\u043d\u0438\u0437\u0430\u0446\u0438\u0438 \u0442\u043e\u043b\u044c\u043a\u043e \u0447\u0442\u043e \u043f\u0440\u0438\u0448\u043b\u043e \u043d\u0430 \u043f\u043e\u0447\u0442\u0443. \u0421\u043f\u0430\u0441\u0438\u0431\u043e xxxx, yyy \u0441 \u0441\u0435\u0433\u043e\u0434\u043d\u044f\u0448\u043d\u0435\u0433\u043e \u0434\u043d\u044f \u0432\u044b \u0431\u0443\u0434\u0435\u0442\u0435 \u043e\u0442\u0447\u0438\u0442\u044b\u0432\u0430\u0442\u044c\u0441\u044f zzzz \u2026 \u0418 \u043a\u043e\u043c\u0430\u043d\u0434\u0430 \u0425\u044c\u044e \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0438\u0442 \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u043e\u0441\u0442\u044c \u043d\u0430\u0448\u0438\u0445 \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u043e\u0432 \u0434\u043b\u044f \u043b\u044e\u0434\u0435\u0439 \u0441 \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0435\u043d\u043d\u044b\u043c\u0438 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044f\u043c\u0438. \u041e, [&hellip;]<\/p>\n","protected":false,"gt_translate_keys":[{"key":"rendered","format":"html"}]},"author":1,"featured_media":28867,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[702],"tags":[],"class_list":["post-38463","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-news"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 5.0.3 - aioseo.com -->\n\t<meta name=\"description\" content=\"\u041f\u044f\u0442\u043d\u0438\u0446\u0430 \u2013 \u043a\u043e\u043d\u0435\u0446 \u0440\u0430\u0431\u043e\u0447\u0435\u0433\u043e \u0434\u043d\u044f.\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<meta name=\"author\" content=\"Yuri Gagarin\"\/>\n\t<link rel=\"canonical\" href=\"https:\/\/prohoster.info\/hu\/blog\/news\/po-napravleniyu-k-dostupnosti\" \/>\n\t\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 5.0.3\" \/>\n\t\t<meta property=\"og:locale\" content=\"hu_HU\" \/>\n\t\t<meta property=\"og:site_name\" content=\"ProHoster | \u041a\u0443\u043f\u0438\u0442\u044c \u043d\u0430\u0434\u0435\u0436\u043d\u044b\u0439 \u0445\u043e\u0441\u0442\u0438\u043d\u0433 \u0434\u043b\u044f \u0441\u0430\u0439\u0442\u043e\u0432 \u0441 \u0437\u0430\u0449\u0438\u0442\u043e\u0439 \u043e\u0442 DDoS, VPS VDS \u0441\u0435\u0440\u0432\u0435\u0440\u044b\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"\ud83e\udd47\u041f\u043e \u043d\u0430\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044e \u043a \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u043e\u0441\u0442\u0438 | ProHoster\" \/>\n\t\t<meta property=\"og:description\" content=\"\u041f\u044f\u0442\u043d\u0438\u0446\u0430 \u2013 \u043a\u043e\u043d\u0435\u0446 \u0440\u0430\u0431\u043e\u0447\u0435\u0433\u043e \u0434\u043d\u044f.\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/prohoster.info\/hu\/blog\/news\/po-napravleniyu-k-dostupnosti\" \/>\n\t\t<meta property=\"og:image\" content=\"https:\/\/prohoster.info\/wp-content\/uploads\/2021\/11\/logo-350.jpg\" \/>\n\t\t<meta property=\"og:image:secure_url\" content=\"https:\/\/prohoster.info\/wp-content\/uploads\/2021\/11\/logo-350.jpg\" \/>\n\t\t<meta property=\"og:image:width\" content=\"350\" \/>\n\t\t<meta property=\"og:image:height\" content=\"350\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2019-10-31T19:23:52+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2019-10-31T19:23:52+00:00\" \/>\n\t\t<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/prohoster\" \/>\n\t\t<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/prohoster\" \/>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"\ud83e\udd47Az el\u00e9rhet\u0151s\u00e9g fel\u00e9 | ProHoster","description":"P\u00e9ntek \u2013 a munkaid\u0151 v\u00e9ge.","canonical_url":"https:\/\/prohoster.info\/hu\/blog\/news\/po-napravleniyu-k-dostupnosti","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":null,"og:locale":"hu_HU","og:site_name":"ProHoster | \u041a\u0443\u043f\u0438\u0442\u044c \u043d\u0430\u0434\u0435\u0436\u043d\u044b\u0439 \u0445\u043e\u0441\u0442\u0438\u043d\u0433 \u0434\u043b\u044f \u0441\u0430\u0439\u0442\u043e\u0432 \u0441 \u0437\u0430\u0449\u0438\u0442\u043e\u0439 \u043e\u0442 DDoS, VPS VDS \u0441\u0435\u0440\u0432\u0435\u0440\u044b","og:type":"article","og:title":"\ud83e\udd47\u041f\u043e \u043d\u0430\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044e \u043a \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u043e\u0441\u0442\u0438 | ProHoster","og:description":"\u041f\u044f\u0442\u043d\u0438\u0446\u0430 \u2013 \u043a\u043e\u043d\u0435\u0446 \u0440\u0430\u0431\u043e\u0447\u0435\u0433\u043e \u0434\u043d\u044f.","og:url":"https:\/\/prohoster.info\/hu\/blog\/news\/po-napravleniyu-k-dostupnosti","og:image":"https:\/\/prohoster.info\/wp-content\/uploads\/2021\/11\/logo-350.jpg","og:image:secure_url":"https:\/\/prohoster.info\/wp-content\/uploads\/2021\/11\/logo-350.jpg","og:image:width":350,"og:image:height":350,"article:published_time":"2019-10-31T19:23:52+00:00","article:modified_time":"2019-10-31T19:23:52+00:00","article:publisher":"https:\/\/www.facebook.com\/prohoster","article:author":"https:\/\/www.facebook.com\/prohoster"},"aioseo_meta_data":{"post_id":"38463","title":null,"description":null,"keywords":null,"keyphrases":null,"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":null,"og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"","isEnabled":true},"graphs":[]},"schema_type":null,"schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":null,"robots_max_videopreview":null,"robots_max_imagepreview":"large","priority":null,"frequency":null,"local_seo":null,"seo_analyzer_scan_date":"2026-01-23 22:10:19","breadcrumb_settings":null,"limit_modified_date":false,"reviewed_by":null,"ai":null,"created":"2021-03-01 01:08:32","updated":"2026-01-23 22:10:19","focus_keyword":null,"additional_keywords":null,"truseo_locale":null},"gt_translate_keys":[{"key":"link","format":"url"}],"_links":{"self":[{"href":"https:\/\/prohoster.info\/hu\/wp-json\/wp\/v2\/posts\/38463","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/prohoster.info\/hu\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/prohoster.info\/hu\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/prohoster.info\/hu\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/prohoster.info\/hu\/wp-json\/wp\/v2\/comments?post=38463"}],"version-history":[{"count":0,"href":"https:\/\/prohoster.info\/hu\/wp-json\/wp\/v2\/posts\/38463\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/prohoster.info\/hu\/wp-json\/wp\/v2\/media\/28867"}],"wp:attachment":[{"href":"https:\/\/prohoster.info\/hu\/wp-json\/wp\/v2\/media?parent=38463"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/prohoster.info\/hu\/wp-json\/wp\/v2\/categories?post=38463"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/prohoster.info\/hu\/wp-json\/wp\/v2\/tags?post=38463"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}