Developer Checklist

The following checklists are intended to guide developers on the implementation of success criterion for page titles, text content, headings and links. The checklists should be used during the development phase to ensure WCAG 2.0 compliance of all content on the site and should form part of the unit testing phase undergone by developers when updating or creating new content or functionality.

Level A

Page title

PGT_A1: Page title should be coded.

Details
All pages must have a page title
Correct example(s)
<title>Bureau of Meteorology - Home Page</title>
Incorrect example(s)
No <title> present

PGT_A2: Page title should be present.

Details
Page title must not be empty
Correct example(s)
<title>Bureau of Meteorology - Home Page</title>
Incorrect example(s)
<title></title>

PGT_A3i: Page title content is correct.

Details
Page title is legible
Correct example(s)
<title>Bureau of Meteorology - Home Page</title>
Incorrect example(s)
<title>BureauOfMeteorology - HomePage</title>

PGT_A3ii:

Details
Page title is accurate
Correct example(s)
<title>Bureau of Meteorology - Home Page</title>
Incorrect example(s)
<title>Burea of Metorology - Home Pg</title>

PGT_A3iii:

Details
Page title is unique
Correct example(s)
<title>Bureau of Meteorology - Home Page</title>
Incorrect example(s)
<title>Bureau of Meteorology</title> (all pages)

PGT_A3iv:

Details
Page title is concise
Correct example(s)
<title> Coastal Waters Wind Warning - Bureau of Meteorology</title>
Incorrect example(s)
<title> Australian Government Bureau of Meteorology Victoria - Coastal Waters Wind Warning for Victorian waters between Mallacoota and 60nm east of Gabo Island -Bureau of Meteorology </title>

PGT_A3v:

Details
Page title is descriptive
Correct example(s)
<title>Bureau of Meteorology - Glossary of Terms - H</title>
Incorrect example(s)
<title>Bureau - Glossary of Terms</title>

PGT_A3vi:

Details
Page title does not include ASCII characters (punctuation excepted)
Correct example(s)
<title> Bureau of Meteorology - River Height data for Dawson at Utopia Downs</title>
Incorrect example(s)
<title>River Height data for Dawson at Utopia Downs *</title>

PGT_A4i: Page title references the site

Details
Page titles include a site reference
Correct example(s)
<title>Bureau of Meteorology - Climate information </title>
Incorrect example(s)
<title>Climate information </title>

PGT_A4ii:

Details
Site is referenced consistently across all page titles
Correct example(s)
<title>Bureau of Meteorology - Home Page</title>    <title>Bureau of Meteorology - Water Information </title>    <title>Bureau of Meteorology - Glossary of Terms</title>  <title>Bureau of Meteorology - Climate information</title>
Incorrect example(s)
<title>Bureau of Meteorology - Home Page</title>   <title>Water Information: Bureau of Meteorology </title>    <title>Bureau - Glossary of Terms</title>    <title>BOM - Climate information </title>

Text content

TXT_A1i: Instructional text

Details
Instructions are not based solely on visual location or appearance
Correct example(s)
Please fill out the following name and email address fields to sign up for the weather information notification
Incorrect example(s)
Please fill out the fields below to sign up for the weather information notification
Correct example(s)
Use the navigation titled Locations to access
Incorrect example(s)
Use the navigation on the left to access
Correct example(s)
Use the Next arrow to go forward and the Previous arrow to go back.
Incorrect example(s)
Use the arrow on the right to go forward and the arrow on the left to go back.

TXT_A1ii:

Details
Instructions do not refer to device-dependent handlers
Correct example(s)
<p>Select the station name for the corresponding 'Latest 72 hours' of observations.</p>
Incorrect example(s)
<p>Click station names to link to corresponding 'Latest 72 hours' of observations.</p>

TXT_A2i: Content is legible

Details
Pages do not contain spelling mistakes
Correct example(s)
Strength (sustained winds).
Incorrect example(s)
Strength (sustand winds).

TXT_A2ii:

Details
Content is meaningful when linearised
Correct example(s)
Table. Weather Forecast is meaningful when linearised
Incorrect example(s)
Weather Forecast Table. Incorrect when linearised
 Linearised: Sydney Melbourne Brisbane Perth 28° 26° 30° 26° Mostly Mostly Mostly A little sunny. sunny. fine, drizzle. early shower

TXT_A2iii:

Details
Dates are in a friendly format
Correct example(s)
<p class="date">Issued: 14th November 2012, 9am</p>   <p class="date">Issued: 14 Nov 12</p>
Incorrect example(s)
<p>Issued: 141112 09:00:00</p>

TXT_A2iv:

Details
Text is complete i.e. not cut off mid-word or mid-sentence
Correct example(s)
<p><q>"The Great Barrier Reef, like all coral reef ecosystems around the world, is at risk from a range of threats including coastal development, climate change, floods, cyclones and land run-off. </q></p>
Incorrect example(s)
<p>"The Great Barrier Reef, like all coral reef ecosystems around the world, is at risk from a range of threats including coa.." </p>

TXT_A2v:

Details
Information is not conveyed with colour alone
Correct example(s)
that is, in deciles 8 or 9 and indicated in blue on the map
Incorrect example(s)
indicated in blue on the map

TXT_A2vi:

Details
ASCII characters are not used to convey information (punctuation excepted)
Correct example(s)
<p>Note: Averages may change when the dataset is updated.</p>
Incorrect example(s)
<p>*averages may change when the dataset is updated.</p>

TXT_A2vii:

Details
Shading is not used to convey information
Correct example(s)
The first table lists areas experiencing extreme weather conditions, the second table.
Incorrect example(s)
Shaded table rows indicate areas experiencing extreme weather conditions.

TXT_A3i: Content coding is correct

Details
ASCII characters or number superscripts should be replaced by links
Correct example(s)
<p>When the <a id="Index Levels">UV Index forecast is 3 or above</a>, a level.</p>
Incorrect example(s)
When the UV Index forecast is 3 or above*, a level.

TXT_A3ii:

Details
Pages specify a valid DOCTYPE.
Correct example(s)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Incorrect example(s)
Valid DOCTYPEs can be found at <a href="http://www.w3.org/QA/2002/04/valid-dtd-list.html">http://www.w3.org/QA/2002/04/valid-dtd-list.html</a> 

Headings

HED_A1i: All pages contain headings

Details
All pages have at least one heading
Correct example(s)
<h1>About the new Bureau of Meteorology home page</h1> ...etc
Incorrect example(s)
Page consists of all text with no headings coded or otherwise.

HED_A1ii:

Details
Headings are not missing
Correct example(s)
<h1>Notes for contributors to the Australian Meteorological and Oceanographic Journal (AMOJ)</h1> ...etc
Incorrect example(s)
Sections of page content should be split up using headings

HED_A1iii:

Details
Pages start with a H1 heading
Correct example(s)
<h1>Notes for contributors to the Australian Meteorological and Oceanographic Journal (AMOJ)</h1>
Incorrect example(s)
First heading is heading 2 
<h2>Notes for contributors to the Australian Meteorological and Oceanographic Journal (AMOJ)</h2>

HED_A2i: Headings are coded correctly.

Details
Headings are coded using H1, H2, etc.
Correct example(s)
<h1>About the new Bureau of Meteorology home page</h1>
Incorrect example(s)
<p><font class="style5">About the new Bureau of Meteorology homepage </font> </p>

HED_A2ii:

Details
Headings are nested properly
Correct example(s)
<h1>About the new Bureau of Meteorology home page</h1> <h2>Purpose of the new home page design</h2> <h3>Content overview</h3>
Incorrect example(s)
<h1>About the new Bureau of Meteorology home page</h1> <h2>Purpose of the new home page design</h2> <h4>Content overview</h4>

HED_A2iii:

Details
Heading levels are correct
Correct example(s)
<h1>Changes District Forecast Boundaries</h1><p>
 <h2>NSW</h2><h2>VIC</h2><h2>ACT</h2><h2>QLD</h2><h2>WA</h2><h2>SA</h2><h2>NT</h2><h2>TAS</h2>
Incorrect example(s)
<h1>Changes District Forecast Boundaries</h1><p> <h4>NSW</h4><h4>VIC</h4><h3>ACT</h3><h3>QLD</h3><h4>WA</h4><h4>SA</h4><h4>NT</h4><h4>TAS</h4>

HED_A2iv:

Details
Headings should not have additional style sheet classes
Correct example(s)
<h2>Forecast for Thursday</h2>
Incorrect example(s)
<h2 style="FONT-WEIGHT: normal">Forecast for Thursday</h2>

HED_A2v:

Details
Hidden structural labels are not coded as headings
Correct example(s)
<p class=hidden >Main Navigation</p>
Incorrect example(s)
<h3 class=hidden>Main Navigation</h3>

HED_A2vi:

Details
Site title is not used as a heading on all pages
Correct example(s)
<a id="logo" href="<a href="view-source:http://www.bom.gov.au/index.shtml?ref=logo">/index.shtml?ref=logo</a>"><img src="<a href="view-source:http://www.bom.gov.au/images/ui/bom_logo_clr.gif">/images/ui/bom_logo_clr.gif</a>" title="Australian Government - Bureau of Meteorology" alt="Australian Government - Bureau of Meteorology" /></a>
Incorrect example(s)
<h1><a id="logo" href="<a href="view-source:http://www.bom.gov.au/index.shtml?ref=logo">/index.shtml?ref=logo</a>"><img src="<a href="view-source:http://www.bom.gov.au/images/ui/bom_logo_clr.gif">/images/ui/bom_logo_clr.gif</a>" title="Australian Government - Bureau of Meteorology" alt="Australian Government - Bureau of Meteorology" /></a></h1>

HED_A2vii:

Details
Headings are correct when style sheets are disabled
Correct example(s)
<h2>Latest Weather</h2>
Incorrect example(s)
Heading content is changed by the CSS 
<div class="latest-weather"><h2 class="heading"> latest-weather </h2></div>

HED_A3i: Heading content is appropriate

Details
Headings are correctly spelt
Correct example(s)
<h2>Changes to Weather District Boundaries</h2>
Incorrect example(s)
<h2>Changes to Wether Distrikt Forecasts</h2>

HED_A3ii:

Details
Headings are concise
Correct example(s)
<h1>Agricultural Observations Bulletins</h1>
Incorrect example(s)
<h1>Agricultural Observations Bulletins are now available for all States and Territories as at 30 June 2004.</h1>

HED_A3iii:

Details
Headings are not empty
Correct example(s)
<h1>Changes to NSW District Forecast Boundaries</h1>
Incorrect example(s)
<h1></h1>

HED_A3iv:

Details
Headings are descriptive
Correct example(s)
<h2>Guidelines for Contributory Text</h2>
Incorrect example(s)
<h2>Text</h2>

HED_A3v:

Details
Headings are not capitalised
Correct example(s)
<h3>Monthly Weather Summary, ACT Meteorological Office</h3>
Incorrect example(s)
<h3>MONTHLY WEATHER SUMMARY, ACT METEOROLOGICAL OFFICE</h3>

Link Text

LNK_A1i: Link text is appropriate

Details
Link text is clear
Correct example(s)
<a href="/announcements/media_releases_archive.shtml">AllMedia Releases</a>
Incorrect example(s)
<a href="/announcements/media_releases_archive.shtml">All</a>

LNK_A1ii:

Details
Device-dependent handlers i.e. “click”, are not used in link text
Correct example(s)
<p>For news items, go to the <a href="/announcements/news.shtml"> announcements </a> page.</p>
Incorrect example(s)
<p>For news items, <a href="/announcements/news.shtml">click here</a> to go to the announcements page.</p>

LNK_A1iii:

Details
Link text is not capitalised
Correct example(s)
<a href="/climate/averages/tables/cw_052088.shtml">052088 Walgett Airport AWS (1.5km)</a>
Incorrect example(s)
<a href="/climate/averages/tables/cw_052088.shtml">052088&nbsp;&nbsp; WALGETT AIRPORT AWS (1.5km)</a>

LNK_A1iv:

Details
ASCII characters are not used in link text (punctuation excepted)
Correct example(s)
<a href="/cyclone/history/gabrielle.shtml">Tropical Low Gabrielle</a>
Incorrect example(s)
<a href="/cyclone/history/gabrielle.shtml">Tropical Low Gabrielle*</a>

LNK_A1v:

Details
Link text does not include explicit URLs
Correct example(s)
<p Product available under the Warnings heading at <a href="http://www.bom.gov.au/act/">The Bureau of Meteorology (ACT)</a> and
<a href="http://www.bom.gov.au/nsw/">The Bureau of Meteorology (NSW)</a></p>
Incorrect example(s)
<p Product available under the Warnings heading at</i> <a href="http://www.bom.gov.au/act/">http://www.bom.gov.au/act/</a> and
<a href="view-source:http://www.bom.gov.au/nsw/">http://www.bom.gov.au/nsw/</a></p>

LNK_A1vi:

Details
Link text does not use the words ‘more’ or ‘here’, without additional information.
Correct example(s)
<p>Climate averages for Sydney are available at the <a href="view-source:http://www.bom.gov.au/climate/averages/tables/cw_066062.shtml">Climate statistics for Australian locations</a></p>
Incorrect example(s)
<p>Climate averages for Sydney are available at <a href="view-source:http://www.bom.gov.au/climate/averages/tables/cw_066062.shtml"</a>>here</a></p>

LNK_A2i: Links are coded correctly

Details
Inactive text is not given the visual appearance of a link
Correct example(s)
<p> Autumn 2005 (March to May)</p>
Incorrect example(s)
<b><u><font face="Arial"> Autumn 2005 (March to May) </font></u></b>

LNK_A2ii:

Details
Links are active i.e. everything that could be a link is coded as a link
Correct example(s)
<p>Visit the <a href="view-source:http://www.bom.gov.au/act/">The Bureau of Meteorology (ACT)</a>website</p>
Incorrect example(s)
<p>Visit the Bureau of Meteorology (ACT) website</p>

LNK_A2iii:

Details
Links are not broken
Correct example(s)
<a href="http://www.bom.gov.au/act/">The Bureau of Meteorology (ACT)</a>
Incorrect example(s)
<a href="http://www.bureau.gov.au/act/">The Bureau of Meteorology (ACT) </a>

LNK_A2iv:

Details
Links are not empty
Correct example(s)
"<a href="http://www.bom.gov.au/act/">The Bureau of Meteorology (ACT)</a>
Incorrect example(s)
<a href="http://www.bom.gov.au/act/"></a>

LNK_A3i: Skip Links

Details
Skip links are on every page
Correct example(s)
<a href="#content">Skip to main content </a>
Incorrect example(s)
No skip links are specified.

LNK_A3ii:

Details
Skip links are used correctly e.g. Skip to the content or Skip to main content.
Correct example(s)
<a href="#content">Skip to main content</a>
Incorrect example(s)
<a href="#content">Skip to content</a>

LNK_A3iii:

Details
Skip links are visible
Correct example(s)
<a href="#content">Skip to main content</a>
Incorrect example(s)
<a display:none href="#content">Skip to main content</a>

LNK_A3iv:

Details
Skip links are the first link on the page
Correct example(s)
<ul>
<li><a href="http://www.bom.gov.au/index.shtml?ref=hdr#content">Skip to main content</a></li>
<li><a href="/inside/index.shtml?ref=hdr">About</a></li>
<li class="last"> <a href="/inside/contacts.shtml?ref=hdr">Contacts</a> </li>
</ul>
Incorrect example(s)
<ul>
<li><a href="/inside/index.shtml?ref=hdr">About</a></li>
<li class="last"><a href="/inside/contacts.shtml?ref=hdr">Contacts</a> </li>
<a href="<a href="view-source:http://www.bom.gov.au/index.shtml?ref=hdr#content">Skip to main content</a>
</ul>

LNK_A3v:

Details
Skip links are not broken
Correct example(s)
<a href="#content">Skip to main content</a>
Incorrect example(s)
<a href="">Skip to main content</a>

LNK_A3vi:

Details
Skip link has no anchor on the page
Correct example(s)
<a href="#content">Skip to main content</a>
<a name="content">Content</a>
<p>The main area of weather disturbance..</p>
Incorrect example(s)
<a href="#content">Skip to main content</a>
<p>The main area of weather disturbance..</p>

LNK_A4i: Pagination

Details
The purpose of pagination links are clear “ include a ‘Go to page’ type label prior to pagination links.
Correct example(s)
<div class="searchPagination">Go to page:<span class="fb-current-result-page">1</span>|<a href="search.cgi?collection=agencies&form=simple&profile=bom&query=weather&start_rank=11">2</a>|<a href="search.cgi?collection=agencies&form=simple&profile=bom&query=weather&start_rank=21">3</a> etc

Correct example of pagination links. Go to page: 1|2|3
Incorrect example(s)
<div class="searchPagination"> <span class="fb-current-result-page">1</span>|<a href="search.cgi?collection=agencies&form=simple&profile=bom&query=weather&start_rank=11">2</a>|<a href="search.cgi?collection=agencies&form=simple&profile=bom&query=weather&start_rank=21">3</a>etc
Incorrect example of pagination links. 1|2|3

LNK_A4ii:

Details
The purpose of alphabetised links are clear include a ‘Go to page’ type label prior to alphabetised links.
Correct example(s)
<div class="searchPagination">Go to locations starting with the letter:<span class="fb-current-result-page">A</span>|<a href="search.cgi?collection=agencies&form=simple&profile=bom&query=weather&start_rank=11">B</a>|<a href="search.cgi?collection=agencies&form=simple&profile=bom&query=weather&start_rank=21">C</a> etc
Correct example of alphabetised links. Go to page: A|B|C
Incorrect example(s)
<div class="searchPagination"> <span class="fb-current-result-page">A</span>|<a href="search.cgi?collection=agencies&form=simple&profile=bom&query=weather&start_rank=11">B</a>|<a href="search.cgi?collection=agencies&form=simple&profile=bom&query=weather&start_rank=21">C</a> etc
Incorrect example of alphabetised links. A|B|C

LNK_A5: Link presentation

Details
Links are not distinguished with colour alone
Correct example(s)
Sydney (text coloured blue and underlined), 25 degrees celsius (text coloured red), Mostly Sunny
Incorrect example(s)
Sydney (text coloured blue), 25 degrees celsius (text coloured red), Mostly Sunny

LNK_A6: JavaScript

Details
JavaScript links are not used
Correct example(s)
<a href="http://severe.worldweather.org/">Severe World Weather</a>
Incorrect example(s)
<a href="javascript:onclick=NewWindow('http://severe.worldweather.org/')">Severe World Weather</a>Or<a href=" http://severe.worldweather.org/" onclick="javascript:return false;" style="cursor:default;padding-left:22px;padding-top:5px;color:#000000">Severe World Weather</a>

Level AA

Text Content

TXT_AA1:

Details
Images of text have been used instead of text.
Correct example(s)
<h2>Water Information</h2>
Incorrect example(s)
<h2><IMG SRC=water-information.jpg ALT=Water Information></h2>

TXT_AA2:

Details
Foreign language [in page content] is marked up with the LANG attribute.
Correct example(s)
<p>Remainder of 2012 and early 2013, with one model suggesting weak <lang=es>El Nios</lang> conditions remain possible over the austral summer.</p>
Incorrect example(s)
<p>Remainder of 2012 and early 2013, with one model suggesting weak El Nios/strong> conditions remain possible over the austral summer.</p>

Headings

HED_AA1: Headings are not redundant

Details
Headings are followed by appropriate page content
Correct example(s)
<h4>Severe Thunderstorm Warning - Victoria</h4>Issued as an alert to the public, emergency services yourself and those around.<h4>Severe Thunderstorm Warning - Melbourne</h4>These provide more specific information on severe thunderstorms
Incorrect example(s)
<h4>Severe Thunderstorm Warning - Victoria</h4>Content is missing <h4>Severe Thunderstorm Warning - Melbourne</h4>These provide more specific information on severe thunderstorms.

Link Text

LNK_AA1i: Pagination

Details
Pagination links are consistent
Correct example(s)
Pagination is coded in the same way across the site Go to Page:1-2-3-4-5
Incorrect example(s)
Different pagination presentation is used in different areas of the site or or Pagination:1|2|3 or Pagination:1,2,3,4,5,6 or Go to Page:1-2-3-4-5

LNK_AA1ii:

Details
Alphabetised links are consistent
Correct example(s)
Alphabetised links are coded in the same way across the site Go to Page:A|B|C
Incorrect example(s)
Different presentation of alphabetised links is used in different areas of the site or or or Goto Page:A|B|C or Go to Page:A-B-C-D-E or Pagination:A|B|C or Pagination:A,B,C,D,E

LNK_AA2i: Presentation

Details
Link text colour contrast is sufficient
Correct example(s)
For further information, refer to W3C’s colour contrast requirements.
Incorrect example(s)
Incorrect example of LNK_AA2i. Dark gray text on light gray background.

LNK_AA2ii:

Details
In-line link formatting is consistent
Correct example(s)
Correct example of LNK_AA2ii
Incorrect example(s)
Incorrect example of LNK_AA2ii

LNK_AA2iii:

Details
Back to top links are consistent
Correct example(s)
<p>One presentation is used across the site <WRAP prewrap>
<a href="#top">Back to top</a></p>
Incorrect example(s)
<p>Inconsistent presentation <WRAP prewrap>
<a href="#top">back to top</a>
<a href="#top"> top</a>
<a href="#top"> TOP</a></p>