W4A challenge presentation for Farfalla project

•

1 recomendación•452 vistas

Andrea Mangiatordi

My slides for the W4A conference, 29th March 2011, Hyderabad, India.

Tecnología

Farfalla Project
browser-based accessibility solutions

Andrea Mangiatordi Harpreet Singh Sareen
Department of Education University College of Engineering
University of Milano Bicocca Punjabi University, Patiala

Microsoft Accessibility Challenge @ W4A 2011
29th March 2011 - Hyderabad, India

AT
tools web web
and browser standards
options

AT
tools web web
and browser standards
options
}

This often means
dependance from a machine

AT
web tools web
browser and standards
options

AT
web tools web
browser and standards
options

Inclusive Web
a Web adapting to its users

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>

Farfalla public server
farfalla-project.org

Farfalla public server
farfalla-project.org

Front-end

Farfalla public server
farfalla-project.org

Front-end

Back-end

User’s computer

Farfalla public server
farfalla-project.org

Front-end

Back-end

User’s computer

JSON communication

Farfalla public server
farfalla-project.org

Front-end

Back-end

Internet
User’s computer Web servers

JSON communication

Farfalla public server
farfalla-project.org

Front-end

Back-end

Browser window

Farfalla toolbar
Internet
User’s computer Web servers

JSON communication

Farfalla public server
farfalla-project.org

Front-end

Back-end

The back-end:

Proﬁles

HABTM relation

Plugins

The back-end:

Proﬁles Templates

HABTM relation

Plugins

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

Thank you.

http://farfalla-project.org

andrea.mangiatordi@unimib.it
harpreet.sarin@live.com

Más contenido relacionado

W4A challenge presentation for Farfalla project

1. Farfalla Project browser-based accessibility solutions Andrea Mangiatordi Harpreet Singh Sareen Department of Education University College of Engineering University of Milano Bicocca Punjabi University, Patiala Microsoft Accessibility Challenge @ W4A 2011 29th March 2011 - Hyderabad, India

5. web browser

6. web web browser standards

7. web web browser standards

8. web web browser standards

9. AT tools web web and browser standards options

10. AT tools web web and browser standards options } This often means dependance from a machine

11. AT web tools web browser and standards options

12. AT web tools web browser and standards options Inclusive Web a Web adapting to its users

13. 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>

14. 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>

15. web code injection AT browser tools

16. Farfalla public server farfalla-project.org

17. Farfalla public server farfalla-project.org Front-end

18. Farfalla public server farfalla-project.org Front-end Back-end

19. User’s computer Farfalla public server farfalla-project.org Front-end Back-end

20. User’s computer JSON communication Farfalla public server farfalla-project.org Front-end Back-end

21. Internet User’s computer Web servers JSON communication Farfalla public server farfalla-project.org Front-end Back-end

22. Browser window Farfalla toolbar Internet User’s computer Web servers JSON communication Farfalla public server farfalla-project.org Front-end Back-end

23. The back-end: Proﬁles Plugins

24. The back-end: Proﬁles HABTM relation Plugins

25. The back-end: Proﬁles Templates HABTM relation Plugins

26. The front-end

27. Possible uses replacement of desktop AT software

28. Possible uses replacement of desktop AT software crowdsourced collection of accessibility improvements

29. Possible uses replacement of desktop AT software crowdsourced collection of accessibility improvements automated correction of common accessibility errors

30. Thank you. http://farfalla-project.org andrea.mangiatordi@unimib.it harpreet.sarin@live.com

W4A challenge presentation for Farfalla project

Recomendados

Recomendados

Más contenido relacionado

Similar a W4A challenge presentation for Farfalla project

Similar a W4A challenge presentation for Farfalla project (20)

Último

Último (20)

W4A challenge presentation for Farfalla project