Honlap akadálymentesítésnmhh.hu/dokumentum/191475/08_SzantaiKaroly_Honlap.pdf · Szántai...
Transcript of Honlap akadálymentesítésnmhh.hu/dokumentum/191475/08_SzantaiKaroly_Honlap.pdf · Szántai...
![Page 1: Honlap akadálymentesítésnmhh.hu/dokumentum/191475/08_SzantaiKaroly_Honlap.pdf · Szántai Károly Web és UX akadálymentességi szakért ő, szakoktató w akadálymentesweb.hu](https://reader035.fdocuments.net/reader035/viewer/2022070618/5e196c24a6630a4c553fc48d/html5/thumbnails/1.jpg)
Honlap akadálymentesítés
Szántai Károly
akadálymentesweb
![Page 2: Honlap akadálymentesítésnmhh.hu/dokumentum/191475/08_SzantaiKaroly_Honlap.pdf · Szántai Károly Web és UX akadálymentességi szakért ő, szakoktató w akadálymentesweb.hu](https://reader035.fdocuments.net/reader035/viewer/2022070618/5e196c24a6630a4c553fc48d/html5/thumbnails/2.jpg)
Szántai Károly Web és UX akadálymentességi szakértő, szakoktató
w akadálymentesweb.hu ! akadalymentesweb " @szantaikaroly
akadálymentesweb
![Page 3: Honlap akadálymentesítésnmhh.hu/dokumentum/191475/08_SzantaiKaroly_Honlap.pdf · Szántai Károly Web és UX akadálymentességi szakért ő, szakoktató w akadálymentesweb.hu](https://reader035.fdocuments.net/reader035/viewer/2022070618/5e196c24a6630a4c553fc48d/html5/thumbnails/3.jpg)
![Page 4: Honlap akadálymentesítésnmhh.hu/dokumentum/191475/08_SzantaiKaroly_Honlap.pdf · Szántai Károly Web és UX akadálymentességi szakért ő, szakoktató w akadálymentesweb.hu](https://reader035.fdocuments.net/reader035/viewer/2022070618/5e196c24a6630a4c553fc48d/html5/thumbnails/4.jpg)
http://www.flickr.com/photos/ianturk/496598344/
Az akadálymentesség sztereotípiája épített környezetben
![Page 5: Honlap akadálymentesítésnmhh.hu/dokumentum/191475/08_SzantaiKaroly_Honlap.pdf · Szántai Károly Web és UX akadálymentességi szakért ő, szakoktató w akadálymentesweb.hu](https://reader035.fdocuments.net/reader035/viewer/2022070618/5e196c24a6630a4c553fc48d/html5/thumbnails/5.jpg)
https://www.flickr.com/photos/andynash/15713294528
![Page 6: Honlap akadálymentesítésnmhh.hu/dokumentum/191475/08_SzantaiKaroly_Honlap.pdf · Szántai Károly Web és UX akadálymentességi szakért ő, szakoktató w akadálymentesweb.hu](https://reader035.fdocuments.net/reader035/viewer/2022070618/5e196c24a6630a4c553fc48d/html5/thumbnails/6.jpg)
Az akadálymentesség sztereotípiája online környezetben
![Page 7: Honlap akadálymentesítésnmhh.hu/dokumentum/191475/08_SzantaiKaroly_Honlap.pdf · Szántai Károly Web és UX akadálymentességi szakért ő, szakoktató w akadálymentesweb.hu](https://reader035.fdocuments.net/reader035/viewer/2022070618/5e196c24a6630a4c553fc48d/html5/thumbnails/7.jpg)
![Page 8: Honlap akadálymentesítésnmhh.hu/dokumentum/191475/08_SzantaiKaroly_Honlap.pdf · Szántai Károly Web és UX akadálymentességi szakért ő, szakoktató w akadálymentesweb.hu](https://reader035.fdocuments.net/reader035/viewer/2022070618/5e196c24a6630a4c553fc48d/html5/thumbnails/8.jpg)
Sajnos sok magyar honlap ezt csinálja…
![Page 9: Honlap akadálymentesítésnmhh.hu/dokumentum/191475/08_SzantaiKaroly_Honlap.pdf · Szántai Károly Web és UX akadálymentességi szakért ő, szakoktató w akadálymentesweb.hu](https://reader035.fdocuments.net/reader035/viewer/2022070618/5e196c24a6630a4c553fc48d/html5/thumbnails/9.jpg)
Sajnos sok magyar honlap ezt csinálja…
![Page 10: Honlap akadálymentesítésnmhh.hu/dokumentum/191475/08_SzantaiKaroly_Honlap.pdf · Szántai Károly Web és UX akadálymentességi szakért ő, szakoktató w akadálymentesweb.hu](https://reader035.fdocuments.net/reader035/viewer/2022070618/5e196c24a6630a4c553fc48d/html5/thumbnails/10.jpg)
![Page 11: Honlap akadálymentesítésnmhh.hu/dokumentum/191475/08_SzantaiKaroly_Honlap.pdf · Szántai Károly Web és UX akadálymentességi szakért ő, szakoktató w akadálymentesweb.hu](https://reader035.fdocuments.net/reader035/viewer/2022070618/5e196c24a6630a4c553fc48d/html5/thumbnails/11.jpg)
![Page 12: Honlap akadálymentesítésnmhh.hu/dokumentum/191475/08_SzantaiKaroly_Honlap.pdf · Szántai Károly Web és UX akadálymentességi szakért ő, szakoktató w akadálymentesweb.hu](https://reader035.fdocuments.net/reader035/viewer/2022070618/5e196c24a6630a4c553fc48d/html5/thumbnails/12.jpg)
![Page 13: Honlap akadálymentesítésnmhh.hu/dokumentum/191475/08_SzantaiKaroly_Honlap.pdf · Szántai Károly Web és UX akadálymentességi szakért ő, szakoktató w akadálymentesweb.hu](https://reader035.fdocuments.net/reader035/viewer/2022070618/5e196c24a6630a4c553fc48d/html5/thumbnails/13.jpg)
![Page 14: Honlap akadálymentesítésnmhh.hu/dokumentum/191475/08_SzantaiKaroly_Honlap.pdf · Szántai Károly Web és UX akadálymentességi szakért ő, szakoktató w akadálymentesweb.hu](https://reader035.fdocuments.net/reader035/viewer/2022070618/5e196c24a6630a4c553fc48d/html5/thumbnails/14.jpg)
![Page 15: Honlap akadálymentesítésnmhh.hu/dokumentum/191475/08_SzantaiKaroly_Honlap.pdf · Szántai Károly Web és UX akadálymentességi szakért ő, szakoktató w akadálymentesweb.hu](https://reader035.fdocuments.net/reader035/viewer/2022070618/5e196c24a6630a4c553fc48d/html5/thumbnails/15.jpg)
![Page 16: Honlap akadálymentesítésnmhh.hu/dokumentum/191475/08_SzantaiKaroly_Honlap.pdf · Szántai Károly Web és UX akadálymentességi szakért ő, szakoktató w akadálymentesweb.hu](https://reader035.fdocuments.net/reader035/viewer/2022070618/5e196c24a6630a4c553fc48d/html5/thumbnails/16.jpg)
![Page 17: Honlap akadálymentesítésnmhh.hu/dokumentum/191475/08_SzantaiKaroly_Honlap.pdf · Szántai Károly Web és UX akadálymentességi szakért ő, szakoktató w akadálymentesweb.hu](https://reader035.fdocuments.net/reader035/viewer/2022070618/5e196c24a6630a4c553fc48d/html5/thumbnails/17.jpg)
![Page 18: Honlap akadálymentesítésnmhh.hu/dokumentum/191475/08_SzantaiKaroly_Honlap.pdf · Szántai Károly Web és UX akadálymentességi szakért ő, szakoktató w akadálymentesweb.hu](https://reader035.fdocuments.net/reader035/viewer/2022070618/5e196c24a6630a4c553fc48d/html5/thumbnails/18.jpg)
![Page 19: Honlap akadálymentesítésnmhh.hu/dokumentum/191475/08_SzantaiKaroly_Honlap.pdf · Szántai Károly Web és UX akadálymentességi szakért ő, szakoktató w akadálymentesweb.hu](https://reader035.fdocuments.net/reader035/viewer/2022070618/5e196c24a6630a4c553fc48d/html5/thumbnails/19.jpg)
„...először aszittem, hogy ez itt a Raiffeisen jele, aztán rájöttem, hogy egy tappancs!!! :D :D ”
„Vakokkal kapcsolatos...”
„Fogalmam nincs, most látom először ”
„A beállításokat itt jegyezi meg? Nem tudom, nem használom ”
Az idézetek Dr. Herendy Csilla, UX kutató által végzett felhasználói interjúkból származnak
![Page 20: Honlap akadálymentesítésnmhh.hu/dokumentum/191475/08_SzantaiKaroly_Honlap.pdf · Szántai Károly Web és UX akadálymentességi szakért ő, szakoktató w akadálymentesweb.hu](https://reader035.fdocuments.net/reader035/viewer/2022070618/5e196c24a6630a4c553fc48d/html5/thumbnails/20.jpg)
![Page 21: Honlap akadálymentesítésnmhh.hu/dokumentum/191475/08_SzantaiKaroly_Honlap.pdf · Szántai Károly Web és UX akadálymentességi szakért ő, szakoktató w akadálymentesweb.hu](https://reader035.fdocuments.net/reader035/viewer/2022070618/5e196c24a6630a4c553fc48d/html5/thumbnails/21.jpg)
![Page 22: Honlap akadálymentesítésnmhh.hu/dokumentum/191475/08_SzantaiKaroly_Honlap.pdf · Szántai Károly Web és UX akadálymentességi szakért ő, szakoktató w akadálymentesweb.hu](https://reader035.fdocuments.net/reader035/viewer/2022070618/5e196c24a6630a4c553fc48d/html5/thumbnails/22.jpg)
Svéd közlekedési tábla: ”Nedsatt hörsel” (hallássérült)
![Page 23: Honlap akadálymentesítésnmhh.hu/dokumentum/191475/08_SzantaiKaroly_Honlap.pdf · Szántai Károly Web és UX akadálymentességi szakért ő, szakoktató w akadálymentesweb.hu](https://reader035.fdocuments.net/reader035/viewer/2022070618/5e196c24a6630a4c553fc48d/html5/thumbnails/23.jpg)
![Page 24: Honlap akadálymentesítésnmhh.hu/dokumentum/191475/08_SzantaiKaroly_Honlap.pdf · Szántai Károly Web és UX akadálymentességi szakért ő, szakoktató w akadálymentesweb.hu](https://reader035.fdocuments.net/reader035/viewer/2022070618/5e196c24a6630a4c553fc48d/html5/thumbnails/24.jpg)
![Page 25: Honlap akadálymentesítésnmhh.hu/dokumentum/191475/08_SzantaiKaroly_Honlap.pdf · Szántai Károly Web és UX akadálymentességi szakért ő, szakoktató w akadálymentesweb.hu](https://reader035.fdocuments.net/reader035/viewer/2022070618/5e196c24a6630a4c553fc48d/html5/thumbnails/25.jpg)
Tényleg eltérő megjelenés kell a látássérült felhasználóknak?
![Page 26: Honlap akadálymentesítésnmhh.hu/dokumentum/191475/08_SzantaiKaroly_Honlap.pdf · Szántai Károly Web és UX akadálymentességi szakért ő, szakoktató w akadálymentesweb.hu](https://reader035.fdocuments.net/reader035/viewer/2022070618/5e196c24a6630a4c553fc48d/html5/thumbnails/26.jpg)
teljes vakság gyengénlátás
látássérülés foka
![Page 27: Honlap akadálymentesítésnmhh.hu/dokumentum/191475/08_SzantaiKaroly_Honlap.pdf · Szántai Károly Web és UX akadálymentességi szakért ő, szakoktató w akadálymentesweb.hu](https://reader035.fdocuments.net/reader035/viewer/2022070618/5e196c24a6630a4c553fc48d/html5/thumbnails/27.jpg)
A vak felhasználóknak a vizuális megjelenés teljesen
lényegtelen!
![Page 28: Honlap akadálymentesítésnmhh.hu/dokumentum/191475/08_SzantaiKaroly_Honlap.pdf · Szántai Károly Web és UX akadálymentességi szakért ő, szakoktató w akadálymentesweb.hu](https://reader035.fdocuments.net/reader035/viewer/2022070618/5e196c24a6630a4c553fc48d/html5/thumbnails/28.jpg)
![Page 29: Honlap akadálymentesítésnmhh.hu/dokumentum/191475/08_SzantaiKaroly_Honlap.pdf · Szántai Károly Web és UX akadálymentességi szakért ő, szakoktató w akadálymentesweb.hu](https://reader035.fdocuments.net/reader035/viewer/2022070618/5e196c24a6630a4c553fc48d/html5/thumbnails/29.jpg)
teljes vakság gyengénlátás
látássérülés foka
![Page 30: Honlap akadálymentesítésnmhh.hu/dokumentum/191475/08_SzantaiKaroly_Honlap.pdf · Szántai Károly Web és UX akadálymentességi szakért ő, szakoktató w akadálymentesweb.hu](https://reader035.fdocuments.net/reader035/viewer/2022070618/5e196c24a6630a4c553fc48d/html5/thumbnails/30.jpg)
Gyengénlátók Általános Iskolája
A gyengénlátók is a saját kisegítő eszközeiket használják
![Page 31: Honlap akadálymentesítésnmhh.hu/dokumentum/191475/08_SzantaiKaroly_Honlap.pdf · Szántai Károly Web és UX akadálymentességi szakért ő, szakoktató w akadálymentesweb.hu](https://reader035.fdocuments.net/reader035/viewer/2022070618/5e196c24a6630a4c553fc48d/html5/thumbnails/31.jpg)
Demo
![Page 32: Honlap akadálymentesítésnmhh.hu/dokumentum/191475/08_SzantaiKaroly_Honlap.pdf · Szántai Károly Web és UX akadálymentességi szakért ő, szakoktató w akadálymentesweb.hu](https://reader035.fdocuments.net/reader035/viewer/2022070618/5e196c24a6630a4c553fc48d/html5/thumbnails/32.jpg)
http://www.flickr.com/photos/photogramma1/4560632255/
„Normál” felhasználók – fogyatékos felhasználók?
![Page 33: Honlap akadálymentesítésnmhh.hu/dokumentum/191475/08_SzantaiKaroly_Honlap.pdf · Szántai Károly Web és UX akadálymentességi szakért ő, szakoktató w akadálymentesweb.hu](https://reader035.fdocuments.net/reader035/viewer/2022070618/5e196c24a6630a4c553fc48d/html5/thumbnails/33.jpg)
Milyen képességeinkre van szükség?
Hallás Látás
Mozgás
Kognitív és mentális
Beszéd
https://www.flickr.com/photos/yourdon/2715583000
![Page 34: Honlap akadálymentesítésnmhh.hu/dokumentum/191475/08_SzantaiKaroly_Honlap.pdf · Szántai Károly Web és UX akadálymentességi szakért ő, szakoktató w akadálymentesweb.hu](https://reader035.fdocuments.net/reader035/viewer/2022070618/5e196c24a6630a4c553fc48d/html5/thumbnails/34.jpg)
Népességszáma
Képesség
A népesség normális eloszlása valamelyik képesség szerint
Icon made by Freepik from www.flaticon.com is licensed under CC BY 3.0
![Page 35: Honlap akadálymentesítésnmhh.hu/dokumentum/191475/08_SzantaiKaroly_Honlap.pdf · Szántai Károly Web és UX akadálymentességi szakért ő, szakoktató w akadálymentesweb.hu](https://reader035.fdocuments.net/reader035/viewer/2022070618/5e196c24a6630a4c553fc48d/html5/thumbnails/35.jpg)
Népességszáma
Képesség
Tényleg egzakt fogalom, hogy ki számít fogyatékos embernek?
Icon made by Freepik from www.flaticon.com is licensed under CC BY 3.0
![Page 36: Honlap akadálymentesítésnmhh.hu/dokumentum/191475/08_SzantaiKaroly_Honlap.pdf · Szántai Károly Web és UX akadálymentességi szakért ő, szakoktató w akadálymentesweb.hu](https://reader035.fdocuments.net/reader035/viewer/2022070618/5e196c24a6630a4c553fc48d/html5/thumbnails/36.jpg)
Veleszületett fogyatékosság
Szerzett fogyatékosság
![Page 37: Honlap akadálymentesítésnmhh.hu/dokumentum/191475/08_SzantaiKaroly_Honlap.pdf · Szántai Károly Web és UX akadálymentességi szakért ő, szakoktató w akadálymentesweb.hu](https://reader035.fdocuments.net/reader035/viewer/2022070618/5e196c24a6630a4c553fc48d/html5/thumbnails/37.jpg)
Képességeink nem mindig állandók
![Page 38: Honlap akadálymentesítésnmhh.hu/dokumentum/191475/08_SzantaiKaroly_Honlap.pdf · Szántai Károly Web és UX akadálymentességi szakért ő, szakoktató w akadálymentesweb.hu](https://reader035.fdocuments.net/reader035/viewer/2022070618/5e196c24a6630a4c553fc48d/html5/thumbnails/38.jpg)
Képességeink a korunkkal változnak
https://www.flickr.com/photos/pandapictures/8408084037
![Page 39: Honlap akadálymentesítésnmhh.hu/dokumentum/191475/08_SzantaiKaroly_Honlap.pdf · Szántai Károly Web és UX akadálymentességi szakért ő, szakoktató w akadálymentesweb.hu](https://reader035.fdocuments.net/reader035/viewer/2022070618/5e196c24a6630a4c553fc48d/html5/thumbnails/39.jpg)
http://www.flickr.com/photos/keremtapani/6693119259
Képességeink a korunkkal változnak
![Page 40: Honlap akadálymentesítésnmhh.hu/dokumentum/191475/08_SzantaiKaroly_Honlap.pdf · Szántai Károly Web és UX akadálymentességi szakért ő, szakoktató w akadálymentesweb.hu](https://reader035.fdocuments.net/reader035/viewer/2022070618/5e196c24a6630a4c553fc48d/html5/thumbnails/40.jpg)
https://www.flickr.com/photos/hernanpc/13638796074
40+ korosztály
![Page 41: Honlap akadálymentesítésnmhh.hu/dokumentum/191475/08_SzantaiKaroly_Honlap.pdf · Szántai Károly Web és UX akadálymentességi szakért ő, szakoktató w akadálymentesweb.hu](https://reader035.fdocuments.net/reader035/viewer/2022070618/5e196c24a6630a4c553fc48d/html5/thumbnails/41.jpg)
„Silver Surfer” korosztály
![Page 42: Honlap akadálymentesítésnmhh.hu/dokumentum/191475/08_SzantaiKaroly_Honlap.pdf · Szántai Károly Web és UX akadálymentességi szakért ő, szakoktató w akadálymentesweb.hu](https://reader035.fdocuments.net/reader035/viewer/2022070618/5e196c24a6630a4c553fc48d/html5/thumbnails/42.jpg)
Kontraszt és betűméret
![Page 43: Honlap akadálymentesítésnmhh.hu/dokumentum/191475/08_SzantaiKaroly_Honlap.pdf · Szántai Károly Web és UX akadálymentességi szakért ő, szakoktató w akadálymentesweb.hu](https://reader035.fdocuments.net/reader035/viewer/2022070618/5e196c24a6630a4c553fc48d/html5/thumbnails/43.jpg)
![Page 44: Honlap akadálymentesítésnmhh.hu/dokumentum/191475/08_SzantaiKaroly_Honlap.pdf · Szántai Károly Web és UX akadálymentességi szakért ő, szakoktató w akadálymentesweb.hu](https://reader035.fdocuments.net/reader035/viewer/2022070618/5e196c24a6630a4c553fc48d/html5/thumbnails/44.jpg)
Ideiglenes képességzavaraink
https://www.flickr.com/photos/pivic/174583165
![Page 45: Honlap akadálymentesítésnmhh.hu/dokumentum/191475/08_SzantaiKaroly_Honlap.pdf · Szántai Károly Web és UX akadálymentességi szakért ő, szakoktató w akadálymentesweb.hu](https://reader035.fdocuments.net/reader035/viewer/2022070618/5e196c24a6630a4c553fc48d/html5/thumbnails/45.jpg)
Szituációs képességzavaraink
![Page 46: Honlap akadálymentesítésnmhh.hu/dokumentum/191475/08_SzantaiKaroly_Honlap.pdf · Szántai Károly Web és UX akadálymentességi szakért ő, szakoktató w akadálymentesweb.hu](https://reader035.fdocuments.net/reader035/viewer/2022070618/5e196c24a6630a4c553fc48d/html5/thumbnails/46.jpg)
![Page 47: Honlap akadálymentesítésnmhh.hu/dokumentum/191475/08_SzantaiKaroly_Honlap.pdf · Szántai Károly Web és UX akadálymentességi szakért ő, szakoktató w akadálymentesweb.hu](https://reader035.fdocuments.net/reader035/viewer/2022070618/5e196c24a6630a4c553fc48d/html5/thumbnails/47.jpg)
![Page 48: Honlap akadálymentesítésnmhh.hu/dokumentum/191475/08_SzantaiKaroly_Honlap.pdf · Szántai Károly Web és UX akadálymentességi szakért ő, szakoktató w akadálymentesweb.hu](https://reader035.fdocuments.net/reader035/viewer/2022070618/5e196c24a6630a4c553fc48d/html5/thumbnails/48.jpg)
http://www.flickr.com/photos/rafeblandford/4078162068
Szituációs képességzavaraink
![Page 49: Honlap akadálymentesítésnmhh.hu/dokumentum/191475/08_SzantaiKaroly_Honlap.pdf · Szántai Károly Web és UX akadálymentességi szakért ő, szakoktató w akadálymentesweb.hu](https://reader035.fdocuments.net/reader035/viewer/2022070618/5e196c24a6630a4c553fc48d/html5/thumbnails/49.jpg)
Photo: NASA/Paul. E. Alers - https://www.flickr.com/photos/nasahqphoto/3462938929
Tartós képességzavaraink
![Page 50: Honlap akadálymentesítésnmhh.hu/dokumentum/191475/08_SzantaiKaroly_Honlap.pdf · Szántai Károly Web és UX akadálymentességi szakért ő, szakoktató w akadálymentesweb.hu](https://reader035.fdocuments.net/reader035/viewer/2022070618/5e196c24a6630a4c553fc48d/html5/thumbnails/50.jpg)
http://www.flickr.com/photos/dnwallace/2635909272/
Mozgási képességzavar
![Page 51: Honlap akadálymentesítésnmhh.hu/dokumentum/191475/08_SzantaiKaroly_Honlap.pdf · Szántai Károly Web és UX akadálymentességi szakért ő, szakoktató w akadálymentesweb.hu](https://reader035.fdocuments.net/reader035/viewer/2022070618/5e196c24a6630a4c553fc48d/html5/thumbnails/51.jpg)
![Page 52: Honlap akadálymentesítésnmhh.hu/dokumentum/191475/08_SzantaiKaroly_Honlap.pdf · Szántai Károly Web és UX akadálymentességi szakért ő, szakoktató w akadálymentesweb.hu](https://reader035.fdocuments.net/reader035/viewer/2022070618/5e196c24a6630a4c553fc48d/html5/thumbnails/52.jpg)
Neki vajon van-e tartós képességzavara?
https://www.flickr.com/photos/yourdon/2715583000
![Page 53: Honlap akadálymentesítésnmhh.hu/dokumentum/191475/08_SzantaiKaroly_Honlap.pdf · Szántai Károly Web és UX akadálymentességi szakért ő, szakoktató w akadálymentesweb.hu](https://reader035.fdocuments.net/reader035/viewer/2022070618/5e196c24a6630a4c553fc48d/html5/thumbnails/53.jpg)
![Page 54: Honlap akadálymentesítésnmhh.hu/dokumentum/191475/08_SzantaiKaroly_Honlap.pdf · Szántai Károly Web és UX akadálymentességi szakért ő, szakoktató w akadálymentesweb.hu](https://reader035.fdocuments.net/reader035/viewer/2022070618/5e196c24a6630a4c553fc48d/html5/thumbnails/54.jpg)
Integráltan akadálymentes honlap
![Page 55: Honlap akadálymentesítésnmhh.hu/dokumentum/191475/08_SzantaiKaroly_Honlap.pdf · Szántai Károly Web és UX akadálymentességi szakért ő, szakoktató w akadálymentesweb.hu](https://reader035.fdocuments.net/reader035/viewer/2022070618/5e196c24a6630a4c553fc48d/html5/thumbnails/55.jpg)
Egyetemes Tervezés Universal Design
Befogadó Tervezés Inclusive Design
![Page 56: Honlap akadálymentesítésnmhh.hu/dokumentum/191475/08_SzantaiKaroly_Honlap.pdf · Szántai Károly Web és UX akadálymentességi szakért ő, szakoktató w akadálymentesweb.hu](https://reader035.fdocuments.net/reader035/viewer/2022070618/5e196c24a6630a4c553fc48d/html5/thumbnails/56.jpg)
végtaghiányos ember
kartöröttember
szülő
tartós ideiglenes szituációs
képességzavar
Icon made by Freepik from www.flaticon.com is licensed under CC BY 3.0
![Page 57: Honlap akadálymentesítésnmhh.hu/dokumentum/191475/08_SzantaiKaroly_Honlap.pdf · Szántai Károly Web és UX akadálymentességi szakért ő, szakoktató w akadálymentesweb.hu](https://reader035.fdocuments.net/reader035/viewer/2022070618/5e196c24a6630a4c553fc48d/html5/thumbnails/57.jpg)
Cél, hogy a képességeitől függetlenül ugyanazt a honlapot használhassa
mindenki
![Page 58: Honlap akadálymentesítésnmhh.hu/dokumentum/191475/08_SzantaiKaroly_Honlap.pdf · Szántai Károly Web és UX akadálymentességi szakért ő, szakoktató w akadálymentesweb.hu](https://reader035.fdocuments.net/reader035/viewer/2022070618/5e196c24a6630a4c553fc48d/html5/thumbnails/58.jpg)
Észlelhessük
Megérthessük
Működtethessük
![Page 59: Honlap akadálymentesítésnmhh.hu/dokumentum/191475/08_SzantaiKaroly_Honlap.pdf · Szántai Károly Web és UX akadálymentességi szakért ő, szakoktató w akadálymentesweb.hu](https://reader035.fdocuments.net/reader035/viewer/2022070618/5e196c24a6630a4c553fc48d/html5/thumbnails/59.jpg)
Akadálymentesítés = valami rossz és utólag korrigáljuk
![Page 60: Honlap akadálymentesítésnmhh.hu/dokumentum/191475/08_SzantaiKaroly_Honlap.pdf · Szántai Károly Web és UX akadálymentességi szakért ő, szakoktató w akadálymentesweb.hu](https://reader035.fdocuments.net/reader035/viewer/2022070618/5e196c24a6630a4c553fc48d/html5/thumbnails/60.jpg)
Követelményelemzés
Drótvázak / Prototípusok
Vizuális tervezés
Implementáció / Kódolás
Tartalomfeltöltés
QA / Tesztelés
Általában mikor merül fel az akadálymentesség kérdése?
![Page 61: Honlap akadálymentesítésnmhh.hu/dokumentum/191475/08_SzantaiKaroly_Honlap.pdf · Szántai Károly Web és UX akadálymentességi szakért ő, szakoktató w akadálymentesweb.hu](https://reader035.fdocuments.net/reader035/viewer/2022070618/5e196c24a6630a4c553fc48d/html5/thumbnails/61.jpg)
Követelményelemzés
Drótvázak / Prototípusok
Vizuális tervezés
Implementáció / Kódolás
Tartalomfeltöltés
QA / Tesztelés
Sajnos túl későn…
![Page 62: Honlap akadálymentesítésnmhh.hu/dokumentum/191475/08_SzantaiKaroly_Honlap.pdf · Szántai Károly Web és UX akadálymentességi szakért ő, szakoktató w akadálymentesweb.hu](https://reader035.fdocuments.net/reader035/viewer/2022070618/5e196c24a6630a4c553fc48d/html5/thumbnails/62.jpg)
Követelményelemzés
Drótvázak / Prototípusok
Vizuális tervezés
Implementáció / Kódolás
Tartalomfeltöltés
QA / Tesztelés
Az akadálymentességgel minden lépésnél foglalkozni kell
![Page 63: Honlap akadálymentesítésnmhh.hu/dokumentum/191475/08_SzantaiKaroly_Honlap.pdf · Szántai Károly Web és UX akadálymentességi szakért ő, szakoktató w akadálymentesweb.hu](https://reader035.fdocuments.net/reader035/viewer/2022070618/5e196c24a6630a4c553fc48d/html5/thumbnails/63.jpg)
http://www.flickr.com/photos/49333775@N00/5770796530/
ISO 40500 (WCAG 2.0) – MSZ EN 301 549
![Page 64: Honlap akadálymentesítésnmhh.hu/dokumentum/191475/08_SzantaiKaroly_Honlap.pdf · Szántai Károly Web és UX akadálymentességi szakért ő, szakoktató w akadálymentesweb.hu](https://reader035.fdocuments.net/reader035/viewer/2022070618/5e196c24a6630a4c553fc48d/html5/thumbnails/64.jpg)
Szántai Károly Web és UX akadálymentességi szakértő, szakoktató
w akadálymentesweb.hu ! akadalymentesweb " @szantaikaroly
akadálymentesweb