1. Buttons

• Check button hover.
• Assure that command buttons are all of similar size and shape and same font & font size.
• Check if all buttons works well.

• Check dropdown scroll working.
• Check if dropdown opens and closes on mouse click over arrow and closes.
• If there is sufficient space dropdown should expand to the bottom.
• In drop-down list boxes, ensure that the names and command buttons are not abbreviations.

• Check if text and search icon is in middle.
• Check if a proper message is displayed when search is not found.
• Check if default search is displayed when nothing is typed and enter key is pressed

• Check if bottom scroll is not present in pop ups.
• Check if pop ups have proper message.
• Check if pop ups are displayed within visible area of the screen

• For smaller images, icons PNG (8) or gif should be used.
• Use PNG (24) for transparent images.
• JPG and JPEG should be used for big pictures.
• Check if images have <alt> and <title> attribute.
• Are all graphics properly aligned?
• Banner style & size & display exact same as existing windows.
• Does text wrap properly around pictures/graphics?
• Is it visually consistent even without graphics?

• Check if website logo is clickable and is redirected to homepage.
• Check all links and buttons through out webpage.
• Links should be distinguishable and consistent using a color for hover and non-hover state.
• Is there a link to home on every single page?

• Check if there is proper instruction for file size and type.
• Check if there is proper validation message when file size and type does not match.
• Check file upload in different browsers

• Check if validation messages are consistent through out webpage.
• Progress messages on load of tabbed(active screens) screen
• Ensure the error message are informative and grammatically correct

• Check if cursor changes from pointer to hand cursor on hover over link and buttons.
• Check if hover over labels do not show hand cursor

• Check if fonts are too large or too small to read.
• Are all fonts same

• Check if placeholder is present.
• Placeholder disappears on focus in IE and Safari while placeholder in Firefox and chrome disappears only when typed

• Page should be readable in all resolution
• Text and images should fit proportionately in relation to the width of the page
• Page resize should keep fluidity of elements
• Links, buttons should be big enough to touch in devices
• All the items should be resized on device rotation
• If there is any background image then that should scale on resize
• Check popups, JavaScript, slideshows which may not be mobile friendly
• The number of web elements visible before and after resizing.
• Menu, dropdowns, buttons should be checked on different devices
• The number of images available before and after resizing
• Size of individual images before and after resizing
• Position of individual images before and after resizing
• Overall Page Layout before and after resizing
• Position of Scrollbars before and after resizing

• Check the spelling for all the fields that they are prompting properly or not.

• http://deviceponsive.com/ (Open source)
• http://mattkersley.com/responsive/ (Open source)
• http://responsivetest.net/ (Open source)
• http://quirktools.com/screenfly/ (Open source)