GUI Testing Checklist

COLORS

Are hyperlink colours standard?

Are the field backgrounds the correct colour?

Are the field prompts the correct color?

Are the screen and field colors adjusted correctly for non-editable mode?

Are all the buttons are in standard format and size?

Is the page background (colour) distraction free?

Error Messages should be in one color (red) and an Informative Messages should be in one common color (green)

CONTENT

All fonts to be the same

Are all the screen prompts specified in the correct screen font?

Does content remain if you need to go back to a previous page, or if you move forward to an Other new page?

Is all text properly aligned?

Is the text in all fields specified in the correct screen font?

Is all the heading are left aligned

Does the first letter of the second word appears in lowercase?

Does the site use CSS for all presentation aspects (fonts, colour, padding, borders etc)?

Assure that command buttons are all of similar size and shape, and same font & font size

Are all decorative images in the CSS, or do they appear in the (X)HTML?

Are all character or alpha-numeric fields left justified? This is the default unless otherwise specified?

Are all numeric fields right justified? This is the default unless otherwise specified?

Forms: [Compulsory filed marked with (*) sign]

If the site uses frames, use frame titles and place meaningful content in the noframes area

IMAGES

Are all graphics properly aligned?

Do these images waste bandwidth? In general use small pictures to reduce load.

Are graphics optimized for quick downloads?

Does text wrap properly around pictures/graphics?

Are “alt” attributes used for all descriptive images?

INSTRUCTIONS

Is all the error message text spelt correctly on this screen?

Is all the micro-help text (i.e. tool tip) spelt correctly on this screen?

Micro help text (i.e. tool tip) for every enabled field & button

Progress messages on load of tabbed (active screens) screens

NAVIGATION

Are all disabled fields avoided in the TAB sequence?

Are all read-only fields avoided in the TAB sequence?

Does a scrollbar appear if required?

Does the Tab Order specified on the screen go in sequence from Top Left to bottom right? This Is the default unless otherwise specified

Is there a link to home on every single page?

On open of tab focus will be on first editable field

Windows should have proper Page title( Informative page title that includes the company/organization/site name?)

Does site contains Page footer area — copyright, last update, contact e-mail address?

Links to downloads for media plug-ins should be provided

USABILITY

Are all the field prompts spelt correctly?

Are fonts too large or too small to read?

Are names in command button & option box names are not abbreviations.

Assure that option boxes, option buttons, and command buttons are logically grouped together In clearly demarcated areas "Group Box"

Does User cab Login Member Area with both Username/Email ID?

Does the site have a sitemap page and contact page? Are they easy to find?

For large sites, is there a search tool?

Are links underlined?

Is the site’s navigation easy to understand?,navigation system should give visitor a clue as to what page of the site they are currently on and where they can go next.(like breadcrumb and menu-highlightened for current page)

Are the links in navigation bar/menu bar organized in an intuitive manner?

When an error message occurs does the focus return to the field in error when the user cancels it?

Professional feedback for each action performed. (“Thank you” page or “error page” pageshould be professionally provided)

Is the cursor positioned in the first input field or control when the screen is opened?

SITE MANAGEMENT

Does the site use friendly URLs?(friendly urls do no make use of question mark,ampersand,query string etc)

Does the site have a favicon?