1 / 19

„Esélyteremtés és értékalakulás” Konferencia Megyeháza Kaposvár, 2009. december 8.

„Esélyteremtés és értékalakulás” Konferencia Megyeháza Kaposvár, 2009. december 8. Webes alkalmazások akadálymentesítése II. rész. Vigh György informatikai szakértő FFE. Kikkel van összefüggésben?. testi fogyatékosokkal (pl. [szín]vakokkal, gyengénlátókkal , hallás- és mozgássérültekkel);

jase
Download Presentation

„Esélyteremtés és értékalakulás” Konferencia Megyeháza Kaposvár, 2009. december 8.

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. „Esélyteremtés és értékalakulás” KonferenciaMegyeházaKaposvár, 2009. december 8. Vigh György: Webes alkalmazások akadálymentesítése Kaposvár, 2009.12.08.

  2. Webes alkalmazások akadálymentesítéseII. rész Vigh Györgyinformatikai szakértőFFE Vigh György: Webes alkalmazások akadálymentesítése Kaposvár, 2009.12.08.

  3. Kikkel van összefüggésben? • testi fogyatékosokkal (pl. [szín]vakokkal, gyengénlátókkal, hallás- és mozgássérültekkel); • értelmi fogyatékosokkal, • diszlexiásokkal, olvasási nehézséggel élőkkel; • gyerekekkel, idősekkel; • technológiailag megkülönböztetett felhasználókkal (pl. gyenge gépteljesítmény, kicsi kijelző, koszos munkahely, javascript, flash stb. hiánya, lassú hálózat, mobiltelefonnal vagy PDA-val rendelkező); • kulturálisan elszigeteltekkel (pl. idegenajkúakkal); • technológiailag alulképzettekkel. Vigh György: Webes alkalmazások akadálymentesítése Kaposvár, 2009.12.08.

  4. Van-e kapcsolat az e-Learninggel? • Moodle • Mahara • HyperwaveeLearningSuite • IBM Global Campus • SCORM eLibrary • me-Learning • CoEdu • IntraLearn • POKtató Vigh György: Webes alkalmazások akadálymentesítése Kaposvár, 2009.12.08.

  5. Mit tanácsolok? • Olvashatóság megkönnyítése: • lényeges, hogy az olvasással töltött idő az olvasó számára ne legyen megterhelő. A szövegíráshoz lehetőség szerint használjunk fehér alapon fekete szöveget. • Lényeges részek kiemelése: • a fontosnak tartott kulcsszavakat mindig emeljük ki. Az olvasó figyelmét tereljük így a mondanivaló lényegére. • Figyelem felkeltése: • a lényegesebb mondatokhoz az alapszöveghez képest nagyobb betűméretet állítsunk be, és emeljük ki őket. Adjunk más színt ezeknek a mondatoknak, de ne használjunk túl sokféle színt! Vigh György: Webes alkalmazások akadálymentesítése Kaposvár, 2009.12.08.

  6. Mit tanácsolok? • Egyszerűsítés: • helyezzünk a témához kapcsolódó grafikát, képet a szövegkörnyezetbe, ezzel lényegesen leegyszerűsíthetjük az üzenet közvetítését, megértését, és a figyelmet is fokozhatjuk ily’ módon. • Tagolás kisebb részekre: • két-három mondatonként használjunk sorkihagyást. A tömör szöveget az olvasó nem fogja elolvasni. Ránéz, és azt mondja, hogy ez túl sok, majd legközelebb... • Egységes szerkezetre törekedés: • figyeljünk az egyes részek összehangolására, összetartozására, ezáltal a dokumentum egységét megőrizhetjük! Vigh György: Webes alkalmazások akadálymentesítése Kaposvár, 2009.12.08.

  7. Mire ügyeljünk még? • Oldalszerkezet – fejléc, listák és következetes struktúra alkalmazása, CSS a szerkezet és a stílus leírásához. • Multimédia – legyen elérhető az audióanyag szöveges változata (feliratos formában és külön állományként is), a videóanyagokról pedig készüljön leírás. • Hivatkozások – a hivatkozás szövegezése olyan legyen, hogy a szövegkörnyezetből kikerülve is utaljon a hivatkozás céljára, kerüljük a "kattints ide" szövegezést. Vigh György: Webes alkalmazások akadálymentesítése Kaposvár, 2009.12.08.

  8. Hogyan kódoljunk? • magyar nyelvhez a következő „beállítás” a helyes: <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-2"> • iso-8859-1 – angol, francia, német, olasz, portugál, spanyol nyelvekhez • iso-8859-5 – orosz nyelvhez Vigh György: Webes alkalmazások akadálymentesítése Kaposvár, 2009.12.08.

  9. Hogyan kódoljunk? • Unicode TransformationFormat: <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=UTF-8"> • .htaccess fájl elhelyezése a UNIX/Linux alapú szerveren, amely AddDefaultCharset utf-8 vagy AddCharset UTF-8 .html .txtegyetlen sort tartalmazza; • conf\httpd.conffájl módosítása az Apachewebszerveren, amelynek utolsó soraként írjuk be az AddDefaultCharset utf-8-at; Vigh György: Webes alkalmazások akadálymentesítése Kaposvár, 2009.12.08.

  10. Mit tegyünk a képrégiókkal? • Képrégiók kezelésekliens-oldali régiómegadás (map tag segítségével) a kiemelendő képrészletekhez, és ezekhez szöveges leírás társítása. Vigh György: Webes alkalmazások akadálymentesítése Kaposvár, 2009.12.08.

  11. Útban van az Image Toolbar? Megoldási lehetőségek:<imgsrc=”pogona.jpg” galleryimg=”no” name=”Pogonavitticeps” align=”absmiddle” border=”1” alt=”Szakállas agámaképe” width=”400” height=”300”> <meta http-equiv="imagetoolbar" content="no"> Vigh György: Webes alkalmazások akadálymentesítése Kaposvár, 2009.12.08.

  12. Mi a helyzet a grafikonokkal? • Grafikonok és diagramok – kivonat készítése vagy longdesc attribútum használata: • Javasolt megoldás:<imgsrc="grafikon.gif" alt="A külföldi vendégek számaránya nemzetiségük alapján" longdesc="http://www.mindora.hu/grafikon.html"> Vigh György: Webes alkalmazások akadálymentesítése Kaposvár, 2009.12.08.

  13. Navigáció, de hogyan? • Navigációt segítő képfájlok: • Javasolt első megoldás:<imgsrc="images/okgomb.gif" alt="OK" title="Vásárlás befejezése"> • Javasolt második megoldás:<input type="image" name="OK" src="images/okgomb.gif" alt="Mehet!"> Vigh György: Webes alkalmazások akadálymentesítése Kaposvár, 2009.12.08.

  14. Mi legyen a táblázatokkal? • Táblázatok A táblázatok jobb áttekinthetősége érdekében használjuk következetesen, rendszeresen a th (tableheading = táblázat-címsor) attribútumot is. <tableborder="1"><tr><th>Év</th><th>Eladások</th></tr> <tr><td>2000</td><td>18M Ft</td></tr> <tr><td>2001</td><td>25M Ft</td></tr> <tr><td>2002</td><td>36M Ft</td></tr></table> Vigh György: Webes alkalmazások akadálymentesítése Kaposvár, 2009.12.08.

  15. Hogyan tehetjük elérhetővé oldalunkat? • Szkriptek, appletek és plug-inekalternatíva arra az esetre, ha az aktív elemek nincsenek támogatva.A gomb az alábbi parancssor szerint működik:<buttononfocus="beugrik()">Nyomj és nyerj!</button>A script, amit meghív a fenti függvény:<script language="JavaScript" type="text/javascript">function beugrik() { alert ("Nyertél! Az 1 000 000billpengőt a Microsoft pénztárában átveheted.") }</script><noscript>Gondoltam egy számra 1 és 2 közt, de nem ám a 2-re! Ha tudod melyikre, írd meg emailben. Ha eltalálod, nyertél 1 000 000billpengőt.</noscript>A noscript elem tartalma csak akkor íródik ki, ha valamilyen oknál fogva nem futtatható JS a kliensgépen. Vigh György: Webes alkalmazások akadálymentesítése Kaposvár, 2009.12.08.

  16. Alkalmazzunk keretrendszert? • Keretrendszer – a noframes elem alkalmazása: <html><head><title>Példa oldal</title></head><framesetrows="1*" cols="50%, 50%"><framename="menü" scrolling="auto" marginwidth="10" marginheight="14"><framename="tartalom" scrolling="auto" marginwidth="10" marginheight="14"><noframes><body><p>Mivel az Ön böngészője nem támogatja a keretes oldalakat, kérem szíveskedjen az <a href="egerut.html">egerut.html</a> fájlt megtekinteni.</p></body></noframes></frameset></html> Vigh György: Webes alkalmazások akadálymentesítése Kaposvár, 2009.12.08.

  17. Mi lebegjen a szemünk előtt? „Egy eszközön át látni és láttatni!” Bernáthné Székely Julianna halmozottan sérült, látásmaradvánnyal élő pedagógusnő 2005. évben az „Én és az ECDL” országos pályázat I. helyezettje Vigh György: Webes alkalmazások akadálymentesítése Kaposvár, 2009.12.08.

  18. Köszönömmegtisztelőfigyelmüket! Vigh György: Webes alkalmazások akadálymentesítése Kaposvár, 2009.12.08.

  19. Várom a kérdéseket! URL: www.suli-soft-design.hue-mail: vigh.gyorgy@suli-soft-design.hu Vigh György: Webes alkalmazások akadálymentesítése Kaposvár, 2009.12.08.

More Related