# UI Testing check list

**URL:** https://club.ministryoftesting.com/t/ui-testing-check-list/30137
**Category:** Archive
**Created:** [17 October 2019 21:02 UTC](https://club.ministryoftesting.com/t/ui-testing-check-list/30137 "2019-10-17T21:02:13Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![subbu](https://sea2.discourse-cdn.com/flex020/user_avatar/club.ministryoftesting.com/subbu/32/6257_2.png) [@subbu](https://club.ministryoftesting.com/u/subbu)
#### Post date: [17 October 2019 21:02 UTC](https://club.ministryoftesting.com/t/ui-testing-check-list/30137/1 "2019-10-17T21:02:13Z")

</div>

Verify following scenarios for UI Testing

1. Font styles - Font size, color, family
2. CSS properties of an element
3. Images if they are not breaking
4. Elements are not breaking or distorted on different browsers and screen resolutions
5. Text for labels is clearly readable
6. Error and validation messages are displaying correctly
7. No spelling mistakes for field labels, any headings on the web pages
8. Links are visible and distinguished from other text
9. Social networking icons are rightly placed on sites
10. No broken links on the web page
11. No unnecessary blank space between the elements on web page
12. Horizontal and vertical scrollbars are appearing wherever necessary
13. Site logo is visible and clickable
14. Web elements are not overlapping anywhere on web page
15. Privacy policy links are readable and clickable
16. Elements in drop down are not overlapping with each other
17. Menu or sub menu that is selected remains highlighted
18. Country codes are displayed correctly
19. If there are any maps on the site, check if the user is able to zoom in and zoom out the map without any UI distortion.
20. For any reports or charts check if the figures are visible appropriately

---

<div class="post-metadata">

### Author: ![blackcaps](https://avatars.discourse-cdn.com/v4/letter/b/41988e/32.png) [@blackcaps](https://club.ministryoftesting.com/u/blackcaps)
#### Post date: [21 October 2019 19:08 UTC](https://club.ministryoftesting.com/t/ui-testing-check-list/30137/2 "2019-10-21T19:08:21Z")

</div>

Have you also considered the performance of the different web browsers in regards to Javascript performance?

I have found that poorly written applications will work correctly in Chrome but aren’t quick in other browsers due to the way the browser displays the DOM or pausing waiting for a response?

---

<div class="post-metadata">

### Author: ![fioriniswann](https://sea2.discourse-cdn.com/flex020/user_avatar/club.ministryoftesting.com/fioriniswann/32/6316_2.png) [@fioriniswann](https://club.ministryoftesting.com/u/fioriniswann)
#### Post date: [22 October 2019 07:57 UTC](https://club.ministryoftesting.com/t/ui-testing-check-list/30137/3 "2019-10-22T07:57:44Z")

</div>

I would categorize that more of a performance test instead of UI. It should be done, but maybe it would require a different mentality?

---

<div class="post-metadata">

### Author: ![doron](https://sea2.discourse-cdn.com/flex020/user_avatar/club.ministryoftesting.com/doron/32/6590_2.png) [@doron](https://club.ministryoftesting.com/u/doron)
#### Post date: [30 December 2019 19:48 UTC](https://club.ministryoftesting.com/t/ui-testing-check-list/30137/4 "2019-12-30T19:48:56Z")

</div>

1. Comparability - different browsers, OS
2. Responsive Web Design
3. Different languages
4. Many mobile related tests like rotation, touch screen accuracy, bright light etc.
5. Tooltips seen well
6. Restricted fields
7. Tab pressing order is correct
8. Keyboards are working when relevant, mouse when relevant.
9. Shortcut keys
10. Many Accessibility tests  
31, Standarts like link color
11. When mouse are over an object that suppose to change (like when you hover a buton its color change).
