Labels | Div | Para
Check for Spelling issues
Check for Grammatical issues
Check for Font Size, Color and Family
Should be left aligned
Not overlapping with any element
Page Headings and Page Text are distinguished properly
Textfields
Appropriate use of Textbox vs Text Area
Correct Labels are displayed for text fields
Label texts are aligned properly with text fields
Disabled
Check for any prepopulated value
Disabled text fields should be grayed out
Disabled fields should not accept any text
Enabled
Enabled text fields should accept text
Should have Placeholders
Keyboard toggling for enabled fields
* symbol for Mandatory fields
Check Max & Min Length
Check Characters, Numbers and Symbols
Dynamic Scrollbar for text areas
Check with
Single, Multiple, & Leading spaces
Naughty Strings
Dropdown
Down arrow sign on the dropdown
Selecting the arrow sign should display the list
Default selected option in the dropdown list
Mandatory field should force to select a value
Pressing first letter key should select the top key option
Should not be empty
Scroll bar for large dropdown lists
After clicking or selecting an option,dropdown should be highlighted
Sorting order as per requirements
Buttons
Default State: Enabled vs Disabled
Check Clickable and Working
Tab key and Enter key can select this button
Check with single and double click
Hovering the mouse should highlight the button
Spacebar key can click this button
Buttons across the webpage have similar font, color and shape.
Enter or Spacebar keys should select OK button in the alerts.
ESC keys should select Cancel button in the alerts.
Checkbox
Check default state
Enabled
Disabled
Checked
Unchecked
Check tab key is able to highlight the checkbox
Check whether we can check or uncheck
Mouse
Spacebar
Disabled checkbox is not editable or selectable via tab key
Radio buttons
Check whether the default radio button is selected
One radio option from the group should be selected
Check selecting the radio option using mouse click
Checking Tab on the keyboard can highlight the radio button and navigate to other radio options and select using arrow keys.
Hyperlinks
Clicking the hyperlink using mouse.
Hyperlink should take us to the correct place
No broken hyperlinks
Colors on hovering the hyperlink
Same & standard color and style across the website
Hyperlink should have the correct text
Images
Getting displayed
Good resolution images are used
Alignment
Size
Proportionate Scaling is maintained
Numerical Input Fields
Invalid values
Valid values
Verify + and - options
Min and Max values
Min - 1 and Max + 1
Negative numbers
Zero
Decimal
Prompt Messages
Color of messages
Are correct error/warning/success messages displayed?
Proper field level error message should be displayed on validation failure
Logo & Branding
Visible
Clear
Clickable
General Checkpoints
Tab order should go on sequence in the page
Attractive UI
UI of the page should not look clumsy
Responsive
Application should display and work correctly at reduced /different sizes
Accessible with
Mouse
Keyboard
Color Consistency
All pages and UI elements on the page should have proper color consistency
Zoomin and Zoomout
80%
120%
Fullscreen mode