12.11.2009Jouni Mäkeläinen, Twinkle Oy Esteettömyyden huomioiminen palvelujen toteutuksessa.

Slides:



Advertisements
Samankaltaiset esitykset
Alustus esteettömyyspaneeliin Laura Turkki World Usability Day 2009.
Advertisements

Internet ohjelmointi ympäristönä- webtop -web 2.0 kulttuurin alkuaskelet tietosovelluksien siirto yksittäisistä laitteista ja käyttöjärjestelmistä> www-alustaisiksi.
JavaFX © Reino Aarinen, 2007.
JavaScript oliot © Reiska, DOM Oliot  JavaScript sisältää paljon valmiita DOM olioita, on sisältänyt jo DOM level 0 (ns. Legacy DOM) alkaen  WWW-ympäristössä.
Sosiaali- ja terveysalan tutkimus- ja kehittämiskeskus Tiedosta hyvinvointia 1 Miten välittää tietoa esteettömyydestä? Esteettömyysluokitus sosiaali- ja.
COPYRIGHT BY AVAREA Web 2.0 ja Ria Jari Putula Avarea Oy.
Näkövammaiset opiskelijat ja IT-ratkaisut
Linuxin rakenne ja ominaisuudet
Pyry Heinonen.  Nykyisen Internet-pohjaisen painotuotetilausjärjestelmän korvaaminen uudella versiolla  Esitellään nykyinen järjestelmä ja mahdollinen.
PlugIT-tietoiskut •PlugIT-projektin tuotokset –Tiivistetty luettelo tällä hetkellä saatavilla olevista tuotoksista •Ohjelmistotuotannon nykytila ja tarvekartoitus.
Web-sovellusten arkkitehtuurit K1103TK CodeIgniter - perusteet Jouni Juntunen.
Web Services ©Reino Aarinen, Miksi?  Web Services tekniikalla voi muuttaa valmiit sovellukset Web sovelluksiksi.  Sovellus voi julkaista toiminnon.
Erik Fallenius Kevät  Taustaa ◦ Ontologiat  Tavoitteet  Teknologiat ◦ Dojo/AJAX ◦ JSON ◦ SOAP  Projektin kulku  Lopputulos – demo.
ASP.NET 3.5 – Uudet ominaisuudet Jani Järvinen, C# MVP Technical Manager, Software Dev. Moonsoft Oy.
Internet  Lingua Franca, kaikkien ymmärtämä yhteinen kieli: TCP/IP tai UDP/IP. ”Kaikki maaiman tietokoneet, liittykää yhteen”.  Suomeen 1990-luvun alussa.
MULTIMEDIAN MONET MUODOT
tietojenkäsittelytieteiden laitos
Visual Studio 2008 ja sovellusten elinkaaren hallinta Matti Antila Jukka Wallasvaara Iikka Paavolainen Microsoft Oy.
HAKUKONEOPTIMOINTI Jaakko Rautiainen. Aihealue Hakukoneiden toiminta Web-sivun optimointi.
Killed by Code Pasi Hyvönen, Lauri Kasanen, Tuomo Stamblewski.
RajatOn Kehitys Jukka Vilen & Heli Korte TTKK/DMI/Hypermedialaboratorio.
Virtuaalimaailmojen haasteet ja mahdollisuudet kouluttajan näkökulmasta Otavan opisto Mervi Jansson.
Minne menet Microsoft Oy. Ohjelma 09:00-09:15 Avauspuheenvuoro: Juhani Vuorio / Microsoft Oy – Minne menet IE10? 09:15-10:15 HTML5 kehitys,
Saavutettavuus & Esteettömyys Käytettävyyttä Kaikille
CSS ja sen sovellukset Vesa Jussila. Esitys  Yleistä –Historia –Etuja ja huonoja puolia –Mediatyypit  Käyttö –Laatikkomalli –CSS-taitto –Sovelluksia.
Yliopisto-opiskelun esteettömyyttä koskeva tiedonsaanti ja aloitussivujen tekninen esteettömyys 2000 ja 2005 vammaisen opiskelijan kannalta Hannu Puupponen.
Esteettömyys, käytettävyys ja saavutettavuus – tietoyhteiskunta kaikille Jyri Wuorisalo Avence Oy Pohjois-Savon tietoyhteiskuntastrategiaseminaari
Esteetön opiskelu Jyväskylän yliopistossa Hannu Puupponen Strateginen kehittäminen
Esteettömyys www-sivuilla Eija Mykkänen Mediatekniikan seminaari
Helsingin kaupungin koulut Peruskouluja 131 Lukioita 18 Ammatillisia oppilaitoksia 3 Pajoja 4 Oppilaita Koulu- ja oppilaitosrakennuksia n. 250.
Web 2.0 tiivistetysti 1. Ohjelmistoalusta on Web. Webtop korvaa Desktopin. Keskeistä yhteisöllisyys ja ”Software as a Service”. 2. Kollektiivisen älyn.
XML Namespaces 1 XML Namespaces provide a method to avoid element name conflicts –name conflict will occur when two different documents use the same element.
3D-www-käyttöliittymä
* Miksi ja kenelle www-sivut halutaan tehdä? * Mitkä ovat tavoitteet? * Kohderyhmän käyttäjien määritely ! SUUNNITTELUN PERUSTEITA.
KH Kirjasampo NYT Yleisten kirjastojen neuvosto
Esteettömyys erityisissä liikkuvissa ympäristöissä SOME & mobiili erityisille oppijoille Lehtori Irmeli Lignell HAMK/AOKK
Kirjastot tilastojen käyttäjän tukena Terttu Turunen Valtiotieteellisen tiedekunnan kirjasto.
Ontologia Hanna Hirvonen. Käsite Ontologia ● Peräisin filosofiasta oppi olevaisesta ● Kuvaus tarkasteltavan sovellusalueen käsitteistä ja niiden välisistä.
XHTML-perusteita Teppo Räisänen
Toimipisterekisteri ja Palvelukartta Esteettömyys
Helppokäyttöinen, tietoturvallinen monikäyttäjäjärjestelmä Case: Venture Cup Finlandin Intranet Diplomityöseminaari Iikka Väkiparta.
Design for All korkeakouluissa? Päivi Tahkokallio — Suomen DfA-verkosto ESOK — Tampere
Linkkikirjasto Nina Granlund Kirjastot.fi Linkkikirjasto Kirjastojen.
Heikki Hyötyniemi Teknillinen korkeakoulu, Systeemitekniikan laboratorio 1. Älykäs WWW Totuus vai Todellisuus - tutkimuksen haasteet Heikki.
ESTEETTÖMÄT VIESTINTÄPALVELUT
Terveyskeskuksen tilat ja esteettömyys Toimivia ohjeita rakennuksiin Helsinki kaikille –projektin verkostoseminaari Pirjo Sipiläinen, arkkitehti,
DViikki Kokemuksia kokotekstien taltioinnista DSpace-ohjelmistolla Kimmo Koskinen Viikin tiedekirjasto.
1 2. Tietoverkot Internet: maailman laajuinen verkko tietokoneverkoista Transmission Control Protocol/Internet Protocol (TCP/IP) Tieto lähetetään paketteina.
Macromedia Flex Mikko Honkanen. Esityksen sisältö Flex verrattuna Flash:iin Flex sovelluksista tekniikka ja vaatimukset Flex builder esimerkit.
Webin historia Tietojenkäsittelytieteen historia –seminaariesitelmä Helsingin yliopisto –
Sosiaalinen media: kun 500 miljoonaa ihmistä hajosi FaceBookiin.
Silverlight Expression Blend 3 työkaluna. Mikäs on Silverlight? (1/2) Pääasiassa teknologia webbiin –Internet Explorer –Mozilla –Opera –Safari.
Tulevaisuuden skenaarioita (Semanttinen web 2.0) Kimmo Koskinen Matri-seminaari Viikin tiedekirjasto.
D OMAINHALLINTATYÖKALUN TOTEUTUS JQUERY JAVASCRIPT - KIRJASTOLLA Insinöörityö Irko Palenius 2009.
Monimedian työkurssi www-teknologioiden rajoitteet Ilmari Laakkonen Huone 6535, päivystys pe 16-17
Monimedian työkurssi www-teknologioiden rajoitteet Ilmari Laakkonen.
Antti Huovinen 1 Web-käyttöliittymät Suunnittelu ja lomakkeet.
Mukautuvat web-sivut Joni Korpi 01/20. Määritelmä Sivu, jonka asettelu – ja mahdollisesti sisältö – muuttuvat laitteen koon mukaan. 02/20.
Oikeuksien hallintaan liittyvät metatiedot -työryhmän tuloksia
Saavutettavuus/esteettömyys   Tilat, tuotteet ja palvelut suunnitellaan kaikkia käyttäjiä varten. Design for all / Universal design.
WWW-sivunsuunnittelu
Mitä saavutettavuus vaatii kirjaston verkkopalveluilta?
MULTI- JA HYPERMEDIAN PERUSTEET
JavaScriptin perusteet
WAVE Web Accessibility Tool
Pasi Tiisanoja Käytettävyyssuunnittelija
Joose - opinto-oppaan selaineditori
WiMAX.
CLT132 Tehtävät (viikko 8).
TITLE TITLE TITLE TITLE TITLE TITLE TITLE TITLE TITLE TITLE
Esityksen transkriptio:

Jouni Mäkeläinen, Twinkle Oy Esteettömyyden huomioiminen palvelujen toteutuksessa

Jouni Mäkeläinen, Twinkle Oy Lähtökohdat Heterogeeniset kohderyhmät mm. –Apuvälinekäyttäjät Ruudunlukijat ja pistekirjoitusnäytöt Vanhat versiot –Heikkonäköiset –Motorisesti rajoittuneet käyttäjät Suunnittelu toteutuksen pohjana –Käyttöliittymäsuunnittelu –Visuaalinen suunnittelu

Jouni Mäkeläinen, Twinkle Oy Perusteet Standardien ja suositusten noudattaminen –HTML, CSS, WAI, WCAG Esteettömyyttä tukevien ominaisuuksien käyttäminen Esteiden välttäminen –Esim. teksikokojen skaalautuvuus Osa laadukasta toteutusta

Jouni Mäkeläinen, Twinkle Oy ”Too much accessibility” Lavertelu esteettömyyttä tukevien ominaisuuksien käytössä –ALT, TITLE, LEGEND

Jouni Mäkeläinen, Twinkle Oy Esteettömyyden varmistaminen Esteiden ymmärtäminen Esteettömyyden asettaminen tavoitteeksi Hyvien käytäntöjen noudattaminen –Standardit eivät kerro koko totuutta –Kehityksen seuraaminen Testaus –Jaws, Opera, Lynx

Jouni Mäkeläinen, Twinkle Oy Web 2.0 –teknologioiden haasteet Parantavat käyttökokemusta –Esim. Facebook, GMail RIA- ja Ajax-sovellukset –Flash, SilverLight –DOM:n manipulointi WAI-ARIA –Semanttisen informaation lisääminen Ajax- sovelluksiin

Jouni Mäkeläinen, Twinkle Oy Yhteenveto Suunnittelu keskeisessä roolissa Perusteet osa laadukasta toteutusta Esteettömyyden varmistaminen ja kehittäminen vaativat perehtymistä ja työtä Esteettömyys liittyy myös hakukoneoptimointiin ja muuhun laadunvarmistukseen

Jouni Mäkeläinen, Twinkle Oy Pari linkkiä Web Content Accessibility Guidelines (WCAG) 2.0 – WAI-Aria Overview – The fallacy of too much accessibility – TooMuchAccessibilityhttp:// TooMuchAccessibility