Skip to content
Getting Started
Let’s Chat
Request a Demo
The Powerful Approach
User Experience
Information Architecture
Content Strategy
Visual Design
Mobile-First Design Approach
Team of Trusted Web Experts
Engage & Learn
Blog
Case Studies & Portfolio
Curated Blueprint Gallery
Features & Functionality
Accessibility Compliance
Hosting & Security Standards
Web Apps Collection
QA – Design
Home
QA – Design
QA - Design
Checklist of items needing reviewed to ensure quality of overall design elements
Name
(Required)
First
Last
Website
(Required)
Since we are only looking at mockups on Comment Portals and can’t interact with the pages, we are only checking to make sure that things look correct. We focus on the header/menu, the footer, CTA(Call to Action) buttons, hover elements and general formatting.
(Required)
Got it!
Header/Menu:
The header should not be too big, somewhere around 100px so that CTAs and other information is not beneath “the fold”, requiring clients to scroll down to see CTAs
It’s best for the company logo to bring clients back to the home page. A home logo is preferable to the word “Home”
If there is a Sign in link, there should also be a Sign up link
On the menu there should be an arrow indicating there are sub pages
Select All
Issues Found
Call to Action Buttons (CTA)
Ensure the CTA is above the fold at 750px
Scroll is visible and clickable
The links should be descriptive. Learn more, read now, get more info should be avoided. Being more descriptive helps with screen readers
Make sure that graphics are high quality. Vector graphics can be made if what the client provides does not look good enough
Select All
Issues Found
General Formatting:
When you hover over an element, something should appear and not disappear
News posts should have a date so clients will know when it was posted
Make sure posts include the year
Events should include the day of the week
News posts should avoid using snippets from the beginning of the post, it is confusing for screen readers
For an events section with no upcoming events, the notification should be legible
Events and blog posts should not have a 0 in the date for single digit days
Avoid SmartHub branding (If applicable)
Phone numbers should be linked and formatted (123) 456-7891
Site reveals should have sample events even if we have to create them
Event dates should be ascending
News posts dates should be descending
Ensure that colors for fonts are WCAG AA compliant. The Colorzilla plugin for Chrome can be used with https://webaim.org/resources/contrastchecker/ to ensure compliance
Select All
Issues Found
Footer:
(Required)
Addresses and phone numbers should be on separate lines
Offices should have clickable links to directions. It should say something similar to Directions to office
Phone numbers in the footer should be click to call
Phone numbers should be linked and formatted (123) 456-7891
Hours of operations should be something like Monday through Friday 7am to 5pm for screen readers. Avoid dashes
Icons and headlines should be used for addresses and phone numbers
Make sure the icon line weights are the same
All footers should have a separate link for Website Accessibility, Privacy Policy, Do Not Sell My Info (CCPA), Terms of Use, Equal Opportunity Employer, and Non=Discrimination Policy
Copyright should have a symbol and company name, Example Copyright © 2020, XYZ company
Footers should have a site credit link. A powerful creation with the P logo should link to powerfulweb.com like on sellwood sites
PO box and street address should be in separate widgets
Select All
Issues Found
Phone
This field is for validation purposes and should be left unchanged.
Getting Started
Let’s Chat
Request a Demo
The Powerful Approach
User Experience
Information Architecture
Content Strategy
Visual Design
Mobile-First Design Approach
Team of Trusted Web Experts
Engage & Learn
Blog
Case Studies & Portfolio
Curated Blueprint Gallery
Features & Functionality
Accessibility Compliance
Hosting & Security Standards
Web Apps Collection
