What we do

Home » Services » Quality Assurance » Visual QA » What we do

WHAT WE DO ON VISUAL QA?

Home Page

Checking that any register/login blocks and boxes disappear when logging in	Setting all the register/login blocks to be replaced with logout, my profile, etc.
A visual check of the homepage (fonts, images, etc.)	Making sure it all looks good – Check for typos
Viewing the source of the page and find the image tag that holds the logo	The title of the link and the alt of the image set to say “[CLIENTNAME] Home”. The logo is named as [CLIENTNAME_logo]
Checking the title bar on the browser window to make sure that it contains the company name – slogan – location	e.g. ‘Accura-Tech \| Transforming technology into wealth \| Colombo’
Checking that a favicon exists	Making sure the client’s favicon is there
Images	Checking for watermarks Size optimised for web Responsive
Checking all Utilities links (usually in the footer) and their link paths	Making sure that all utilities links are there

Navigation Page

Clicking through site navigation and observing the selection effect.	A selection effect is there when a top level navigation option has been selected.
Hovering over navigation options and observing the hover effect.	A hover effect is on the navigation and it is the same regardless of which page you have selected.
Checking that the title case of all navigation links is consistent	All the navigation links in the site are in the same title case
The breadcrumbs	Clicking on first, second and third level (if present) navigation to ensure they are properly styled and wrap gracefully across all devices.
Link styles throughout the site	The navigation links use the same format as all other links on the site. They highlight in the same way when you move the mouse over them or tap on tablet/mobile
URLs	without /node/ -or- /*-0
Run xenu sleuth report	broken links site internal duplicate content issues largest pages/images images that are missing alternative text 301 redirects

General

The fonts	Making sure they are legible and follow the design specifications
about us section	text/content/ hierarchy layout optimised images and alt tags links going to the right targets in the right way, clearly defined states
carousel	all elements are client editable to agreed standard build all elements are responsive all elements are displaying in an aesthetically pleasing and consistent way on tablets and mobiles
staff list	text/content/ hierarchy layout optimised images and alt tags links going to the right targets in the right way, clearly defined states
case studies/testimonials	text/content/ hierarchy layout optimised images and alt tags links going to the right targets in the right way, clearly defined states
vacancies	text/content/ hierarchy layout optimised images and alt tags links going to the right targets in the right way, clearly defined states
custom email newswire template	text/content/ hierarchy layout optimised images and alt tags links going to the right targets in the right way, clearly defined states
webform module	responsive correct styling pulling in correct css editable and meaningful call-to-action
faq	text/content/ hierarchy layout optimised images and alt tags links going to the right targets in the right way, clearly defined states
services section	text/content/ hierarchy layout optimised images and alt tags links going to the right targets in the right way, clearly defined states
business news	text/content/ hierarchy layout optimised images and alt tags links going to the right targets in the right way, clearly defined states
company news	text/content/ hierarchy layout optimised images and alt tags links going to the right targets in the right way, clearly defined states
publications/downloads	text/content/ hierarchy layout optimised images and alt tags links going to the right targets in the right way, clearly defined states
blog landing page	text/content/ hierarchy layout optimised images and alt tags links going to the right targets in the right way, clearly defined states
blog entry	text/content/ hierarchy layout optimised images and alt tags links going to the right targets in the right way, clearly defined states
event landing page	text/content/ hierarchy layout optimised images and alt tags links going to the right targets in the right way, clearly defined states
event entry	text/content/ hierarchy layout optimised images and alt tags links going to the right targets in the right way, clearly defined states
/404	The layout of this page is good and the ‘home page’ link is clearly identifiable as link The correct error message is displayed.
Site Search	Search for “Lorem”. Check the results listing for any example content and delete the content except if this shows on the ‘Welcome’ page. The layout of the results page is good.

Contact us

Checking that the Company Registration Number, location and VAT number have been added to the page in a block, if applicable.	No duplicated text e.g. Registration Number Registration Number 1234567 Checking that there are no spare ‘,’ if not every line of the address is used
Filling in and sending form	Filling in some, but not all required fields and checking the error message Making sure that the client received the email

Registration & Profile

The Register page	The page layout.
Terms and conditions box	Making sure that this is a mandatory field and that you cannot submit the form without accepting the terms and conditions.
Completing the form using a personal/test email address and submit	The confirmation message shows “Login successful”
After registration you can log in automatically	Fields on My Profile page match the specification
Logged in as a user check the Contact us page	Your name and email address automatically filled in

* Testing Responsiveness on Chrome latest, Firefox latest, IE11, Safari latest, Tablet/iPad3/iPad4 and iPhone