+ + Testing Web-Based Applications With the

Slides:



Advertisements
Similar presentations
Tutorial 6 Creating a Web Form
Advertisements

Customizing the MOSS 2007 Search Results November 2007 Rafael Perez.
Understand Web Page Development Software Development Fundamentals LESSON 4.1.
Web Accessibility Web Services Office of Communications.
Explore the Dreamweaver Workspace View a Web page and use Help Plan and Define a Web site Add a Folder and Pages, and set the Home page Create and View.
Salesforce1 Mobile App Jan
Windows 8.1 It’s a Good System SIR Phil Goff Branch 116 November 21,
A detailed guide on how to set-up your printing storefront. Please Note: Storefronts are compatible with all browsers, however for optimal use of the admin.
Browser Comparisons - Convenience Internet Explorer 8 & 9, Chrome 11 and Firefox 4 Searching, Convenience & Add-ons.
Google Chrome Your Customized Google Buddy April 2012 John Riley and Denise Tate-Kuhler.
© 2011 Delmar, Cengage Learning Chapter 2 Developing a Web Page.
Scottish Legal Aid Board Content Management using OpenCms Martin Spinks CTO Navyblue Tuesday, March 16, 2010.
A VERY USEFUL E-LEARNING TOOL FOR TEACHERS, RESEARCHERS, AND STUDENTS.
Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Development with Dreamweaver.
Intro to Google Apps B3: Working in Google Drive.
Microsoft Office Communicator A General Introduction.
LBTO IssueTrak User’s Manual Norm Cushing version 1.3 August 8th, 2007.
Web Technologies Website Development Trade & Industrial Education
Chapter 2 Developing a Web Page. A web page is composed of two distinct sections: –The head content –The body Creating Head Content and Setting Page Properties.
In addition to Word, Excel, PowerPoint, and Access, Microsoft Office® 2013 includes additional applications, including Outlook, OneNote, and Office Web.
Website Development with Dreamweaver
How People with Disabilities Access the Web Web Design – Sec 2-5 Part or all of this lesson was adapted from the University of Washington’s “Web Design.
INTRODUCTORY Tutorial 1 Using HTML Tags to Create Web Pages.
Instructions for Administrators Choose the Enrollment slide decks that match your environment, either for SaaS or On Premise. Edit the red text to match.
Bells, Whistles, and Alarms: HCI Lessons Using AJAX for a Page-turning Web Application Juliet L. Hardesty, Indiana University.
Use CSS to Implement a Reusable Design Selecting a Dreamweaver CSS Starter Layout is the easiest way to create a page with a CSS layout You can access.
Summary of “Towards Mobile Accessibility for Older People: A User Centered Evaluation” HCC 741 ASSISTIVE TECHNOLOGY AND ACCESSIBILITY FALL 2014 HYE-KYUNG.
IPSOS / Vodafone / Novartis Kenya 17 December 2014.
1 Mezzanine Ware (Pty) Ltd © 2014 Installing\Uninstalling the Mezzanine Helium Android application.
Collaborator Revolutionizing the way you communicate and understand
Instructions for Administrators Choose the Enrollment slide decks that match your environment, either for SaaS or On Premise. Edit the red text to match.
January 2006Colby College ITS Setting Up Course Pages.
The Internet and World Wide Web Sullivan University Library.
Click to edit Master title style Click to edit Master text styles –Second level Third level –Fourth level »Fifth level 1 CustomerSoft ESP Contact Operations.
Guide to Scientific Editor (SE) Journal of Mountain Science (JMS)
Tutorial 6 Creating a Web Form
SEPTEMBER 8, 2015 Computer Hardware 1-1. HARDWARE TERMS CPU — Central Processing Unit RAM — Random-Access Memory  “random-access” means the CPU can read.
COMP 143 Web Development with Adobe Dreamweaver CC.
Basic Computer Skills Windows & the Internet vfu.bg/en/e-Learning/
2016 Klein Collins. Tablet Camp 2016 This presentation is designed to help students understand digital responsibilities and connect to digital tools and.
Web Accessibility John Rochford Rich Caloggero UMMS Shriver Center
DISCOVERING COMPUTERS 2018 Digital Technology, Data, and Devices
Testing Native Mobile Apps
Chapter 10 Multimedia and the Web.
What this activity will show you
Journal of Mountain Science
Chapter 2 Developing a Web Page.
**Please view the instructional guide as a slideshow**
Introduction to Event-Driven Programming
Tutorial Using the App help.ebsco.com.
How People with Disabilities Access the Web
IT.CAS.Web2.0 Kyle Erickson
Tutorial 6 Topic: jQuery and jQuery Mobile Li Xu
Journal of Mountain Science
Flipster for Mobile Devices
Lesson 1: Buttons and Events – 12/18
Explain what touch develop is to your students:
How to register and use the app for Law Enforcement users?
Getting Started with Skype for Business
GROPG: A Graphical On-Phone Debugger
KELLER WILLIAMS REALTY
Tuan Anh Nguyen, Christoph Csallner
Selenium HP Web Test Tool Training
Left Click to view the next slide.
Tutorial Using the App help.ebsco.com.
Bibliography and reference manager programs, Endnote 2018 Attila Skulteti
How to Download the Firefly Student App to your device
SETUP ALEXA APP Setup Alexa on your favorite device and control your smart device with the help of Alexa.
Getting Started With Your New Chromebook
Christopher Harrison Jeremy Foster
Presentation transcript:

+ + Testing Web-Based Applications With the Voice Controlled Accessibility and Testing Tool (VCAT) Nagendra Prasad Kasaghatta Ramachandra, Christoph Csallner nagendra.ramachandra@mavs.uta.edu, csallner@uta.edu Computer Science and Engineering Department University of Texas at Arlington (UTA), USA Problem: Popular Applications Assume Touch-Based Input Devices Keyboard, mouse, touch screen Little thought on accessibility via other input devices What if user cannot / does not want to use touch? Hard for many people to use web sites & testing tools + + Example: Google Chrome & Selenium Existing Solutions Navigate through a web app: Clicks, taps, swipes Code / record corresponding unit test: Clicks, taps, swipes Mostly app-to-voice, voice-to-app is harder (NLP) Alexa / Siri /… don’t navigate arbitrary web apps yet VCAT Overview Log Voice Commands & Convert to Test Case Stock Chrome browser + VCAT extension + microphone VCAT default state: Listen for voice commands Voice-to-text via NLP library, then match fixed grammar Various browser actions & grammar rules per action: Scroll, min, max, click links / buttons / images / menus, select list option, text field input General Alexa-style NLP: Future work Match grammar  Perform action & log as Selenium test step VCAT dashboard allows edits Research Questions (RQ) Web tasks w/o VCAT (keyboard, mouse) vs. w/ VCAT (voice only) Code Selenium test (keyboard, mouse) vs. VCAT-after-RQ1 Initial Evaluation Task Perf [min] Create T [min] Total [min] W/o VCAT Google search 0:15 1:30 2:00 0:30 2:15 Email login 1:45 2:30 2:45 Initial evaluation: Results rounded to closest quarter min Google web site, search for “Java” & log into web-based email app Core i7 2.7GHz, 12GB RAM, 64bit Win-10, Chrome v63, JDK 1.8 VCAT server: Java locally on Tomcat, not performance-optimized Background & More Related Work U.S. law requires W3C Web Content Accessibility Guidelines (WCAG) 2.0 Level AA for federal web sites [Rehab Act, Section 508] Texas law requires same for college web sites from 2020 [§206.70] “Addresses most common barriers” [www.section508.gov] … But WCAG does not address touch-based input assumption  VoiceXML (W3C): Specify voice-based HCI, can’t capture old apps