Quality Assurance Checklist

Download as pdf or txt
Download as pdf or txt
You are on page 1of 6

Quality Assurance Checklist

Pass
Topic List Item Notes
or Fail
Was the code checked with an Automated
Use of Validation tool? Automated tools can check
Automated for about 25% of accessibility issues such
as images missing alt tags, color contrast, Y
Testing
form fields, etc.
Tools
Is semantic markup used appropriately to
designate headings (<h1>), regions/
landmarks, lists (<ul>, <ol>, and <dl>),
N
emphasized or special text
(<strong>, <code>, <abbr>,
<blockquote>, for example), etc?
Can structure, information, and
Semantics relationships conveyed through visual
presentation (in headings, lists, menus,
and forms, etc.) be programmatically
Structure determined?
Is ARIA used appropriately to enhance
accessibility when HTML is not sufficient?
Is the use of ARIA appropriate, to
enhance HTML semantics to better
identify the purpose of interface
components?
Is a link provided to skip navigation and
other page elements that are repeated
across web pages?
Does the web page have a descriptive and
informative title?
Are the reading and navigation order
(determined by code order) logical and
Navigation
intuitive?
Can the purpose of each link (or form,
image, button or image map hotspot) be
determined from the link text alone, or from
the link text and its context? For example,
surrounding text, list item, table cell, or table
headers.
Quality Assurance Checklist

Pass
Topic List Item Notes
or Fail
Are there at least two available options to
find other web pages on the site? For
Navigation example, a list of related pages, table of
contents, site map, site search, or list of all
available web pages.
Is the reading and navigation order
(determined by code order) logical and
intuitive?
Has the reading order been tested to
confirm that all content on the page is
available in a logical order for assistive
Readability technologies?
Is the language of the page identified using
the HTML lang attribute (e.g., <html
lang="en">)?
Is the language of page content that is in a
different language identified using the lang
attribute (e.g., <blockquote lang="es">)?

Do all linked, informative, and


decorative <img> elements have
appropriate alternative text?
• Content images have relevant alt-text
descriptions.
Images • Decorative images have null alt-text.
Do all informative background images
have alternative text that can be read by
assistive technologies?
Quality Assurance Checklist

Pass
Topic List Item Notes
or Fail
When interacting with a page with the
keyboard, is focus always visible, is it
managed when necessary, and does it
follow a logical order? For example, as you
tab through the page, you can see where
you are.
Can all functionality be accomplished using
only the keyboard? Try tabbing through the
page and watch for focus to ensure you can
access all areas on the screen in the logical
order.
Do all keyboard-only and touchscreen
interactions follow expected patterns so users
know how to interact with all widgets on the
page?
Can keyboard-only users always move
Keyboard focus without ever getting trapped?
and Is single point activation (such as tapping a
Touchscreen button) used over multipoint or path-based
Navigation gestures (such as pinching, swiping, or
dragging across the screen) if these options
are not essential to functionality?
Is it possible that functionality triggered by
moving the device (such as shaking or
panning a mobile device) or by user
movement (such as waving to a camera) can
be disabled and equivalent functionality is
provided via standard controls like buttons?

Are clickable targets at least 44 by 44 pixels


in size? Exceptions if an alternative target of
that size is provided, the target is inline (such
as a link within a sentence), the target is not
author-modified (such as a default
checkbox), or the small target size is
essential to the functionality.
Are tables being used to display tabular data
and data cells are associated with their
Tables headers? Are data table captions, if present,
are associated with data tables?
Quality Assurance Checklist

Pass
Topic List Item Notes
or Fail
Are data tables marked up to convey the correct
relationships between data cells and their
associated column or row header cells?
Tables
Do layout tables contain only <td> cells and no
other structural markup such as a <th> or
<caption>
Do form controls have visible labels? Are the
label and control programmatically associated?

Form Labels Are related fields grouped and associated with


a common label (if present)? ARIA labelling
may be used when standard HTML is
insufficient.
Are error descriptions programmatically
associated with their form element?
Are form validation errors clearly identified,
is quick access to the problematic element
provided, and can the user easily fix the
error and resubmit the form?

If an input error is detected via client-side or


server-side validation, are suggestions
provided for fixing the input?
Form Errors If an error is detected on form
submission, are screen reader users
made aware of it?
If a validation error occurs during user
input or when a user moves focus, is the
error message spoken by a screen reader?

If the user changes or deletes legal,


financial, or test data, can the changes/
deletions be reversed, verified, or
confirmed?
Quality Assurance Checklist

Pass
Topic List Item Notes
or Fail
Do all custom controls, scripted
components and widgets provide
names and roles to mimic native
HTML controls and are they
programmatically determinable?
Custom
Can keyboard shortcuts that use
Controls
printable character keys be disabled to a
non-printable key (Ctrl, Alt, etc.) or only
activate the shortcut when an
associated interface component or
button is focused?
Has it been verified that when an
element receives focus, for example by
tabbing to it, no major change of context
is automatically triggered?
Context Has it been verified that when a person
Changes changes the setting of a user interface
component, no major change of context
is automatically triggered unless they
have been notified beforehand?

For pages or applications with a time


limit, are there options built in for to turn
off, adjust, or extend that time limit? This
is not a requirement for real-time events
where the time limit is absolutely
required, or if the time limit is longer than
20 hours.

Timing Can automatically moving, blinking, or


scrolling content that last longer than 5
seconds can be paused, stopped, or
hidden by the user?
Can automatically updating content can
be paused, stopped, or hidden by the
user or the user can manually control the
timing of the updates?
Quality Assurance Checklist

Pass
Topic List Item Notes
or Fail
Can interruptions (alerts, page updates,
etc.) can be postponed or suppressed
by the user?
Timing
Do users receive warning of any timeout
that could result in data loss?

You might also like

pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy