Presentation by: Georgios Bouloukakis - - PowerPoint PPT Presentation

▶
presentation by georgios bouloukakis
SMART_READER_LITE
LIVE PREVIEW

Presentation by: Georgios Bouloukakis - - PowerPoint PPT Presentation

Jan 27, 2023 414 likes •715 views

myWebAccess: a platform for repairing, enhancing and re-distributing Web Services accessible to people with disability Georgios Bouloukakis, Ioannis Basdekis and Constantine Stephanidis Presentation by: Georgios Bouloukakis

slide-1
SLIDE 1

1

Presentation by: Georgios Bouloukakis

(georgios.bouloukakis@inria.fr) myWebAccess: a platform for repairing, enhancing and re-distributing Web Services accessible to people with disability Georgios Bouloukakis, Ioannis Basdekis and Constantine Stephanidis

University Of Crete Computer Science Department FORTH – ICS Human Computer Interaction Laboratory Bouloukakis G., Basdekis I. and Stephanidis C. (IHCI 2013, Prague, CZ)

slide-2
SLIDE 2

OUTLINE

 Introduction  Web Services  myWebAccess Platform  Support Accessible and Multi-Channel Web Interfaces  Evaluation  Further Research

2 Bouloukakis G., Basdekis I. and Stephanidis C. (IHCI 2013, Prague, CZ)

slide-3
SLIDE 3

OUTLINE

  • Introduction

 Web Services  myWebAccess Platform  Support Accessible and Multi-Channel Web Interfaces  Evaluation  Further Research

3 Bouloukakis G., Basdekis I. and Stephanidis C. (IHCI 2013, Prague, CZ)

slide-4
SLIDE 4

WEB ACCESSIBILITY (1/2)

 For equitable use of infrastructure and services  Adoption of technical specifications  WCAG 2.0, Section 508, Mobile Web Best Practices  Offers access to most possible set of citizens:  including elderly and people with disabilities  people with low experience in the use of computers  Facilitates interoperability with technology solutions  assistive technology solutions (e.g., screen reader)  modern technology solutions (e.g., navigator with voice

recognition for car drivers)

4 Bouloukakis G., Basdekis I. and Stephanidis C. (IHCI 2013, Prague, CZ)

slide-5
SLIDE 5

WEB ACCESSIBILITY (2/2)

5

 Inherent problems  Business tools and services

(e.g. CMS) do not support construction of accessible content

 Lack of knowledge by

manufacturers

 No-valid markup  Ignorance of technical

specifications (WCAG)

 Accessibility of Web

becomes extremely poor

 Research of ICS-FORTH  2004-2008, 257 Greek websites

 1% accessible websites  14% with basic accessibility  85% not accessible

 Challenge

 Utilization of Web Services in order

to improve the accessibility of the content and the presentation to multiple design templates and devices

Bouloukakis G., Basdekis I. and Stephanidis C. (IHCI 2013, Prague, CZ)

slide-6
SLIDE 6

EXAMPLE

6

alt= ″???″

Bouloukakis G., Basdekis I. and Stephanidis C. (IHCI 2013, Prague, CZ) Structural component

  • n the Website

www.in.gr

slide-7
SLIDE 7

OUTLINE

Introduction

  • Web Services

 myWebAccess Platform  Support Accessible and Multi-Channel Web Interfaces  Evaluation  Further Research

7 Bouloukakis G., Basdekis I. and Stephanidis C. (IHCI 2013, Prague, CZ)

slide-8
SLIDE 8

WEB SERVICES (1/2)

 Can be exploited as component in a web Interface  supports application interoperability  it uses standards based on the XML language  Ways to describe the transferred data via a Web Service  DTD  XML Schema  RSS  WSDL

8 Bouloukakis G., Basdekis I. and Stephanidis C. (IHCI 2013, Prague, CZ)

slide-9
SLIDE 9

WEB SERVICES (2/2)

 WSDL types

9

  • peration 1

Web Service

  • peration 2
  • peration 3

Input Message Output Message element

Simple types Compound types

String int Array of Bytes Enumeration Array Structure Weather forecast service «Get Weather»

‘Paris’ Perform Operation

Location: Paris, France Visibility: 4 miles Sky conditions: mostly cloudy Temperature: 60F (8 C) Dew Point: 57 F (14 C) Relative Humidity: 87% Pressure: 30.30 in. Hg (1026 hPa)

Bouloukakis G., Basdekis I. and Stephanidis C. (IHCI 2013, Prague, CZ)

slide-10
SLIDE 10

CREATING AN ACCESSIBLE WEB SERVICE

10

WSDL files

XML files

WSDL Parser Output Data

Metadata

Data features for accessible Web Service

Bouloukakis G., Basdekis I. and Stephanidis C. (IHCI 2013, Prague, CZ)

slide-11
SLIDE 11

OUTLINE

Introduction Web Services

  • myWebAccess Platform

 Support Accessible and Multi-Channel Web Interfaces  Evaluation  Further Research

11 Bouloukakis G., Basdekis I. and Stephanidis C. (IHCI 2013, Prague, CZ)

slide-12
SLIDE 12

PLATFORM REQUIREMENTS TO IMPORT WEB SERVICES

12

WSDL file

Input Parameters Return Parameters

Administrator

Execute Operation 1 Execute Operation 2

myWebAccess Users

users interact with accessible Web Services

Bouloukakis G., Basdekis I. and Stephanidis C. (IHCI 2013, Prague, CZ)

slide-13
SLIDE 13

Bouloukakis G., Basdekis I. and Stephanidis C. (IHCI 2013, Prague, CZ)

EXAMPLE

13

Geo IP Tool

slide-14
SLIDE 14

OUTLINE

Introduction Web Services myWebAccess Platform

  • Support Accessible and Multi-Channel Web Interfaces

 Evaluation  Further Research

14 Bouloukakis G., Basdekis I. and Stephanidis C. (IHCI 2013, Prague, CZ)

slide-15
SLIDE 15

COMMON FOLLOWED PRACTICE: WEBSITE STRUCTURE

Specific Structure (4 main areas):

15

HEADER SIDEBAR FOOTER MAIN CONTENT FIXED FOR ALL PAGES FIXED FOR ALL PAGES FIXED FOR ALL PAGES IS CHANGING FREQUENTLY FOR THE MAJORITY OF THE PAGES

Bouloukakis G., Basdekis I. and Stephanidis C. (IHCI 2013, Prague, CZ)

ACCESSIBLE ACCESSIBLE ACCESSIBLE

slide-16
SLIDE 16

SUPPORT MULTI-CHANNEL CONTENT PRESENTATION

16 HEADER

S I D E B A R

FOOTER MAIN CONTENT

HEADER FOOTER SIDEBAR

HEADER

S I D E B A R

FOOTER MAIN CONTENT ADDITIONAL NAVIGATION ADDITIONAL ELEMENTS HEADER

S I D E B A R

FOOTER MAIN CONTENT ADDITIONAL NAVIGATION ADDITIONAL ELEMENTS

HEADER FOOTER

MAIN CONTENT

16 Bouloukakis G., Basdekis I. and Stephanidis C. (IHCI 2013, Prague, CZ)

slide-17
SLIDE 17

WEBSITE MAIN CONTENT

Design the Main Content by exploiting Web Services as components:

17

MAIN CONTENT

Get Weather

  • Get weather by city
  • Get cities by country
  • Get detailed weather

Get IP Geolocation

  • View my IP information
  • Get information by IP

Yahoo news

  • Sports
  • Science
  • Tech

Bouloukakis G., Basdekis I. and Stephanidis C. (IHCI 2013, Prague, CZ)

slide-18
SLIDE 18

MYWEBACCESS PLATFORM

 Adaptation of services at different context of use:

 support other devices (e.g., mobile phones)  blind users  users with impaired vision or colour blindness  motor impaired users (by providing a virtual keyboard)

 By using design templates  Model – View – Controller (MVC) platform architecture 18 Bouloukakis G., Basdekis I. and Stephanidis C. (IHCI 2013, Prague, CZ)

slide-19
SLIDE 19

Bouloukakis G., Basdekis I. and Stephanidis C. (IHCI 2013, Prague, CZ)

DESIGN TEMPLATE EXAMPLE

19

HEADER SIDEBAR NAVIGATION

MAIN NAVIGATION

MAIN CONTENT

Header Main Navigation Sidebar Navigation Main Content Header Main Navigation Sidebar Navigation Main Content

Link Summary:

  • close
  • myWebAccess
  • Sign out

Link Summary:

  • close
  • content
  • Number 1
  • Number 2

Basic Design Template

slide-20
SLIDE 20

RELATED WORK

 Web Services accessibility assessment tool  assess whether a SOAP or REST web service conforms to the

accessibility guidelines

 Easier navigation in a city for motor impaired users by a

system based on services

 from this approach it is clear that in a WSDL standard the

accessibility data are limited

 Automatic adaptation of content with systems as proxy  BBC service named Betsie (dyschromatopsia users)  WebFACE tool (extra features to enhance the accessibility)  System for dynamically updating webpages  Personalized Interfaces  E.g., Netvibes, iGoogle, MyYahoo, WebWag, Gritwire

20 Bouloukakis G., Basdekis I. and Stephanidis C. (IHCI 2013, Prague, CZ)

slide-21
SLIDE 21

OUTLINE

Introduction Web Services myWebAccess Platform Support Accessible and Multi-Channel Web Interfaces

  • Evaluation

 Further Research

21 Bouloukakis G., Basdekis I. and Stephanidis C. (IHCI 2013, Prague, CZ)

slide-22
SLIDE 22

EVALUATION

Two methods of Evaluation:

1.

Level of compliance by using semi-automated accessibility testing tools

 All the interfaces have been checked

2.

Usability tests

Usage scenario followed by 10 different users

Compute required time and number of errors

22 Bouloukakis G., Basdekis I. and Stephanidis C. (IHCI 2013, Prague, CZ)

slide-23
SLIDE 23

USABILITY TESTS

1 2 3 4 5 6 7 8 9 10

Task 1

23  10 users (5 of them have been used the screen reader)  Results  All users completed the scenario within an acceptable period of time.  Users that used the screen reader were slower compared to the rest

1 2 3 4 5 6 7 8

Task 2

Time (min) Time (min) Users Users U1 U2 U3 U4 U5 U6 U7 U8 U9 U10 AVG U1 U2 U3 U6 U7 U8 U9 U10 AVG U4 U5

Bouloukakis G., Basdekis I. and Stephanidis C. (IHCI 2013, Prague, CZ)

slide-24
SLIDE 24

USABILITY TESTS

2 4 6 8 10 12 14 16

Usage Scenario

24

 2 of them have been used the

binary switches

 With prior experience in the use of

these devices

 Users are asked to fill data in forms

using the virtual keyboard (with sequential selection o characters)

 Results:  Users completes the tasks (1 & 3)

with a small difficulty

 The completion time of the usage

scenario in compared to an experienced user vary depending on the difficulty level (2x – 10x)

Χρόνος (min) 15 mins

User 1 User 2

Task 1 Task 2 Task 3

1 2 3 4 5 6 7 8

Task 2

U1 U2 U3 U4 U5 U6 U7 U8 U9 U10 AVG

2 mins

Bouloukakis G., Basdekis I. and Stephanidis C. (IHCI 2013, Prague, CZ)

slide-25
SLIDE 25

OUTLINE

Introduction Web Services myWebAccess Platform Support Accessible and Multi-Channel Web Interfaces Evaluation

  • Further Research

25 Bouloukakis G., Basdekis I. and Stephanidis C. (IHCI 2013, Prague, CZ)

slide-26
SLIDE 26

FURTHER RESEARCH

 Exporting to a script with XHTML valid markup by taking

the metadata from the existing WSDL and XML files

 The ability to exploit REST type web services  Further exploitation of the Semantic Web and Semantic

Web Services towards a more comprehensive solution that means transition from the WSDL standard, to a standard with Semantic information

 Including the Accessible Rich Internet Applications Suite

(WAI ARIA) to improve the interaction via assistive technology

 Creating different registries of “repaired” services by

leveraging QoS aspects to support varied disability requirements

26 Bouloukakis G., Basdekis I. and Stephanidis C. (IHCI 2013, Prague, CZ)

slide-27
SLIDE 27

DEMO - DOWNLOAD

 http://arles.rocq.inria.fr/mywebaccess  Demo for each user category:  Platform administrator  Simple user  Visual impaired user  Motor impaired user  Mobile user  Use by the web developers:  Use the mechanism for adding third-party web services  Utilize the already "repaired" web services in different

context of use

 Create your own template

27 Bouloukakis G., Basdekis I. and Stephanidis C. (IHCI 2013, Prague, CZ)

slide-28
SLIDE 28

THANK YOU!

28 Bouloukakis G., Basdekis I. and Stephanidis C. (IHCI 2013, Prague, CZ)

http://arles.rocq.inria.fr/mywebaccess