Skip to main content

Website Testing - Tools and Best Practices

Introduction

This white paper contains information related to tool and fire-fox add-ins that are freely available for usage when doing testing for websites.

Website testing tool:

Pixel Ruler v3.1 – Measure Vertical and Horizontal distance (in pixels) between various section of a website or your desktop.

Firefox add-ins:

TAW-it – Helpful in doing Accessibility testing
Web Developer

Website testing tool and add-ins

Pixel Ruler Functionality

Know the exact size and position of any element with this screen ruler.
Free and easy to use virtual screen ruler.
Float over your screen.
Work with all applications.
Show measurements in Pixels.
Rotate to horizontal or vertical position.
Maximum of 1300 pixels.
Choose between several skins.

How to install the application

Run the Setup
Start using Pixel Ruler
The supported Operating systems are Windows 98, ME, NT4, 2000, XP, Vista.

How to use the Pixel Ruler

1. Open Pixel Ruler
2. Open the website for which you want to measure the pixel distance between the sections, images or various other objects of your interest.
3. Set the initial point and move your mouse horizontally or vertically to the destination point.
4. Check the value displayed at the destination position of mouse cursor

TAW - it

TAW-it allows to verify, with just a click, the accessibility of the Web sites that you are visiting, by means of the TAW3 online service (www.tawdis.net) and making use of the W3C Web Content Accessibility Guidelines (WCAG 1.0).
Its goal is to analyze the level of accessibility in the design and development of Web pages to allow access for all, regardless of their specific characteristics
TAW is based on rules developed by the W3C WAI (Web Accessibility Initiative). These rules, known as Web Content Accessibility Guidelines 1.0, include fourteen guidelines that describe the principles of accessible design. Each of these guidelines is divided into one or more checkpoints.
For more information, visit Web Content Accessibility Guidelines 1.0.

How to install the TAW-it Add-Ins

Pre-requisites:
Firefox: 1.0 – 2.0.0
OS – Supported where Firefox works.
Open Firefox browser
Open link http://www.tawdis.net/taw3/descargas/ext/tawclic.0.9.6.xpi
Follow the instructions and restart your browser
Once TAW-it has been successfully installed, its icon will appear in the browser status bar, and you will be able to make an accessibility analysis of the Web page you are visiting simply by clicking on that icon.

How to use TAW-it

1.Open the Website under test in Firefox browser
2. Check the TAW-it icon in the status bar
3. Change the settings based on your requirement of WCAG 1.0 Level AAA, AA, A
4. Click the TAW-it icon in the status bar
5. TAW-it generates an accessibility report
6. Analyze the report and share with your web developer for necessary fixation.
Note: The website that is under test must be hosted on a public domain, then only TAW-it will be able to do the analysis. This cannot be used on local hosted website.

Web Developer

Web developer tool help you in doing a complete analysis of web pages with respect to various parameters that are available with this addins.
The Web Developer extension adds a menu and a toolbar to the browser with various web developer tools. It is designed for Firefox, Flock, Mozilla and Seamonkey, and will run on any platform that these browsers support including Windows, Mac OS X and Linux

How to install the Web Developer Addins

Pre-requisites:
Firefox: 1.0 – 2.0.0
OS – Supported where Firefox works Windows, Mac OS X and Linux
Open Firefox browser
Open link https://addons.mozilla.org/en-US/firefox/addon/60
Follow the instructions and restart your browser
Once Web Developer has been successfully installed, you will find various menu and toolbar with various web developer tools on the browser standard tool bar. A 'Web Developer' menu under the 'Tools' and context menu of the browser, as well as a new toolbar.

How to use Web Developer

This tool is very helpful for doing Website Testing. A tester can use this tool for verifying mentioned below functionalities of web pages: Click here to download the document.
Steps to Use
1. Open the web page to test
2. Suppose there is requirement to test “All images must have ALT TAGS”.
3. Choose Images->Display ALT attributes
4. All the ALT attributes on the page will get highlighted and one can easily verify the ALT tags
5. Similarly you can test other functionality as per your requirement.
The above article is based on my learning (may or may not apply to your case) and in case you want to share your thoughts, then please do it and assist others.
Labels:

Comments

Post a Comment

Popular posts from this blog

Mantis - Defect Management Tool - User Guide

Introduction This white paper contains information related to an open source defect management tool called Mantis which is freely available for managing all your defects. Where to Download One can download the latest version of Mantis from http://sourceforge.net/project/showfiles.php?group_id=14963 Download the “mantis-stable” and then “mantis-x.y.z.zip”.1.1 PRE-REQUISITE Operating System Windows 2003 Server, MacOS, OS/2, Linux, Solaris Database MySQL database 3.23.2 and higher Software PHP 4.0.6 and higher Application Server Apache 1.3, Apache 2.0.54, IIS 6.0 with Web Services Extension Browser IE6 and above, Mozilla Firefox STEPS FOR INSTALLATION – FOR WINDOWS MySQL Installation Install MySQL by downloading it from http://dev.mysql.com/get/Downloads/MySQLGUITools/mysql-gui-tools-5.0-r6-win32.msi/from/http:/www.mirrorservice.org/sites/ftp.mysql.com/ . Please follow the below mentioned steps while installing MySQL: (Please remember the password for “root” account...
4 comments
Read more

Why to do Software Testing?

Regardless of the limitations, testing is an integral part in software development. It is broadly deployed in every phase in the software development cycle. Typically, more than 50% percent of the development time is spent in testing. Testing is usually performed for the following purposes: To improve quality. As computers and software are used in critical applications, the outcome of a bug can be severe. Bugs can cause huge losses. Bugs in critical systems have caused airplane crashes, allowed space shuttle missions to go awry, halted trading on the stock market, and worse. Bugs can kill. Bugs can cause disasters. The so-called year 2000 (Y2K) bug has given birth to a cottage industry of consultants and programming tools dedicated to making sure the modern world doesn't come to a screeching halt on the first day of the next century. [Bugs] In a computerized embedded world, the quality and reliability of software is a matter of life and death. Quality means the conformance to the ...
1 comment
Read more

Is BCI (Brain Computer Interface) a road to immortality?

What is a Brain-Computer Interface? Brain-computer interface is a technology which can read your mind and display it on a device - a mobile, laptop or TV screen. It means what data is being carried by our billion neurons are prone to hack.  When combined with other mechanical devices, can also be used to control the device.  So in future, if you want to switch on your TV or light, you just have to think and that's all.  Google and Alexa home will be replaced by BMI controlled devices.  I am not an expert in this field but based on my research and analysis, I can predict that when BMI tech will get matured, the human can do brain to brain talk and many other magical things - in future Telepathy will be a day to day affair. BCI can give you all kind of experience from the comfort of your home.  You can go on vacation without leaving your bedroom. You can have romantic experience without having a partner and many more such experiences. ...
Post a Comment
Read more