SlideShare a Scribd company logo
1 of 21
Improving Usability of Web Pages
           for Blind

                    Porfirio Tramontana
                     Carmine Cesarano
                     Anna Rita Fasolino

              Dipartimento di Informatica e Sistemistica
                University of Naples Federico II, Italy
Accessibility of Web Sites

   The World Wide Web has a growing
    importance in the life of anyone, in
    particular of people with phisical
    disabilities
         Web accessibility is a fundamental issue for
          the development of today’s Web sites and
          applications, stated by the most important
          international governments and organisations

Porfirio Tramontana – WSE 2007 –Paris – 6/10/2007        2
Accessibility for Blind Users

   Blind users can access textual contents of
    Web Sites by using Screen Readers
         The blind user has to listen the full textual
          content of a Web page in order to obtain the
          needed information
         Aural Web Sites are optimised for blind users
               Bolchini et al. stated in 2006 some requirements to
                take into account for designing Aural Web Sites


Porfirio Tramontana – WSE 2007 –Paris – 6/10/2007                 3
Web Site Usability for Blinds

   The most part of the existing Web sites
    are not Aural Web Sites
        Blind users experience accessibility and
         usability problems
            The Web Sites are organised according to a bi-
             dimensional layout, while Screen Readers and
             Braille Readers provide the Web site information
             just in a linear way, as a mono-directional text
            The time needed to access some contents can be
             very long, so that the Web site is not usable for
             blinds

Porfirio Tramontana – WSE 2007 –Paris – 6/10/2007                4
An example
• IBM
ADesigner
visually reports
the time needed
to access
information in a
Web page.

• The time
needed to
access
Submission
information and
recent news is
more than two
minutes!




Porfirio Tramontana – WSE 2007 –Paris – 6/10/2007   5
Auralisation of Existing Web Sites

   In this work, we propose a solution to improve the usability of existing Web
    Sites, by generating ‘on the fly’ a summarised version of client pages

   Requirements of the solution:

      1.   To minimise the reaching time i.e. the time required to the blind user to get the
           information which he/she is interested in;

      2.   To minimise the computational time and resources needed to transform the
           original Web page in the auralised one;

      3.   To be potentially applicable to any Web page, independently from its structure,
           layout and topics;

      4.   To be tuneable, so that the usability of the auralised page could be further
           improved by tuning some parameters.



Porfirio Tramontana – WSE 2007 –Paris – 6/10/2007                                              6
Summarisation Techniques

       Two different summarisation techniques
        have been proposed:

•       T1) Based on structural analysis of built
        client pages;

•       T2) Based on the analysis of the textual
        contents of built client pages
Porfirio Tramontana – WSE 2007 –Paris – 6/10/2007   7
Technique T1 (based on Structural Analysis)

       Two heuristics have been taken into account for
        weighting the Web page information content
        importance:

        H1) the most important information are highlighted or
        emphasised by means of particular editing formats, in
        order to catalyse the attention of the user;

        H2) the most important information are usually placed
        in the higher parts of a Web page (to make them
        earlier visible to users);

Porfirio Tramontana – WSE 2007 –Paris – 6/10/2007               8
Example




  • H2) Contents in the higher
  part of the Built Client Page

  • H1) Enhanced Contents




Porfirio Tramontana – WSE 2007 –Paris – 6/10/2007    9
Weighting the contents: heuristic H1
       •      Any Text Segment (text fragment enclosed in tags) is weighted
              by taking into account the enhancing effect of the nested tags
              that influence the visualisation of the text


                                         TW (TS ) = Π t∈NS (Ti ) [W (t ) *W (TStyle(t ))]

                Tag Name                                 Weight
 Hiding         S, DEL, A, SMALL, STRIKE, ……….           0,25      <b> <i> Hello World </i> </b>
                KBD, H6, CITE, CODE, … ………               0,5
Tags: W<1       COL, COLGROUP, COMMENT, DD, H5, DEN, 1

                                                                        TW(‘Hello World’) =
                DIR, EMBED, EM, THEAD, BUTTON, TFOOT,
 Neutral        FIELDSET, FN, FONT, FRAME, FRAMESET,

                                                                          W(‘b’)*W(‘I’) =
                TEXTAREA, DIV, ADDRESS, TT, U, UL, VAR,
Tags: W=1       WBR, XMP, SERVER, SHADOW, SIDEBAR, BODY,
                ACRONYM, BR, HTML, ………

Enhancing
                B, OL, DL, STRONG, MENU, H3, BIG, Q PRE, 1,5
                TH, TR, I, CENTER, CAPTION, FORM, ………
                                                                          1.5*1.5= 2.25.
Tags: W>1       TITLE, H2, ………                           2
                H1                                       3




     Porfirio Tramontana – WSE 2007 –Paris – 6/10/2007                                             10
Weighting the contents: heuristic H2
        Any Text Segment is weighted by taking into account
        the position of the text in the page
                             Example: Linear position weighting functions

                                                       Pos (TS )
                                     PW (TS ) = 1 −
                                                      Lenght ( P)

 The total Weight of any text content is given by the product
                       of the weights:
                  R(TS ) = TW (TS ) * PW (TS )
        Given a fixed threshold, a summarised version of the Built client
         page is obtained by selecting only the contents with a weight
                        that is greater than the threshold
Porfirio Tramontana – WSE 2007 –Paris – 6/10/2007                           11
Technique T2 (based on content
                          summarisation)
        A summary containing just sentences is obtained by
         taking into account the relative closeness (on the basis
         of a semantic net) of the terms they include. [*]

         1.    Nouns contained in the sentences are considered
         2.    A semantic net of this nouns is built by considering synonyms,
               hypernyms, hyponyms, meronyms
         3.    The relevance of a term in the page is evaluated by taking into
               account how much times the term appears in the page and how
               much times its synonims/hyponyms/meronyms appear
         4.    The relevance of a sentence is the sum of the relevance of its
               nouns
         5.    The summary is obtained by selecting the most relevant
               sentences
[*] P.Capasso, C. Cesarano, A. Picariello, L. Sansone, “Content-based News Retrieval on the Web”, International Journal on
Computer Science and Network Security, 2006, Vol.6, No.5A, pp.68-94
    Porfirio Tramontana – WSE 2007 –Paris – 6/10/2007                                                                12
The Auralisation Framework
                                                                        Browser
• The presented techniques have
                                                                         GreaseMonkey
been implemented in a                               Web Page                                   Auralised     Screen
framework:                                                                    Auraliser        Web Page      Reader



      • Weights needed for the
      technique T1 are maintained                   WSSummary
      in a repository (Weight                       Summarisation algorithm
                                                                                                           Browser
      Model) and can be modified                     Relevant Term Extractor
                                                                                          Weight Model


      by the user via a Tuner                                                                                Tuner

      client application
                                                           WordNet DB




       • The summarisation technique T2 is performed by a Web Service, with the
       support of WordNet

       • The Auraliser is a Javascript client application, executed in the
       GreaseMonkey environment, generating the textual summary (Auralised
       Web Page) for the Screen Reader
Porfirio Tramontana – WSE 2007 –Paris – 6/10/2007                                                               13
Case Study
   Some explorative case studies have been carried out in
    order to assess the eventual increase of the usability of
    the Web pages

   Usability Measures
               Let W be the Web page under experimentation and W* its auralised
                counterpart
               Let RC be the set of pieces of information that the user expects to
                retrieve in the Web page and RC* ⊆ RC the ones that are
                sufficiently reported in the auralised Web page

         The Relevant Concepts Recall RCR = |RC*| / |RC|
         The Reaching Time RT is the time after which a Screen Reader
          user can listen all the Relevant Concepts of RC* contained in
          W*.
Porfirio Tramontana – WSE 2007 –Paris – 6/10/2007                                14
Comparisons
         The proposed usability parameters have been
          evaluated with respect to:
            the plain text contained in the Web page, without
             applying any transformation technique;

            the auralised version obtained by applying the
             structural analysis technique (T1);

            the auralised version obtained by applying the
             proposed summarisation technique (T2).


Porfirio Tramontana – WSE 2007 –Paris – 6/10/2007                15
WSE Case Study
       5 relevant concepts:                            WSE 2007 Home Page
             name and location of the                             C1
              conference (C1),
             Special issue call (C2),
                                           C2
             Introduction (C3),
             Topics List (C4),                                     C3
             Submission Information (C5).

  Technique T1 was executed by
fixing the minimum threshold for which
the recall RCR=1
                                                           C4



                                                                    C5
    Porfirio Tramontana – WSE 2007 –Paris – 6/10/2007                        16
Results




    In this example, Technique T1 reduces the Reaching
     Time value for any expected concept by applying
    Summarisation technique T2 includes just 2 concepts but
     they are accessed in a very short time



    Porfirio Tramontana – WSE 2007 –Paris – 6/10/2007      17
Discussion
   Although a larger experimentation is needed, the case
    studies that have been carried out assess that the two
    proposed summarisation techniques can be adopted to
    make a Web page more usable to blind users

   Anyway, the two proposed techniques presents some
    limitations:
        Technique T1 gives good results if weight models
         comprehending specific style weights, too, are adopted
              Weight models could be provided by Web site publisher
        Technique T2 could be, sometimes too computational
         expensive, with respect to expected reaching time



Porfirio Tramontana – WSE 2007 –Paris – 6/10/2007                      18
Conclusions

   Two different summarisation techniques
    have been proposed for the generation of
    Auralised Web pages that reduces the
    Reaching Time needed to blind users to
    access contents of a Web Site




Porfirio Tramontana – WSE 2007 –Paris – 6/10/2007   19
Future Works

   Some ideas:
         Reaching times can be furtherly reduced if the
          Auraliser inserts internal anchors to the more relevant
          contents in the built summarised pages
         Considering hybrid techniques combining T1 and T2
         Generalising the proposed approach to client pages
          which contents are dynamically generated (RIAs)




Porfirio Tramontana – WSE 2007 –Paris – 6/10/2007              20
Porfirio Tramontana – WSE 2007 –Paris – 6/10/2007   21

More Related Content

Similar to Improving Usability of Web Pages for Blind

Building Cloud-ready Video Transcoding System for Content Delivery Networks (...
Building Cloud-ready Video Transcoding System for Content Delivery Networks (...Building Cloud-ready Video Transcoding System for Content Delivery Networks (...
Building Cloud-ready Video Transcoding System for Content Delivery Networks (...Zhenyun Zhuang
 
Ud 4 web, classroom, curriculum
Ud 4 web, classroom, curriculumUd 4 web, classroom, curriculum
Ud 4 web, classroom, curriculumHoward Kramer
 
Ud 4 web, classroom, curriculum
Ud 4 web, classroom, curriculumUd 4 web, classroom, curriculum
Ud 4 web, classroom, curriculumHoward Kramer
 
Tuenti Tech Teams. Frontend, Backend, Systems and more, working together
Tuenti Tech Teams. Frontend, Backend, Systems and more, working togetherTuenti Tech Teams. Frontend, Backend, Systems and more, working together
Tuenti Tech Teams. Frontend, Backend, Systems and more, working togetherTuenti
 
Collaboration and Grid Technologies
Collaboration and Grid TechnologiesCollaboration and Grid Technologies
Collaboration and Grid TechnologiesVideoguy
 
AI POWERED TRANSCRIBER TO RECORD THE CONFERENCE PROCEEDINGS
AI POWERED TRANSCRIBER TO RECORD THE CONFERENCE PROCEEDINGSAI POWERED TRANSCRIBER TO RECORD THE CONFERENCE PROCEEDINGS
AI POWERED TRANSCRIBER TO RECORD THE CONFERENCE PROCEEDINGSIRJET Journal
 
SophiaConf2010 Présentation des Retours d'expériences de la Conférence du 08 ...
SophiaConf2010 Présentation des Retours d'expériences de la Conférence du 08 ...SophiaConf2010 Présentation des Retours d'expériences de la Conférence du 08 ...
SophiaConf2010 Présentation des Retours d'expériences de la Conférence du 08 ...TelecomValley
 
Peculiarities of web interfaces for resource constrained embedded systems / B...
Peculiarities of web interfaces for resource constrained embedded systems / B...Peculiarities of web interfaces for resource constrained embedded systems / B...
Peculiarities of web interfaces for resource constrained embedded systems / B...egniteembedded
 
Enhancement of QOS in Cloud Front through Optimization of Video Transcoding f...
Enhancement of QOS in Cloud Front through Optimization of Video Transcoding f...Enhancement of QOS in Cloud Front through Optimization of Video Transcoding f...
Enhancement of QOS in Cloud Front through Optimization of Video Transcoding f...IRJET Journal
 
Multi-Criteria Optimization of Content Delivery within the Future Media Internet
Multi-Criteria Optimization of Content Delivery within the Future Media InternetMulti-Criteria Optimization of Content Delivery within the Future Media Internet
Multi-Criteria Optimization of Content Delivery within the Future Media Internetjbruneauqueyreix
 
Tutorial adaptive-streaming
Tutorial adaptive-streamingTutorial adaptive-streaming
Tutorial adaptive-streamingJohnGregory89
 
Reducing latency on the web with the Azure CDN - DevSum - SWAG
Reducing latency on the web with the Azure CDN - DevSum - SWAGReducing latency on the web with the Azure CDN - DevSum - SWAG
Reducing latency on the web with the Azure CDN - DevSum - SWAGMaarten Balliauw
 
Web technologies course, an introduction
Web technologies course, an introductionWeb technologies course, an introduction
Web technologies course, an introductionPiero Fraternali
 
Audio Video Conferencing in Distributed Brokering Systems
Audio Video Conferencing in Distributed Brokering SystemsAudio Video Conferencing in Distributed Brokering Systems
Audio Video Conferencing in Distributed Brokering SystemsVideoguy
 
Large scale, cloud computing and scalability with Umbraco
Large scale, cloud computing and scalability with UmbracoLarge scale, cloud computing and scalability with Umbraco
Large scale, cloud computing and scalability with UmbracoWarren Buckley
 
Web Architecture and Technologies
Web Architecture and TechnologiesWeb Architecture and Technologies
Web Architecture and TechnologiesFulvio Corno
 

Similar to Improving Usability of Web Pages for Blind (20)

Building Cloud-ready Video Transcoding System for Content Delivery Networks (...
Building Cloud-ready Video Transcoding System for Content Delivery Networks (...Building Cloud-ready Video Transcoding System for Content Delivery Networks (...
Building Cloud-ready Video Transcoding System for Content Delivery Networks (...
 
Ud 4 web, classroom, curriculum
Ud 4 web, classroom, curriculumUd 4 web, classroom, curriculum
Ud 4 web, classroom, curriculum
 
Ud 4 web, classroom, curriculum
Ud 4 web, classroom, curriculumUd 4 web, classroom, curriculum
Ud 4 web, classroom, curriculum
 
Context aware HTTP streaming, Paul Vigmostad, Netview Technologies
Context aware HTTP streaming, Paul Vigmostad, Netview TechnologiesContext aware HTTP streaming, Paul Vigmostad, Netview Technologies
Context aware HTTP streaming, Paul Vigmostad, Netview Technologies
 
Tuenti Tech Teams. Frontend, Backend, Systems and more, working together
Tuenti Tech Teams. Frontend, Backend, Systems and more, working togetherTuenti Tech Teams. Frontend, Backend, Systems and more, working together
Tuenti Tech Teams. Frontend, Backend, Systems and more, working together
 
Collaboration and Grid Technologies
Collaboration and Grid TechnologiesCollaboration and Grid Technologies
Collaboration and Grid Technologies
 
AI POWERED TRANSCRIBER TO RECORD THE CONFERENCE PROCEEDINGS
AI POWERED TRANSCRIBER TO RECORD THE CONFERENCE PROCEEDINGSAI POWERED TRANSCRIBER TO RECORD THE CONFERENCE PROCEEDINGS
AI POWERED TRANSCRIBER TO RECORD THE CONFERENCE PROCEEDINGS
 
SophiaConf2010 Présentation des Retours d'expériences de la Conférence du 08 ...
SophiaConf2010 Présentation des Retours d'expériences de la Conférence du 08 ...SophiaConf2010 Présentation des Retours d'expériences de la Conférence du 08 ...
SophiaConf2010 Présentation des Retours d'expériences de la Conférence du 08 ...
 
Arneb
ArnebArneb
Arneb
 
Peculiarities of web interfaces for resource constrained embedded systems / B...
Peculiarities of web interfaces for resource constrained embedded systems / B...Peculiarities of web interfaces for resource constrained embedded systems / B...
Peculiarities of web interfaces for resource constrained embedded systems / B...
 
Enhancement of QOS in Cloud Front through Optimization of Video Transcoding f...
Enhancement of QOS in Cloud Front through Optimization of Video Transcoding f...Enhancement of QOS in Cloud Front through Optimization of Video Transcoding f...
Enhancement of QOS in Cloud Front through Optimization of Video Transcoding f...
 
Multi-Criteria Optimization of Content Delivery within the Future Media Internet
Multi-Criteria Optimization of Content Delivery within the Future Media InternetMulti-Criteria Optimization of Content Delivery within the Future Media Internet
Multi-Criteria Optimization of Content Delivery within the Future Media Internet
 
Tutorial adaptive-streaming
Tutorial adaptive-streamingTutorial adaptive-streaming
Tutorial adaptive-streaming
 
Reducing latency on the web with the Azure CDN - DevSum - SWAG
Reducing latency on the web with the Azure CDN - DevSum - SWAGReducing latency on the web with the Azure CDN - DevSum - SWAG
Reducing latency on the web with the Azure CDN - DevSum - SWAG
 
Cg25492495
Cg25492495Cg25492495
Cg25492495
 
Web technologies course, an introduction
Web technologies course, an introductionWeb technologies course, an introduction
Web technologies course, an introduction
 
Audio Video Conferencing in Distributed Brokering Systems
Audio Video Conferencing in Distributed Brokering SystemsAudio Video Conferencing in Distributed Brokering Systems
Audio Video Conferencing in Distributed Brokering Systems
 
Large scale, cloud computing and scalability with Umbraco
Large scale, cloud computing and scalability with UmbracoLarge scale, cloud computing and scalability with Umbraco
Large scale, cloud computing and scalability with Umbraco
 
Web Architecture and Technologies
Web Architecture and TechnologiesWeb Architecture and Technologies
Web Architecture and Technologies
 
TYPO3 and CMIS
TYPO3 and CMISTYPO3 and CMIS
TYPO3 and CMIS
 

More from Porfirio Tramontana

An Approach for Model Based Testing of Augmented Reality Applications.pdf
An Approach for Model Based Testing of Augmented Reality Applications.pdfAn Approach for Model Based Testing of Augmented Reality Applications.pdf
An Approach for Model Based Testing of Augmented Reality Applications.pdfPorfirio Tramontana
 
Towards the Generation of Robust E2E Test Cases in Template-based Web Applica...
Towards the Generation of Robust E2E Test Cases in Template-based Web Applica...Towards the Generation of Robust E2E Test Cases in Template-based Web Applica...
Towards the Generation of Robust E2E Test Cases in Template-based Web Applica...Porfirio Tramontana
 
Techniques and Tools for Mobile Testing Automation
Techniques and Tools for Mobile Testing AutomationTechniques and Tools for Mobile Testing Automation
Techniques and Tools for Mobile Testing AutomationPorfirio Tramontana
 
A technique for parallel gui testing of android applications
A technique for parallel gui testing of android applicationsA technique for parallel gui testing of android applications
A technique for parallel gui testing of android applicationsPorfirio Tramontana
 
Reverse Engineering of Data Models from Legacy Spreadsheets-Based Systems: An...
Reverse Engineering of Data Models from Legacy Spreadsheets-Based Systems: An...Reverse Engineering of Data Models from Legacy Spreadsheets-Based Systems: An...
Reverse Engineering of Data Models from Legacy Spreadsheets-Based Systems: An...Porfirio Tramontana
 
Reverse Engineering Techniques: from Web Applications to Rich Internet Applic...
Reverse Engineering Techniques: from Web Applications to Rich Internet Applic...Reverse Engineering Techniques: from Web Applications to Rich Internet Applic...
Reverse Engineering Techniques: from Web Applications to Rich Internet Applic...Porfirio Tramontana
 
Web Application Testing in Fifteen Years of WSE
Web Application Testing in Fifteen Years of WSEWeb Application Testing in Fifteen Years of WSE
Web Application Testing in Fifteen Years of WSEPorfirio Tramontana
 
Towards a Better Comprehensibility of Web Applications: Lessons Learned from ...
Towards a Better Comprehensibility of Web Applications: Lessons Learned from ...Towards a Better Comprehensibility of Web Applications: Lessons Learned from ...
Towards a Better Comprehensibility of Web Applications: Lessons Learned from ...Porfirio Tramontana
 
Comprehending Web Applications by a Clustering Based Approach
Comprehending Web Applications by a Clustering Based Approach Comprehending Web Applications by a Clustering Based Approach
Comprehending Web Applications by a Clustering Based Approach Porfirio Tramontana
 
Reverse Engineering Web Applications
Reverse Engineering Web ApplicationsReverse Engineering Web Applications
Reverse Engineering Web ApplicationsPorfirio Tramontana
 
Recovering Interaction Design Patterns in Web Applications
Recovering Interaction Design Patterns in Web Applications Recovering Interaction Design Patterns in Web Applications
Recovering Interaction Design Patterns in Web Applications Porfirio Tramontana
 
Techniques and Tools for Rich Internet Applications Testing
Techniques and Tools for Rich Internet Applications TestingTechniques and Tools for Rich Internet Applications Testing
Techniques and Tools for Rich Internet Applications TestingPorfirio Tramontana
 
Comprehending Ajax Web Applications by the DynaRIA Tool
Comprehending Ajax Web Applications by the DynaRIA ToolComprehending Ajax Web Applications by the DynaRIA Tool
Comprehending Ajax Web Applications by the DynaRIA ToolPorfirio Tramontana
 
A GUI Crawling-based Technique for Android Mobile Application Testing
A GUI Crawling-based Technique for Android Mobile Application TestingA GUI Crawling-based Technique for Android Mobile Application Testing
A GUI Crawling-based Technique for Android Mobile Application TestingPorfirio Tramontana
 
Using Dynamic Analysis for Generating End User Documentation for Web 2.0 Appl...
Using Dynamic Analysis for Generating End User Documentation for Web 2.0 Appl...Using Dynamic Analysis for Generating End User Documentation for Web 2.0 Appl...
Using Dynamic Analysis for Generating End User Documentation for Web 2.0 Appl...Porfirio Tramontana
 
Considering Context Events in Event-Based Testing of Mobile Applications
Considering Context Events in Event-Based Testing of Mobile Applications Considering Context Events in Event-Based Testing of Mobile Applications
Considering Context Events in Event-Based Testing of Mobile Applications Porfirio Tramontana
 
Using GUI Ripping for Automated Testing of Android Apps
Using GUI Ripping for Automated Testing of Android AppsUsing GUI Ripping for Automated Testing of Android Apps
Using GUI Ripping for Automated Testing of Android AppsPorfirio Tramontana
 
A Toolset for GUI Testing of Android Applications
A Toolset for GUI Testing of Android ApplicationsA Toolset for GUI Testing of Android Applications
A Toolset for GUI Testing of Android ApplicationsPorfirio Tramontana
 
DynaRIA: a Tool for Ajax Web Application Comprehension
DynaRIA: a Tool for Ajax Web Application ComprehensionDynaRIA: a Tool for Ajax Web Application Comprehension
DynaRIA: a Tool for Ajax Web Application ComprehensionPorfirio Tramontana
 
Rich Internet Application Testing Using Execution Trace Data
Rich Internet Application Testing  Using Execution Trace Data Rich Internet Application Testing  Using Execution Trace Data
Rich Internet Application Testing Using Execution Trace Data Porfirio Tramontana
 

More from Porfirio Tramontana (20)

An Approach for Model Based Testing of Augmented Reality Applications.pdf
An Approach for Model Based Testing of Augmented Reality Applications.pdfAn Approach for Model Based Testing of Augmented Reality Applications.pdf
An Approach for Model Based Testing of Augmented Reality Applications.pdf
 
Towards the Generation of Robust E2E Test Cases in Template-based Web Applica...
Towards the Generation of Robust E2E Test Cases in Template-based Web Applica...Towards the Generation of Robust E2E Test Cases in Template-based Web Applica...
Towards the Generation of Robust E2E Test Cases in Template-based Web Applica...
 
Techniques and Tools for Mobile Testing Automation
Techniques and Tools for Mobile Testing AutomationTechniques and Tools for Mobile Testing Automation
Techniques and Tools for Mobile Testing Automation
 
A technique for parallel gui testing of android applications
A technique for parallel gui testing of android applicationsA technique for parallel gui testing of android applications
A technique for parallel gui testing of android applications
 
Reverse Engineering of Data Models from Legacy Spreadsheets-Based Systems: An...
Reverse Engineering of Data Models from Legacy Spreadsheets-Based Systems: An...Reverse Engineering of Data Models from Legacy Spreadsheets-Based Systems: An...
Reverse Engineering of Data Models from Legacy Spreadsheets-Based Systems: An...
 
Reverse Engineering Techniques: from Web Applications to Rich Internet Applic...
Reverse Engineering Techniques: from Web Applications to Rich Internet Applic...Reverse Engineering Techniques: from Web Applications to Rich Internet Applic...
Reverse Engineering Techniques: from Web Applications to Rich Internet Applic...
 
Web Application Testing in Fifteen Years of WSE
Web Application Testing in Fifteen Years of WSEWeb Application Testing in Fifteen Years of WSE
Web Application Testing in Fifteen Years of WSE
 
Towards a Better Comprehensibility of Web Applications: Lessons Learned from ...
Towards a Better Comprehensibility of Web Applications: Lessons Learned from ...Towards a Better Comprehensibility of Web Applications: Lessons Learned from ...
Towards a Better Comprehensibility of Web Applications: Lessons Learned from ...
 
Comprehending Web Applications by a Clustering Based Approach
Comprehending Web Applications by a Clustering Based Approach Comprehending Web Applications by a Clustering Based Approach
Comprehending Web Applications by a Clustering Based Approach
 
Reverse Engineering Web Applications
Reverse Engineering Web ApplicationsReverse Engineering Web Applications
Reverse Engineering Web Applications
 
Recovering Interaction Design Patterns in Web Applications
Recovering Interaction Design Patterns in Web Applications Recovering Interaction Design Patterns in Web Applications
Recovering Interaction Design Patterns in Web Applications
 
Techniques and Tools for Rich Internet Applications Testing
Techniques and Tools for Rich Internet Applications TestingTechniques and Tools for Rich Internet Applications Testing
Techniques and Tools for Rich Internet Applications Testing
 
Comprehending Ajax Web Applications by the DynaRIA Tool
Comprehending Ajax Web Applications by the DynaRIA ToolComprehending Ajax Web Applications by the DynaRIA Tool
Comprehending Ajax Web Applications by the DynaRIA Tool
 
A GUI Crawling-based Technique for Android Mobile Application Testing
A GUI Crawling-based Technique for Android Mobile Application TestingA GUI Crawling-based Technique for Android Mobile Application Testing
A GUI Crawling-based Technique for Android Mobile Application Testing
 
Using Dynamic Analysis for Generating End User Documentation for Web 2.0 Appl...
Using Dynamic Analysis for Generating End User Documentation for Web 2.0 Appl...Using Dynamic Analysis for Generating End User Documentation for Web 2.0 Appl...
Using Dynamic Analysis for Generating End User Documentation for Web 2.0 Appl...
 
Considering Context Events in Event-Based Testing of Mobile Applications
Considering Context Events in Event-Based Testing of Mobile Applications Considering Context Events in Event-Based Testing of Mobile Applications
Considering Context Events in Event-Based Testing of Mobile Applications
 
Using GUI Ripping for Automated Testing of Android Apps
Using GUI Ripping for Automated Testing of Android AppsUsing GUI Ripping for Automated Testing of Android Apps
Using GUI Ripping for Automated Testing of Android Apps
 
A Toolset for GUI Testing of Android Applications
A Toolset for GUI Testing of Android ApplicationsA Toolset for GUI Testing of Android Applications
A Toolset for GUI Testing of Android Applications
 
DynaRIA: a Tool for Ajax Web Application Comprehension
DynaRIA: a Tool for Ajax Web Application ComprehensionDynaRIA: a Tool for Ajax Web Application Comprehension
DynaRIA: a Tool for Ajax Web Application Comprehension
 
Rich Internet Application Testing Using Execution Trace Data
Rich Internet Application Testing  Using Execution Trace Data Rich Internet Application Testing  Using Execution Trace Data
Rich Internet Application Testing Using Execution Trace Data
 

Recently uploaded

How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerThousandEyes
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024The Digital Insurer
 
The Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptxThe Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptxMalak Abu Hammad
 
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of ServiceCNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Servicegiselly40
 
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityPrincipled Technologies
 
A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?Igalia
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘RTylerCroy
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...Martijn de Jong
 
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptxHampshireHUG
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024Rafal Los
 
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptxEIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptxEarley Information Science
 
What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?Antenna Manufacturer Coco
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Scriptwesley chun
 
08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking MenDelhi Call girls
 
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsHandwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsMaria Levchenko
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonAnna Loughnan Colquhoun
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Drew Madelung
 
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...Neo4j
 
Factors to Consider When Choosing Accounts Payable Services Providers.pptx
Factors to Consider When Choosing Accounts Payable Services Providers.pptxFactors to Consider When Choosing Accounts Payable Services Providers.pptx
Factors to Consider When Choosing Accounts Payable Services Providers.pptxKatpro Technologies
 
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdfThe Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdfEnterprise Knowledge
 

Recently uploaded (20)

How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
 
The Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptxThe Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptx
 
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of ServiceCNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
 
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
 
A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
 
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
 
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptxEIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
 
What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
 
08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men
 
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsHandwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed texts
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
 
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
 
Factors to Consider When Choosing Accounts Payable Services Providers.pptx
Factors to Consider When Choosing Accounts Payable Services Providers.pptxFactors to Consider When Choosing Accounts Payable Services Providers.pptx
Factors to Consider When Choosing Accounts Payable Services Providers.pptx
 
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdfThe Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
 

Improving Usability of Web Pages for Blind

  • 1. Improving Usability of Web Pages for Blind Porfirio Tramontana Carmine Cesarano Anna Rita Fasolino Dipartimento di Informatica e Sistemistica University of Naples Federico II, Italy
  • 2. Accessibility of Web Sites  The World Wide Web has a growing importance in the life of anyone, in particular of people with phisical disabilities  Web accessibility is a fundamental issue for the development of today’s Web sites and applications, stated by the most important international governments and organisations Porfirio Tramontana – WSE 2007 –Paris – 6/10/2007 2
  • 3. Accessibility for Blind Users  Blind users can access textual contents of Web Sites by using Screen Readers  The blind user has to listen the full textual content of a Web page in order to obtain the needed information  Aural Web Sites are optimised for blind users  Bolchini et al. stated in 2006 some requirements to take into account for designing Aural Web Sites Porfirio Tramontana – WSE 2007 –Paris – 6/10/2007 3
  • 4. Web Site Usability for Blinds  The most part of the existing Web sites are not Aural Web Sites  Blind users experience accessibility and usability problems  The Web Sites are organised according to a bi- dimensional layout, while Screen Readers and Braille Readers provide the Web site information just in a linear way, as a mono-directional text  The time needed to access some contents can be very long, so that the Web site is not usable for blinds Porfirio Tramontana – WSE 2007 –Paris – 6/10/2007 4
  • 5. An example • IBM ADesigner visually reports the time needed to access information in a Web page. • The time needed to access Submission information and recent news is more than two minutes! Porfirio Tramontana – WSE 2007 –Paris – 6/10/2007 5
  • 6. Auralisation of Existing Web Sites  In this work, we propose a solution to improve the usability of existing Web Sites, by generating ‘on the fly’ a summarised version of client pages  Requirements of the solution: 1. To minimise the reaching time i.e. the time required to the blind user to get the information which he/she is interested in; 2. To minimise the computational time and resources needed to transform the original Web page in the auralised one; 3. To be potentially applicable to any Web page, independently from its structure, layout and topics; 4. To be tuneable, so that the usability of the auralised page could be further improved by tuning some parameters. Porfirio Tramontana – WSE 2007 –Paris – 6/10/2007 6
  • 7. Summarisation Techniques  Two different summarisation techniques have been proposed: • T1) Based on structural analysis of built client pages; • T2) Based on the analysis of the textual contents of built client pages Porfirio Tramontana – WSE 2007 –Paris – 6/10/2007 7
  • 8. Technique T1 (based on Structural Analysis)  Two heuristics have been taken into account for weighting the Web page information content importance: H1) the most important information are highlighted or emphasised by means of particular editing formats, in order to catalyse the attention of the user; H2) the most important information are usually placed in the higher parts of a Web page (to make them earlier visible to users); Porfirio Tramontana – WSE 2007 –Paris – 6/10/2007 8
  • 9. Example • H2) Contents in the higher part of the Built Client Page • H1) Enhanced Contents Porfirio Tramontana – WSE 2007 –Paris – 6/10/2007 9
  • 10. Weighting the contents: heuristic H1 • Any Text Segment (text fragment enclosed in tags) is weighted by taking into account the enhancing effect of the nested tags that influence the visualisation of the text TW (TS ) = Π t∈NS (Ti ) [W (t ) *W (TStyle(t ))] Tag Name Weight Hiding S, DEL, A, SMALL, STRIKE, ………. 0,25 <b> <i> Hello World </i> </b> KBD, H6, CITE, CODE, … ……… 0,5 Tags: W<1 COL, COLGROUP, COMMENT, DD, H5, DEN, 1 TW(‘Hello World’) = DIR, EMBED, EM, THEAD, BUTTON, TFOOT, Neutral FIELDSET, FN, FONT, FRAME, FRAMESET, W(‘b’)*W(‘I’) = TEXTAREA, DIV, ADDRESS, TT, U, UL, VAR, Tags: W=1 WBR, XMP, SERVER, SHADOW, SIDEBAR, BODY, ACRONYM, BR, HTML, ……… Enhancing B, OL, DL, STRONG, MENU, H3, BIG, Q PRE, 1,5 TH, TR, I, CENTER, CAPTION, FORM, ……… 1.5*1.5= 2.25. Tags: W>1 TITLE, H2, ……… 2 H1 3 Porfirio Tramontana – WSE 2007 –Paris – 6/10/2007 10
  • 11. Weighting the contents: heuristic H2  Any Text Segment is weighted by taking into account the position of the text in the page Example: Linear position weighting functions Pos (TS ) PW (TS ) = 1 − Lenght ( P) The total Weight of any text content is given by the product of the weights: R(TS ) = TW (TS ) * PW (TS ) Given a fixed threshold, a summarised version of the Built client page is obtained by selecting only the contents with a weight that is greater than the threshold Porfirio Tramontana – WSE 2007 –Paris – 6/10/2007 11
  • 12. Technique T2 (based on content summarisation)  A summary containing just sentences is obtained by taking into account the relative closeness (on the basis of a semantic net) of the terms they include. [*] 1. Nouns contained in the sentences are considered 2. A semantic net of this nouns is built by considering synonyms, hypernyms, hyponyms, meronyms 3. The relevance of a term in the page is evaluated by taking into account how much times the term appears in the page and how much times its synonims/hyponyms/meronyms appear 4. The relevance of a sentence is the sum of the relevance of its nouns 5. The summary is obtained by selecting the most relevant sentences [*] P.Capasso, C. Cesarano, A. Picariello, L. Sansone, “Content-based News Retrieval on the Web”, International Journal on Computer Science and Network Security, 2006, Vol.6, No.5A, pp.68-94 Porfirio Tramontana – WSE 2007 –Paris – 6/10/2007 12
  • 13. The Auralisation Framework Browser • The presented techniques have GreaseMonkey been implemented in a Web Page Auralised Screen framework: Auraliser Web Page Reader • Weights needed for the technique T1 are maintained WSSummary in a repository (Weight Summarisation algorithm Browser Model) and can be modified Relevant Term Extractor Weight Model by the user via a Tuner Tuner client application WordNet DB • The summarisation technique T2 is performed by a Web Service, with the support of WordNet • The Auraliser is a Javascript client application, executed in the GreaseMonkey environment, generating the textual summary (Auralised Web Page) for the Screen Reader Porfirio Tramontana – WSE 2007 –Paris – 6/10/2007 13
  • 14. Case Study  Some explorative case studies have been carried out in order to assess the eventual increase of the usability of the Web pages  Usability Measures  Let W be the Web page under experimentation and W* its auralised counterpart  Let RC be the set of pieces of information that the user expects to retrieve in the Web page and RC* ⊆ RC the ones that are sufficiently reported in the auralised Web page  The Relevant Concepts Recall RCR = |RC*| / |RC|  The Reaching Time RT is the time after which a Screen Reader user can listen all the Relevant Concepts of RC* contained in W*. Porfirio Tramontana – WSE 2007 –Paris – 6/10/2007 14
  • 15. Comparisons  The proposed usability parameters have been evaluated with respect to:  the plain text contained in the Web page, without applying any transformation technique;  the auralised version obtained by applying the structural analysis technique (T1);  the auralised version obtained by applying the proposed summarisation technique (T2). Porfirio Tramontana – WSE 2007 –Paris – 6/10/2007 15
  • 16. WSE Case Study  5 relevant concepts: WSE 2007 Home Page  name and location of the C1 conference (C1),  Special issue call (C2), C2  Introduction (C3),  Topics List (C4), C3  Submission Information (C5).  Technique T1 was executed by fixing the minimum threshold for which the recall RCR=1 C4 C5 Porfirio Tramontana – WSE 2007 –Paris – 6/10/2007 16
  • 17. Results  In this example, Technique T1 reduces the Reaching Time value for any expected concept by applying  Summarisation technique T2 includes just 2 concepts but they are accessed in a very short time Porfirio Tramontana – WSE 2007 –Paris – 6/10/2007 17
  • 18. Discussion  Although a larger experimentation is needed, the case studies that have been carried out assess that the two proposed summarisation techniques can be adopted to make a Web page more usable to blind users  Anyway, the two proposed techniques presents some limitations:  Technique T1 gives good results if weight models comprehending specific style weights, too, are adopted  Weight models could be provided by Web site publisher  Technique T2 could be, sometimes too computational expensive, with respect to expected reaching time Porfirio Tramontana – WSE 2007 –Paris – 6/10/2007 18
  • 19. Conclusions  Two different summarisation techniques have been proposed for the generation of Auralised Web pages that reduces the Reaching Time needed to blind users to access contents of a Web Site Porfirio Tramontana – WSE 2007 –Paris – 6/10/2007 19
  • 20. Future Works  Some ideas:  Reaching times can be furtherly reduced if the Auraliser inserts internal anchors to the more relevant contents in the built summarised pages  Considering hybrid techniques combining T1 and T2  Generalising the proposed approach to client pages which contents are dynamically generated (RIAs) Porfirio Tramontana – WSE 2007 –Paris – 6/10/2007 20
  • 21. Porfirio Tramontana – WSE 2007 –Paris – 6/10/2007 21

Editor's Notes

  1. A time of more than 90 seconds is considered a too high reaching time
  2. 180 words per minute
  3. Esempi di Screen Reader: IBM Home Page Reader, Jaws, Fire Vox