ºÝºÝߣ

ºÝºÝߣShare a Scribd company logo
Augment Browsing And Standard
  Profiling For Enhancing Web
           Accessibility
                                     Silvia Mirri
                                 Paola Salomoni
                                    Catia Prandi

                  Department of Computer Science
                             University of Bologna
Summary


        Introduction
        Design Issues
        Our Prototypes
        Case study
        Conclusion



W4A 2011 - March 28th&29th, 2009 - Hyderabad, India   2
Introduction


  AJAX and Web 2.0 applications




  ? Affect Web accessibility and navigation through
    Assistive Technologies
  ? Provide technological barriers

W4A 2011 - March 28th&29th, 2009 - Hyderabad, India   3
Our main goal

       Using scripts at client-side to provide an augment
          browsing system which adapts Web pages

  ?   User Profiling System
  ?   Content transcoding System
  ?   Default scripts and ad-hoc scripts for specific Web applications
  ?   GreaseMonkey-based


                      One Web content for everyone

                 The best Web content for each one

W4A 2011 - March 28th&29th, 2009 - Hyderabad, India                      4
Profiling users
 ? User¡¯s profile should describe
      ?    special needs of users with disability
      ?    characteristics and settings of assistive tools
 ? In terms of
      ?    Display info (i.e. fonts, colors, cursors, speech rate, pitch,
           volume, visual alters instead of aural ones, etc)
      ?    Control info (i.e. keyboard usage, onscreen or alternative
           keyboard, mouse emulation, alternative pointing mechanism,
           voice recognition, etc)
      ?    Content info (i.e. alternative or equivalent content, personal
           style sheets, etc)

                                 IMS ACCessibility for Learner
                                     Information Package
W4A 2011 - March 28th&29th, 2009 - Hyderabad, India                         5
Profiling users
 ?    The Preferences Panel:                      The Preferences Panel:
                                                            ? has been created
                                                              by using XUL (XML
                                                              User Interface
                                                              Language), with
                                                              tailored user
                                                              interface widgets
                                                            ? organizes all the
                                                              characteristics into
                                                              the sets:
                                                               ?   Text
                                                               ?   Color
                                                               ?   Audio
                                                               ?   Visual
                                                               ?   General

W4A 2011 - March 28th&29th, 2009 - Hyderabad, India                              6
Content transcoding

   ? Transcoding activities are performed on the client-side:
       ?    The same Web page is delivered to any user
       ?    GAP4APE adapts it by transcoding
            ?   Web content
            ?   CSS rules
            ?   HTML DOM
            ?   Web pages scripts

   ? Different sets of scripts are provided:
       ? specific sets of scripts devoted to given Web applications
         when they are available
       ? a default set of scripts (when ad hoc scripts are not available)


W4A 2011 - March 28th&29th, 2009 - Hyderabad, India                         7
Architecture




W4A 2011 - March 28th&29th, 2009 - Hyderabad, India   8
Case Study: Facebook

    ? Analyzing Facebook characteristics which affect
      accessibility and identifying main problems users with
      disabilities encounter (a group of 16 users with visual
      impairments has been involved)

    ? Applying solutions by developing a set of ad hoc
      scripts for our extension GAP4APE

    ? Testing developed scripts
        ? The first group of users and a second group (10 users with
          visual disabilities) have been engaged to test the system


W4A 2011 - March 28th&29th, 2009 - Hyderabad, India                    9
Preliminary users¡¯ evaluations

  Main Facebook accessibility failures:
  ? Headings are not well-organized and their hierarchy is not clear
  ? Some links provide a cyclic navigation
  ? Some features and parts of the content are difficult to be reached
  ? Useless information and images make the navigation difficult
  ? Some text links are ambiguous
  ? Some links and some information are redundant
  ? Some useful features are read as simple text instead of button
    titles, links or labels (e.g. the ¡°Comment¡± feature)
  ? Difficulties in finding friends when coincidences of names happen
  ? Links should be more visible
  ? ¡­


W4A 2011 - March 28th&29th, 2009 - Hyderabad, India                      10
Adapting Facebook for blind users




W4A 2011 - March 28th&29th, 2009 - Hyderabad, India
Adapting Facebook for blind users




W4A 2011 - March 28th&29th, 2009 - Hyderabad, India
Adapting Facebook for blind users




W4A 2011 - March 28th&29th, 2009 - Hyderabad, India
Adapting Facebook for blind users

                                                      No Headings!




W4A 2011 - March 28th&29th, 2009 - Hyderabad, India
Adapting Facebook for blind users

                                                      No Headings!
                                                            H1


  H6



  H6


  H6


W4A 2011 - March 28th&29th, 2009 - Hyderabad, India
Adapting Facebook for blind users




W4A 2011 - March 28th&29th, 2009 - Hyderabad, India
Adapting Facebook for users with low vision




W4A 2011 - March 28th&29th, 2009 - Hyderabad, India   17
Adapting Facebook for users with low vision




W4A 2011 - March 28th&29th, 2009 - Hyderabad, India   18
Adapting Facebook for users with low vision




W4A 2011 - March 28th&29th, 2009 - Hyderabad, India   19
Final users¡¯ evaluations
  ? Some tasks have been defined
      ?    to comment a specifi post,
      ?    to edit the user profile,
      ?    to remove a post from the personal page,
      ?    ¡­
  ? Two groups of users have been invited to complete
    these tasks
  ? Users have answered to a questionnaire
      ?    First group: 94% of users have declared Facebook
           accessibility has been improved by using GAP4APE (Dec
           2010 ¨C Jan 2011)
      ?    Secondo group: only 60% of users have declared Facebook
           accessibility has been improved by using GAP4APE (Feb
           2011 ¨C Mar 2011)
W4A 2011 - March 28th&29th, 2009 - Hyderabad, India                  20
Final users¡¯ evaluations

   ? What¡¯s happen?
       ? In the meanwhile Facebook development team has
         improved several interface and navigation issues ¡­
       ? Facebook (as well as many other Web 2.0 social
         networks) is rapidly changing day by day




W4A 2011 - March 28th&29th, 2009 - Hyderabad, India           21
Conclusion

   ? GAP4APE, an augment browsing system
       ?    Profiling users¡¯ preference and needs (based on IMS
            ACCLIP standard)
       ?    Transcoding Web pages
            ?    by using
                 ? a specific set of scripts (when available) devoted to a
                     given Web application
                 ? a default set of scripts (otherwise)
            ?    transcoding activities are performed on the client side
                 ?   HTML DOM
                 ?   CSS rules
                 ?   Web page scripts



W4A 2011 - March 28th&29th, 2009 - Hyderabad, India                          22
Conclusion

   ? Benefits in making also social networks and Web 2.0
     applications more accessible
   ? Social networks and Web 2.0 applications are
     improving very rapidly

   ? Mobile version                    Accessible version ?




W4A 2011 - March 28th&29th, 2009 - Hyderabad, India           23
Future Work

  ? Integration of our system into a wider set of browsers
  ? Definition of Web services, devoted to provide
    automatic content transcoding, involving multimedia
    ones (in order to overcome JavaScript limits in
    providing complex content transformation)
  ? Specific scripts will be designed and developed in
    order to improve other Social Network applications
       ?    LinkedIn
       ?    Flickr
       ?    ºÝºÝߣshare
       ?    ¡­.


W4A 2011 - March 28th&29th, 2009 - Hyderabad, India          24
Contacts


         Thank you for your attention!

         For further information:
             silvia.mirri@unibo.it




W4A 2011 - March 28th&29th, 2009 - Hyderabad, India   25

More Related Content

Mirri w4a2011

  • 1. Augment Browsing And Standard Profiling For Enhancing Web Accessibility Silvia Mirri Paola Salomoni Catia Prandi Department of Computer Science University of Bologna
  • 2. Summary Introduction Design Issues Our Prototypes Case study Conclusion W4A 2011 - March 28th&29th, 2009 - Hyderabad, India 2
  • 3. Introduction AJAX and Web 2.0 applications ? Affect Web accessibility and navigation through Assistive Technologies ? Provide technological barriers W4A 2011 - March 28th&29th, 2009 - Hyderabad, India 3
  • 4. Our main goal Using scripts at client-side to provide an augment browsing system which adapts Web pages ? User Profiling System ? Content transcoding System ? Default scripts and ad-hoc scripts for specific Web applications ? GreaseMonkey-based One Web content for everyone The best Web content for each one W4A 2011 - March 28th&29th, 2009 - Hyderabad, India 4
  • 5. Profiling users ? User¡¯s profile should describe ? special needs of users with disability ? characteristics and settings of assistive tools ? In terms of ? Display info (i.e. fonts, colors, cursors, speech rate, pitch, volume, visual alters instead of aural ones, etc) ? Control info (i.e. keyboard usage, onscreen or alternative keyboard, mouse emulation, alternative pointing mechanism, voice recognition, etc) ? Content info (i.e. alternative or equivalent content, personal style sheets, etc) IMS ACCessibility for Learner Information Package W4A 2011 - March 28th&29th, 2009 - Hyderabad, India 5
  • 6. Profiling users ? The Preferences Panel: The Preferences Panel: ? has been created by using XUL (XML User Interface Language), with tailored user interface widgets ? organizes all the characteristics into the sets: ? Text ? Color ? Audio ? Visual ? General W4A 2011 - March 28th&29th, 2009 - Hyderabad, India 6
  • 7. Content transcoding ? Transcoding activities are performed on the client-side: ? The same Web page is delivered to any user ? GAP4APE adapts it by transcoding ? Web content ? CSS rules ? HTML DOM ? Web pages scripts ? Different sets of scripts are provided: ? specific sets of scripts devoted to given Web applications when they are available ? a default set of scripts (when ad hoc scripts are not available) W4A 2011 - March 28th&29th, 2009 - Hyderabad, India 7
  • 8. Architecture W4A 2011 - March 28th&29th, 2009 - Hyderabad, India 8
  • 9. Case Study: Facebook ? Analyzing Facebook characteristics which affect accessibility and identifying main problems users with disabilities encounter (a group of 16 users with visual impairments has been involved) ? Applying solutions by developing a set of ad hoc scripts for our extension GAP4APE ? Testing developed scripts ? The first group of users and a second group (10 users with visual disabilities) have been engaged to test the system W4A 2011 - March 28th&29th, 2009 - Hyderabad, India 9
  • 10. Preliminary users¡¯ evaluations Main Facebook accessibility failures: ? Headings are not well-organized and their hierarchy is not clear ? Some links provide a cyclic navigation ? Some features and parts of the content are difficult to be reached ? Useless information and images make the navigation difficult ? Some text links are ambiguous ? Some links and some information are redundant ? Some useful features are read as simple text instead of button titles, links or labels (e.g. the ¡°Comment¡± feature) ? Difficulties in finding friends when coincidences of names happen ? Links should be more visible ? ¡­ W4A 2011 - March 28th&29th, 2009 - Hyderabad, India 10
  • 11. Adapting Facebook for blind users W4A 2011 - March 28th&29th, 2009 - Hyderabad, India
  • 12. Adapting Facebook for blind users W4A 2011 - March 28th&29th, 2009 - Hyderabad, India
  • 13. Adapting Facebook for blind users W4A 2011 - March 28th&29th, 2009 - Hyderabad, India
  • 14. Adapting Facebook for blind users No Headings! W4A 2011 - March 28th&29th, 2009 - Hyderabad, India
  • 15. Adapting Facebook for blind users No Headings! H1 H6 H6 H6 W4A 2011 - March 28th&29th, 2009 - Hyderabad, India
  • 16. Adapting Facebook for blind users W4A 2011 - March 28th&29th, 2009 - Hyderabad, India
  • 17. Adapting Facebook for users with low vision W4A 2011 - March 28th&29th, 2009 - Hyderabad, India 17
  • 18. Adapting Facebook for users with low vision W4A 2011 - March 28th&29th, 2009 - Hyderabad, India 18
  • 19. Adapting Facebook for users with low vision W4A 2011 - March 28th&29th, 2009 - Hyderabad, India 19
  • 20. Final users¡¯ evaluations ? Some tasks have been defined ? to comment a specifi post, ? to edit the user profile, ? to remove a post from the personal page, ? ¡­ ? Two groups of users have been invited to complete these tasks ? Users have answered to a questionnaire ? First group: 94% of users have declared Facebook accessibility has been improved by using GAP4APE (Dec 2010 ¨C Jan 2011) ? Secondo group: only 60% of users have declared Facebook accessibility has been improved by using GAP4APE (Feb 2011 ¨C Mar 2011) W4A 2011 - March 28th&29th, 2009 - Hyderabad, India 20
  • 21. Final users¡¯ evaluations ? What¡¯s happen? ? In the meanwhile Facebook development team has improved several interface and navigation issues ¡­ ? Facebook (as well as many other Web 2.0 social networks) is rapidly changing day by day W4A 2011 - March 28th&29th, 2009 - Hyderabad, India 21
  • 22. Conclusion ? GAP4APE, an augment browsing system ? Profiling users¡¯ preference and needs (based on IMS ACCLIP standard) ? Transcoding Web pages ? by using ? a specific set of scripts (when available) devoted to a given Web application ? a default set of scripts (otherwise) ? transcoding activities are performed on the client side ? HTML DOM ? CSS rules ? Web page scripts W4A 2011 - March 28th&29th, 2009 - Hyderabad, India 22
  • 23. Conclusion ? Benefits in making also social networks and Web 2.0 applications more accessible ? Social networks and Web 2.0 applications are improving very rapidly ? Mobile version Accessible version ? W4A 2011 - March 28th&29th, 2009 - Hyderabad, India 23
  • 24. Future Work ? Integration of our system into a wider set of browsers ? Definition of Web services, devoted to provide automatic content transcoding, involving multimedia ones (in order to overcome JavaScript limits in providing complex content transformation) ? Specific scripts will be designed and developed in order to improve other Social Network applications ? LinkedIn ? Flickr ? ºÝºÝߣshare ? ¡­. W4A 2011 - March 28th&29th, 2009 - Hyderabad, India 24
  • 25. Contacts Thank you for your attention! For further information: silvia.mirri@unibo.it W4A 2011 - March 28th&29th, 2009 - Hyderabad, India 25