Category Checking item
All fonts are to be the same and consistent
All text properly is aligned
Content
Check content remain if you need to go back to a previous page, or if you move forward to another new
page?
Only have prompt boxes for when there are errors or an action has not happened successfully.
The alert icon and message fit the situation
Alert
All the error message text is spelt correctly
standards
Warning and Confirmation message will follow Window standards for icons, sounds, themes, etc.
Are all read-only fields avoided in the TAB sequence?
Does the Tab Order specified on the screen go in sequence from Top Left to bottom right? This is the
default unless otherwise specified.
TAB
Use SHIFT+TAB to move focus backwards
On open of tab focus will be on first editable field
The system should be able to handle multiple screen resolutions, with the minimum being 1024 * 768 and
the preferred being 1280 * 1024 and 1366 * 768.
Screen Size
The system should work on 4:3 and widescreen (16:9 and 16:10) monitors
Are hyperlink colours standard?
COLOR Are all the buttons are in standard format and size?
Check that the link takes you to the page it said it would.
LINK
Are all referenced web sites or email addresses hyperlinked?
Keyboard Make sure that all functions are available via keyboard only (do not use mouse)
All content on page is accessible using a keyboard
Nothing on page requires exclusive use of a mouse
User can tab through content on page without being “trapped” (may occur withsome embedded content
such as Flash)
Foreground When a foreground colour is specified, so is a background colour (and vice versa)
and
background
Seizure Nothing on the page flashes more than 3 times per second.
prevention
Sufficient Users have enough time to read the page
Time Page does not redirect or refresh after a certain time limit or a time-out unless the user is provided:
- a way by which to disable the time limit; or,
- a way by which they may extend the time limit after being given awarning that the limit is about to
expire.
Document Use proper semantic markup for all elements on page
structure H1...H6 are used to identify all headings without skipping a level (i.e., no H3 headings used directly
immediately below a H1 heading; must be H1 -> H2 -> H3)
All lists or groups of links use either <ol> or <ul> or <dl>
Language of Sections of content in language different from the primary language of the page have the “lang” (HTML)
Parts or “xml:lang” (XHTML 1.0) attributes to the appropriate language code in their surrounding tags
ALT Text All images use appropriate alternative text
- Alternative text provides a short but descriptive identification of the image
Label All fields in the form must have <label>
Radio Use <fieldsets> with , <legend> to associate prompts for radio buttons and check boxes
button and
check box
Errors Errors should be in readable test, close to error and in prominent location.
Images Shouldn't use image text for image
ALT Text ALT text must be brief
All images should have ALT text
Hyper links Does it contain readable text ?
Is it a descriptive link?
Ensure links are meaningful when read out of context
Ensure links open in the same window
i.e advoid repetitive link text like 'Click Here', 'Here' and 'More'
Be aware of - Ensure sufficient contrast
color - Check out tools section
blindness - Make sure website readable by those with colour blindness
-Text should be large enough to be easyly readable by those with les than perfect eyesight
Color Don't rely on colour to convey information
Logical tab Logical tab order: Use tabindex if necessary
order
Markup Can markup be read if user changes colours and sizes themselves?
Page title - Page title have wrong description
- Page is miss title
Attributes Use heading levels to indicate headings
Nest heading level correctly
Use unordered or ordered lists to identify bullet points
Use appropriate attributes such as
Headers
<p>
<li>
<ol>
...
Data table: Headers in data tables - use <th>, ensure data cells are associated with headers
