Developers Checklist

Developers Checklist
Pass
Topic List Item Notes
or Fail
Was the code checked with an
Use of Automated Validation tool?
Automated Automated tools can check for
Testing about 25% of accessibility issues such
as images missing alt tags, color
Tools
contrast, form fields, etc.
When possible, are HTML tags used
and applied for their native
semantics?
Can structure, information, and
relationships conveyed through
visual presentation (in headings, lists,
menus, forms, etc.) be
Semantics programmatically determined?
and Is markup used in a way that
Structure facilitates accessibility? This includes
following the HTML/XHTML
specifications and using forms, form
labels, frame titles, etc.
appropriately.
Is ARIA used appropriately to
enhance accessibility when HTML is
not sufficient?
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)
Navigation logical and 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.
Pass
or Fail
Are there at least two available
options to find other web pages on
the site? For example, a list of
Navigation related pages, table of contents,
site map, site search, or list of all
available web pages.
Has the reading order been tested
to confirm that all content on the
page is available in a logical order
for assistive technologies?
Is the language of the page
identified using the HTML lang
attribute (<html lang="en">)?
Readability Is the language of page content
that is in a different language
identified using the lang attribute
(<blockquote lang="es">)?
Does all text have a minimum color
contrast against its background of
at least 4.5 to 1 (3 to 1 for large
text)?
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?
When interacting with a page with
Keyboard the keyboard, is focus always
and visible, is it managed when
Touchscreen necessary, and does it follow a
Navigation logical order? For example, as you
tab through the page, you can see
where you are.
Pass
or Fail
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 focus without ever getting
trapped?
Is single point activation (such as
tapping a button) used over
multipoint or path-based gestures
Keyboard (such as pinching, swiping, or
and dragging across the screen) if
these options are not essential to
Touchscreen
functionality?
Navigation
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.
Pass
or Fail
Are tables being used to display
tabular data and data cells are
associated with their headers? Are
data table captions, if present, are
associated with data tables?
Are data tables marked up to
Tables
convey the correct relationships
between data cells and their
associated column or row header
cells?
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
Form Errors 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?
If an error is detected on form
submission, are screen reader
users made aware of it?
Pass
or Fail
If a validation error occurs during user
input or when a user moves focus, is
the error message spoken by a screen
reader?
Form Errors
If the user changes or deletes legal,
financial, or test data, can the
changes/deletions be reversed,
verified, or confirmed?
Do all custom controls, scripted
components and widgets provide
names and roles to mimic native HTML
controls and are they
programmatically determinable?
Custom
Controls Can keyboard shortcuts that use
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
Changes person changes the setting of a user
interface component, no major
change of context is automatically
triggered unless they have been
notified beforehand?
Pass
or Fail
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.
Can automatically moving, blinking,
or scrolling content that last longer
than 5 seconds can be paused,
Timing 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?
Can interruptions (alerts, page
updates, etc.) can be postponed or
suppressed by the user?
Do users receive warning of any
timeout that could result in data loss?

Developers Checklist - A11y

Uploaded by

Document Information

Original Description:

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Developers Checklist - A11y

Uploaded by

Copyright:

Available Formats

Form Labels Are related fields grouped and

You might also like