W4A challenge presentation for Farfalla project
-
Upload
andrea-mangiatordi -
Category
Technology
-
view
1.058 -
download
1
description
Transcript of W4A challenge presentation for Farfalla project
Farfalla Projectbrowser-based accessibility solutions
Andrea MangiatordiDepartment of Education
University of Milano Bicocca
Harpreet Singh SareenUniversity College of Engineering
Punjabi University, Patiala
Microsoft Accessibility Challenge @ W4A 201129th March 2011 - Hyderabad, India
webbrowser
webbrowser
webstandards
webbrowser
webstandards
webbrowser
webstandards
webbrowser
ATtools and
options
webstandards
webbrowser
ATtools and
options
webstandards
This often means dependance from a machine
}
webbrowser
ATtools and
options
webstandards
webbrowser
ATtools and
options
webstandards
Inclusive Weba Web adapting to its users
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="it-it" lang="it-it" ><head>
<title>Any content!</title><script type="text/javascript" src="http://code.farfalla-project.org/farfalla.js" />
</head><body>
<h1>Any content!</h1><p> Really! </p>
</body></html>
How does it work?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="it-it" lang="it-it" ><head>
<title>Any content!</title><script type="text/javascript" src="http://code.farfalla-project.org/farfalla.js" />
</head><body>
<h1>Any content!</h1><p> Really! </p>
</body></html>
<script type="text/javascript" src="http://code.farfalla-project.org/farfalla.js" />
How does it work?
webbrowser
ATtools
code injection
Farfalla public serverfarfalla-project.org
Farfalla public server
Front-end
farfalla-project.org
Farfalla public server
Front-end
Back-end
farfalla-project.org
Farfalla public server
Front-end
Back-end
User’s computer
farfalla-project.org
Farfalla public server
Front-end
Back-end
User’s computer
JSON communication
farfalla-project.org
Farfalla public server
Front-end
Back-end
User’s computer
JSON communication
InternetWeb servers
farfalla-project.org
Farfalla public server
Front-end
Back-end
User’s computer
JSON communication
Browser window
Farfalla toolbar
InternetWeb servers
farfalla-project.org
Plugins
Profiles
The back-end:
Plugins
Profiles
The back-end:
HABTM relation
Plugins
Profiles
The back-end:
HABTM relation
Templates
The front-end
Possible uses
replacement of desktop AT software
Possible uses
replacement of desktop AT software
crowdsourced collection of accessibility improvements
Possible uses
replacement of desktop AT software
crowdsourced collection of accessibility improvements
automated correction of common accessibility errors