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 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.