Visual Bugs - Summary

What is a visual bug?

Nikolas Fantoni avatar
Written by Nikolas Fantoni
Updated over a week ago

Please note that this is just a summary article on Visual Bugs. To learn more about Visual Bugs, visit our main Visual Bugs article.

Testers can report visual bugs related to website or app interfaces in some tests. Examples of visual bugs include misaligned elements, issues with responsive design, overlapping or cut-off text, and any problems that can be fixed in HTML or CSS files.

Repetitive problems

Repetitive visual problems should only be reported once, even if they occur on different pages with different URLs or links. The single bug report should mention all affected elements. Individual bug reports for each occurrence of the problem are not accepted.

Upgrade to functional bug

When a visual bug causes a functionality to fail, it should be reported as a functional bug, even if the function itself is not the issue. However, suppose the function can be accessed easily through an alternative path or option. In that case, the problem should be reported as a visual bug rather than a functional one since it doesn't prevent users from accessing the function.

Documentation of visual problems

Visual reports must contain screenshots. An additional screencast might be required if an action causes a visual problem. For more information on how bug reports must be documented, visit our article Bug Report Requirements.

Did this answer your question?