Pa11y results for "https://www.w3.org/WAI/demos/bad/before/news.html"

Generated at: Wed Apr 17 2024 00:04:34 GMT+0000 (Coordinated Universal Time)

Runners (with issues): axe, htmlcs

Toggle by type 89 errors 67 warnings 139 notices

Notice: Check that the title element describes the document.
htmlcs: WCAG2AA.Principle2.Guideline2_4.2_4_2.H25.2
<title>Welcome to CityLights! [Inacces...</title>
(selector "html > head > title")
Error: The html element should have a lang or xml:lang attribute which describes the language of the document.
htmlcs: WCAG2AA.Principle3.Guideline3_1.3_1_1.H57.2
<html><head> <title>Welcome to CityLi...</html>
(selector "html")
Notice: Check that the link text combined with programmatically determined link context identifies the purpose of the link.
htmlcs: WCAG2AA.Principle2.Guideline2_4.2_4_4.H77,H78,H79,H80,H81
<a href="#page">Skip to inaccessible demo page</a>
(selector "#skipnav > a")
Warning: If this element contains a navigation section, it is recommended that it be marked up as a list.
htmlcs: WCAG2AA.Principle1.Guideline1_3.1_3_1.H48
<p id="logos"><a href="https://www.w3.org/" t...</p>
(selector "#logos")
Notice: Check that the link text combined with programmatically determined link context, or its title attribute, identifies the purpose of the link.
htmlcs: WCAG2AA.Principle2.Guideline2_4.2_4_4.H77,H78,H79,H80,H81,H33
<a href="https://www.w3.org/" title="W3C Home"><img alt="W3C logo" src="../img...</a>
(selector "#logos > a:nth-child(1)")
Notice: Ensure that the img element's alt text serves the same purpose and presents the same information as the image.
htmlcs: WCAG2AA.Principle1.Guideline1_1.1_1_1.G94.Image
<img alt="W3C logo" src="../img/w3c.png" height="48" width="72">
(selector "#logos > a:nth-child(1) > img")
Notice: If this image cannot be fully described in a short text alternative, ensure a long text alternative is also available, such as in the body text or through a link.
htmlcs: WCAG2AA.Principle1.Guideline1_1.1_1_1.G73,G74
<img alt="W3C logo" src="../img/w3c.png" height="48" width="72">
(selector "#logos > a:nth-child(1) > img")
Notice: Check that the link text combined with programmatically determined link context, or its title attribute, identifies the purpose of the link.
htmlcs: WCAG2AA.Principle2.Guideline2_4.2_4_4.H77,H78,H79,H80,H81,H33
<a href="https://www.w3.org/WAI/" title="WAI Home"><img alt="Web Accessibility Ini...</a>
(selector "#logos > a:nth-child(2)")
Notice: Ensure that the img element's alt text serves the same purpose and presents the same information as the image.
htmlcs: WCAG2AA.Principle1.Guideline1_1.1_1_1.G94.Image
<img alt="Web Accessibility Initiative (WAI) logo" src="../img/wai.png" height="48">
(selector "#logos > a:nth-child(2) > img")
Notice: If this image cannot be fully described in a short text alternative, ensure a long text alternative is also available, such as in the body text or through a link.
htmlcs: WCAG2AA.Principle1.Guideline1_1.1_1_1.G73,G74
<img alt="Web Accessibility Initiative (WAI) logo" src="../img/wai.png" height="48">
(selector "#logos > a:nth-child(2) > img")
Notice: Check that the link text combined with programmatically determined link context identifies the purpose of the link.
htmlcs: WCAG2AA.Principle2.Guideline2_4.2_4_4.H77,H78,H79,H80,H81
<a href="../Overview.html">Overview</a>
(selector "#mnav > ul > li:nth-child(1) > a")
Notice: Check that the link text combined with programmatically determined link context identifies the purpose of the link.
htmlcs: WCAG2AA.Principle2.Guideline2_4.2_4_4.H77,H78,H79,H80,H81
<a href="home.html">Home</a>
(selector "#mnav > ul > li:nth-child(2) > a")
Warning: This element's text is placed on a background image. Ensure the contrast ratio between the text and all covered parts of the image are at least 4.5:1.
htmlcs: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.BgImage
<a class="page current"><span class="hidden">Inaccessib...</a>
(selector "#mnav > ul > li:nth-child(3) > div > ul > li:nth-child(1) > a:nth-child(2)")
Warning: Anchor element found with link content, but no href, ID or name attribute has been supplied.
htmlcs: WCAG2AA.Principle4.Guideline4_1.4_1_2.H91.A.Placeholder
<a class="page current"><span class="hidden">Inaccessib...</a>
(selector "#mnav > ul > li:nth-child(3) > div > ul > li:nth-child(1) > a:nth-child(2)")
Notice: Check that the link text combined with programmatically determined link context identifies the purpose of the link.
htmlcs: WCAG2AA.Principle2.Guideline2_4.2_4_4.H77,H78,H79,H80,H81
<a class="page current"><span class="hidden">Inaccessib...</a>
(selector "#mnav > ul > li:nth-child(3) > div > ul > li:nth-child(1) > a:nth-child(2)")
Notice: Check that the link text combined with programmatically determined link context identifies the purpose of the link.
htmlcs: WCAG2AA.Principle2.Guideline2_4.2_4_4.H77,H78,H79,H80,H81
<a href="./reports/news.html" class="report"><span class="hidden">Inaccessib...</a>
(selector "#mnav > ul > li:nth-child(3) > div > ul > li:nth-child(1) > a:nth-child(3)")
Notice: Check that the link text combined with programmatically determined link context identifies the purpose of the link.
htmlcs: WCAG2AA.Principle2.Guideline2_4.2_4_4.H77,H78,H79,H80,H81
<a href="../after/news.html" class="page"><span class="hidden">Accessible...</a>
(selector "#mnav > ul > li:nth-child(3) > div > ul > li:nth-child(2) > a:nth-child(2)")
Notice: Check that the link text combined with programmatically determined link context identifies the purpose of the link.
htmlcs: WCAG2AA.Principle2.Guideline2_4.2_4_4.H77,H78,H79,H80,H81
<a href="../after/reports/news.html" class="report"><span class="hidden">Accessible...</a>
(selector "#mnav > ul > li:nth-child(3) > div > ul > li:nth-child(2) > a:nth-child(3)")
Warning: This element's text is placed on a background image. Ensure the contrast ratio between the text and all covered parts of the image are at least 4.5:1.
htmlcs: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.BgImage
<a href="./annotated/news.html" class="annotoggle">Show <br>Annotations</a>
(selector "#mnav > ul > li:nth-child(3) > div > a")
Notice: Check that the link text combined with programmatically determined link context identifies the purpose of the link.
htmlcs: WCAG2AA.Principle2.Guideline2_4.2_4_4.H77,H78,H79,H80,H81
<a href="./annotated/news.html" class="annotoggle">Show <br>Annotations</a>
(selector "#mnav > ul > li:nth-child(3) > div > a")
Notice: Check that the link text combined with programmatically determined link context identifies the purpose of the link.
htmlcs: WCAG2AA.Principle2.Guideline2_4.2_4_4.H77,H78,H79,H80,H81
<a href="tickets.html">Tickets</a>
(selector "#mnav > ul > li:nth-child(4) > a")
Notice: Check that the link text combined with programmatically determined link context identifies the purpose of the link.
htmlcs: WCAG2AA.Principle2.Guideline2_4.2_4_4.H77,H78,H79,H80,H81
<a href="survey.html">Survey</a>
(selector "#mnav > ul > li:nth-child(5) > a")
Notice: Check that the link text combined with programmatically determined link context identifies the purpose of the link.
htmlcs: WCAG2AA.Principle2.Guideline2_4.2_4_4.H77,H78,H79,H80,H81
<a href="template.html">Template</a>
(selector "#mnav > ul > li:nth-child(6) > a")
Warning: Check that this element has an inherited foreground colour to complement the corresponding inline background colour or image.
htmlcs: WCAG2AA.Principle1.Guideline1_4.1_4_3_F24.F24.BGColour
<table width="100%" border="0px" cellspacing="0px" cellpadding="0px" bgcolor="#D7D7CD"><tbody><tr valign="MIDDLE"><td ...</table>
(selector "#page > table")
Notice: This table appears to be a layout table. If it is meant to instead be a data table, ensure header cells are identified using th elements.
htmlcs: WCAG2AA.Principle1.Guideline1_3.1_3_1.LayoutTable
<table width="100%" border="0px" cellspacing="0px" cellpadding="0px" bgcolor="#D7D7CD"><tbody><tr valign="MIDDLE"><td ...</table>
(selector "#page > table")
Warning: Semantic markup should be used to mark emphasised or special text so that it can be programmatically determined.
htmlcs: WCAG2AA.Principle1.Guideline1_3.1_3_1.H49.AlignAttr
<td width="100%" align="CENTER"> <table width="800px" borde...</td>
(selector "#page > table > tbody > tr > td")
Warning: Check that this element has an inherited foreground colour to complement the corresponding inline background colour or image.
htmlcs: WCAG2AA.Principle1.Guideline1_4.1_4_3_F24.F24.BGColour
<table width="800px" border="0px" cellspacing="0px" cellpadding="0px" bgcolor="WHITE"> <tbody><tr height="10px"...</table>
(selector "#page > table > tbody > tr > td > table")
Notice: This table appears to be a layout table. If it is meant to instead be a data table, ensure header cells are identified using th elements.
htmlcs: WCAG2AA.Principle1.Guideline1_3.1_3_1.LayoutTable
<table width="800px" border="0px" cellspacing="0px" cellpadding="0px" bgcolor="WHITE"> <tbody><tr height="10px"...</table>
(selector "#page > table > tbody > tr > td > table")
Error: Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.
htmlcs: WCAG2AA.Principle1.Guideline1_1.1_1_1.H37
<img src="./img/border_left_top.gif" width="10px" height="10px">
(selector "#page > table > tbody > tr > td > table > tbody > tr:nth-child(1) > td:nth-child(1) > img")
Notice: If this image cannot be fully described in a short text alternative, ensure a long text alternative is also available, such as in the body text or through a link.
htmlcs: WCAG2AA.Principle1.Guideline1_1.1_1_1.G73,G74
<img src="./img/border_left_top.gif" width="10px" height="10px">
(selector "#page > table > tbody > tr > td > table > tbody > tr:nth-child(1) > td:nth-child(1) > img")
Error: Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.
htmlcs: WCAG2AA.Principle1.Guideline1_1.1_1_1.H37
<img src="./img/border_top.gif" height="10px">
(selector "#page > table > tbody > tr > td > table > tbody > tr:nth-child(1) > td:nth-child(2) > img")
Notice: If this image cannot be fully described in a short text alternative, ensure a long text alternative is also available, such as in the body text or through a link.
htmlcs: WCAG2AA.Principle1.Guideline1_1.1_1_1.G73,G74
<img src="./img/border_top.gif" height="10px">
(selector "#page > table > tbody > tr > td > table > tbody > tr:nth-child(1) > td:nth-child(2) > img")
Error: Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.
htmlcs: WCAG2AA.Principle1.Guideline1_1.1_1_1.H37
<img src="./img/border_right_top.gif" width="10px" height="10px">
(selector "#page > table > tbody > tr > td > table > tbody > tr:nth-child(1) > td:nth-child(3) > img")
Notice: If this image cannot be fully described in a short text alternative, ensure a long text alternative is also available, such as in the body text or through a link.
htmlcs: WCAG2AA.Principle1.Guideline1_1.1_1_1.G73,G74
<img src="./img/border_right_top.gif" width="10px" height="10px">
(selector "#page > table > tbody > tr > td > table > tbody > tr:nth-child(1) > td:nth-child(3) > img")
Error: Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.
htmlcs: WCAG2AA.Principle1.Guideline1_1.1_1_1.H37
<img src="./img/border_left.gif" width="10px">
(selector "#page > table > tbody > tr > td > table > tbody > tr:nth-child(2) > td:nth-child(1) > img")
Notice: If this image cannot be fully described in a short text alternative, ensure a long text alternative is also available, such as in the body text or through a link.
htmlcs: WCAG2AA.Principle1.Guideline1_1.1_1_1.G73,G74
<img src="./img/border_left.gif" width="10px">
(selector "#page > table > tbody > tr > td > table > tbody > tr:nth-child(2) > td:nth-child(1) > img")
Warning: Semantic markup should be used to mark emphasised or special text so that it can be programmatically determined.
htmlcs: WCAG2AA.Principle1.Guideline1_3.1_3_1.H49.AlignAttr
<td width="780px" align="CENTER"> <table width="780px" heigh...</td>
(selector "#page > table > tbody > tr > td > table > tbody > tr:nth-child(2) > td:nth-child(2)")
Warning: Check that this element has an inherited foreground colour to complement the corresponding inline background colour or image.
htmlcs: WCAG2AA.Principle1.Guideline1_4.1_4_3_F24.F24.BGColour
<table width="780px" height="144px" border="0px" cellspacing="0px" cellpadding="0px" bgcolor="WHITE"> <tbody><tr height="86px"...</table>
(selector "#page > table > tbody > tr > td > table > tbody > tr:nth-child(2) > td:nth-child(2) > table:nth-child(1)")
Notice: This table appears to be a layout table. If it is meant to instead be a data table, ensure header cells are identified using th elements.
htmlcs: WCAG2AA.Principle1.Guideline1_3.1_3_1.LayoutTable
<table width="780px" height="144px" border="0px" cellspacing="0px" cellpadding="0px" bgcolor="WHITE"> <tbody><tr height="86px"...</table>
(selector "#page > table > tbody > tr > td > table > tbody > tr:nth-child(2) > td:nth-child(2) > table:nth-child(1)")
Notice: Check that the link text combined with programmatically determined link context identifies the purpose of the link.
htmlcs: WCAG2AA.Principle2.Guideline2_4.2_4_4.H77,H78,H79,H80,H81
<a href="home.html"><img src="./img/top_logo.gif" w...</a>
(selector "#page > table > tbody > tr > td > table > tbody > tr:nth-child(2) > td:nth-child(2) > table:nth-child(1) > tbody > tr:nth-child(1) > td:nth-child(1) > div > a")
Notice: Ensure that the img element's alt text serves the same purpose and presents the same information as the image.
htmlcs: WCAG2AA.Principle1.Guideline1_1.1_1_1.G94.Image
<img src="./img/top_logo.gif" width="443px" height="86px" alt="Red dot with a white letter 'C' that symbolizes a moon crescent as well as the sun. This logo is followed by a black banner that says 'CITYLIGHTS' which is the name of this online portal....
(selector "#page > table > tbody > tr > td > table > tbody > tr:nth-child(2) > td:nth-child(2) > table:nth-child(1) > tbody > tr:nth-child(1) > td:nth-child(1) > div > a > img")
Notice: If this image cannot be fully described in a short text alternative, ensure a long text alternative is also available, such as in the body text or through a link.
htmlcs: WCAG2AA.Principle1.Guideline1_1.1_1_1.G73,G74
<img src="./img/top_logo.gif" width="443px" height="86px" alt="Red dot with a white letter 'C' that symbolizes a moon crescent as well as the sun. This logo is followed by a black banner that says 'CITYLIGHTS' which is the name of this online portal....
(selector "#page > table > tbody > tr > td > table > tbody > tr:nth-child(2) > td:nth-child(2) > table:nth-child(1) > tbody > tr:nth-child(1) > td:nth-child(1) > div > a > img")
Error: Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.
htmlcs: WCAG2AA.Principle1.Guideline1_1.1_1_1.H37
<img src="./img/top_logo_next_end.gif" width="24px" height="86px">
(selector "#page > table > tbody > tr > td > table > tbody > tr:nth-child(2) > td:nth-child(2) > table:nth-child(1) > tbody > tr:nth-child(1) > td:nth-child(2) > img")
Notice: If this image cannot be fully described in a short text alternative, ensure a long text alternative is also available, such as in the body text or through a link.
htmlcs: WCAG2AA.Principle1.Guideline1_1.1_1_1.G73,G74
<img src="./img/top_logo_next_end.gif" width="24px" height="86px">
(selector "#page > table > tbody > tr > td > table > tbody > tr:nth-child(2) > td:nth-child(2) > table:nth-child(1) > tbody > tr:nth-child(1) > td:nth-child(2) > img")
Error: Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.
htmlcs: WCAG2AA.Principle1.Guideline1_1.1_1_1.H37
<img src="./img/top_weather.gif" width="128px" height="86px">
(selector "#page > table > tbody > tr > td > table > tbody > tr:nth-child(2) > td:nth-child(2) > table:nth-child(1) > tbody > tr:nth-child(1) > td:nth-child(3) > img")
Notice: If this image cannot be fully described in a short text alternative, ensure a long text alternative is also available, such as in the body text or through a link.
htmlcs: WCAG2AA.Principle1.Guideline1_1.1_1_1.G73,G74
<img src="./img/top_weather.gif" width="128px" height="86px">
(selector "#page > table > tbody > tr > td > table > tbody > tr:nth-child(2) > td:nth-child(2) > table:nth-child(1) > tbody > tr:nth-child(1) > td:nth-child(3) > img")
Error: Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.
htmlcs: WCAG2AA.Principle1.Guideline1_1.1_1_1.H37
<img src="./img/top_logo_next_start.gif" width="22px" height="86px">
(selector "#page > table > tbody > tr > td > table > tbody > tr:nth-child(2) > td:nth-child(2) > table:nth-child(1) > tbody > tr:nth-child(1) > td:nth-child(4) > img")
Notice: If this image cannot be fully described in a short text alternative, ensure a long text alternative is also available, such as in the body text or through a link.
htmlcs: WCAG2AA.Principle1.Guideline1_1.1_1_1.G73,G74
<img src="./img/top_logo_next_start.gif" width="22px" height="86px">
(selector "#page > table > tbody > tr > td > table > tbody > tr:nth-child(2) > td:nth-child(2) > table:nth-child(1) > tbody > tr:nth-child(1) > td:nth-child(4) > img")
Warning: Semantic markup should be used to mark emphasised or special text so that it can be programmatically determined.
htmlcs: WCAG2AA.Principle1.Guideline1_3.1_3_1.H49.AlignAttr
<td width="163px" background="./img/top_logo_next.gif" align="CENTER" valign="MIDDLE"> <select onchange="lo...</td>
(selector "#page > table > tbody > tr > td > table > tbody > tr:nth-child(2) > td:nth-child(2) > table:nth-child(1) > tbody > tr:nth-child(1) > td:nth-child(5)")
Error: This select element does not have a name available to an accessibility API. Valid names are: label element, title undefined, aria-label undefined, aria-labelledby undefined.
htmlcs: WCAG2AA.Principle4.Guideline4_1.4_1_2.H91.Select.Name
<select onchange="location.href = this.value;"> <option selected="...</select>
(selector "#page > table > tbody > tr > td > table > tbody > tr:nth-child(2) > td:nth-child(2) > table:nth-child(1) > tbody > tr:nth-child(1) > td:nth-child(5) > select")
Error: This form field should be labelled in some way. Use the label element (either with a "for" attribute or wrapped around the form field), or "title", "aria-label" or "aria-labelledby" attributes as appropriate.
htmlcs: WCAG2AA.Principle1.Guideline1_3.1_3_1.F68
<select onchange="location.href = this.value;"> <option selected="...</select>
(selector "#page > table > tbody > tr > td > table > tbody > tr:nth-child(2) > td:nth-child(2) > table:nth-child(1) > tbody > tr:nth-child(1) > td:nth-child(5) > select")
Warning: If this selection list contains groups of related options, they should be grouped with optgroup.
htmlcs: WCAG2AA.Principle1.Guideline1_3.1_3_1.H85.2
<select onchange="location.href = this.value;"> <option selected="...</select>
(selector "#page > table > tbody > tr > td > table > tbody > tr:nth-child(2) > td:nth-child(2) > table:nth-child(1) > tbody > tr:nth-child(1) > td:nth-child(5) > select")
Notice: Check that the input field serves a purpose identified in the Input Purposes for User Interface Components section; and that the content is implemented using technologies with support for identifying the expected meaning for form input data.
htmlcs: WCAG2AA.Principle1.Guideline1_3.1_3_5.H98
<select onchange="location.href = this.value;"> <option selected="...</select>
(selector "#page > table > tbody > tr > td > table > tbody > tr:nth-child(2) > td:nth-child(2) > table:nth-child(1) > tbody > tr:nth-child(1) > td:nth-child(5) > select")
Notice: This element does not have an autocomplete attribute. If this field collects information about the user, consider adding one to comply with this Success Criterion.
htmlcs: WCAG2AA.Principle1.Guideline1_3.1_3_5.H98
<select onchange="location.href = this.value;"> <option selected="...</select>
(selector "#page > table > tbody > tr > td > table > tbody > tr:nth-child(2) > td:nth-child(2) > table:nth-child(1) > tbody > tr:nth-child(1) > td:nth-child(5) > select")
Notice: Check that a change of context does not occur when this input field receives focus.
htmlcs: WCAG2AA.Principle3.Guideline3_2.3_2_1.G107
<select onchange="location.href = this.value;"> <option selected="...</select>
(selector "#page > table > tbody > tr > td > table > tbody > tr:nth-child(2) > td:nth-child(2) > table:nth-child(1) > tbody > tr:nth-child(1) > td:nth-child(5) > select")
Error: Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.
htmlcs: WCAG2AA.Principle1.Guideline1_1.1_1_1.H37
<img src="./img/mark.gif" width="158px" height="7px">
(selector "#page > table > tbody > tr > td > table > tbody > tr:nth-child(2) > td:nth-child(2) > table:nth-child(1) > tbody > tr:nth-child(2) > td > img")
Notice: If this image cannot be fully described in a short text alternative, ensure a long text alternative is also available, such as in the body text or through a link.
htmlcs: WCAG2AA.Principle1.Guideline1_1.1_1_1.G73,G74
<img src="./img/mark.gif" width="158px" height="7px">
(selector "#page > table > tbody > tr > td > table > tbody > tr:nth-child(2) > td:nth-child(2) > table:nth-child(1) > tbody > tr:nth-child(2) > td > img")
Notice: This table appears to be a layout table. If it is meant to instead be a data table, ensure header cells are identified using th elements.
htmlcs: WCAG2AA.Principle1.Guideline1_3.1_3_1.LayoutTable
<table width="780px" border="0px" cellspacing="0px" cellpadding="0px"> <tbody><tr height=...</table>
(selector "#page > table > tbody > tr > td > table > tbody > tr:nth-child(2) > td:nth-child(2) > table:nth-child(1) > tbody > tr:nth-child(3) > td > table")
Warning: Check that this element has an inherited foreground colour to complement the corresponding inline background colour or image.
htmlcs: WCAG2AA.Principle1.Guideline1_4.1_4_3_F24.F24.BGColour
<td bgcolor="#EDEDED" width="380px"><font color="BLACK" face="Verda...</td>
(selector "#page > table > tbody > tr > td > table > tbody > tr:nth-child(2) > td:nth-child(2) > table:nth-child(1) > tbody > tr:nth-child(3) > td > table > tbody > tr > td:nth-child(1)")
Warning: Semantic markup should be used to mark emphasised or special text so that it can be programmatically determined.
htmlcs: WCAG2AA.Principle1.Guideline1_3.1_3_1.H49.Font
<font color="BLACK" face="Verdana" size="2">  <b>Traffic:</b> Con...</font>
(selector "#page > table > tbody > tr > td > table > tbody > tr:nth-child(2) > td:nth-child(2) > table:nth-child(1) > tbody > tr:nth-child(3) > td > table > tbody > tr > td:nth-child(1) > font")
Warning: Check that this element has an inherited background colour or image to complement the corresponding inline foreground colour.
htmlcs: WCAG2AA.Principle1.Guideline1_4.1_4_3_F24.F24.FGColour
<font color="BLACK" face="Verdana" size="2">  <b>Traffic:</b> Con...</font>
(selector "#page > table > tbody > tr > td > table > tbody > tr:nth-child(2) > td:nth-child(2) > table:nth-child(1) > tbody > tr:nth-child(3) > td > table > tbody > tr > td:nth-child(1) > font")
Warning: Semantic markup should be used to mark emphasised or special text so that it can be programmatically determined.
htmlcs: WCAG2AA.Principle1.Guideline1_3.1_3_1.H49.B
<b>Traffic:</b>
(selector "#page > table > tbody > tr > td > table > tbody > tr:nth-child(2) > td:nth-child(2) > table:nth-child(1) > tbody > tr:nth-child(3) > td > table > tbody > tr > td:nth-child(1) > font > b")
Warning: Semantic markup should be used to mark emphasised or special text so that it can be programmatically determined.
htmlcs: WCAG2AA.Principle1.Guideline1_3.1_3_1.H49.AlignAttr
<td bgcolor="#EDEDED" align="RIGHT" id="WEATHER"><font color="BLACK" face="Verda...</td>
(selector "#WEATHER")
Warning: Check that this element has an inherited foreground colour to complement the corresponding inline background colour or image.
htmlcs: WCAG2AA.Principle1.Guideline1_4.1_4_3_F24.F24.BGColour
<td bgcolor="#EDEDED" align="RIGHT" id="WEATHER"><font color="BLACK" face="Verda...</td>
(selector "#WEATHER")
Warning: Semantic markup should be used to mark emphasised or special text so that it can be programmatically determined.
htmlcs: WCAG2AA.Principle1.Guideline1_3.1_3_1.H49.Font
<font color="BLACK" face="Verdana" size="2"><b>Today:</b> <...</font>
(selector "#WEATHER > font")
Warning: Check that this element has an inherited background colour or image to complement the corresponding inline foreground colour.
htmlcs: WCAG2AA.Principle1.Guideline1_4.1_4_3_F24.F24.FGColour
<font color="BLACK" face="Verdana" size="2"><b>Today:</b> <...</font>
(selector "#WEATHER > font")
Warning: Semantic markup should be used to mark emphasised or special text so that it can be programmatically determined.
htmlcs: WCAG2AA.Principle1.Guideline1_3.1_3_1.H49.B
<b>Today:</b>
(selector "#WEATHER > font > b")
Error: Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.
htmlcs: WCAG2AA.Principle1.Guideline1_1.1_1_1.H37
<img src=".img/marker2_w.gif" width="78px" height="1px">
(selector "#page > table > tbody > tr > td > table > tbody > tr:nth-child(2) > td:nth-child(2) > table:nth-child(1) > tbody > tr:nth-child(4) > td > img")
Notice: If this image cannot be fully described in a short text alternative, ensure a long text alternative is also available, such as in the body text or through a link.
htmlcs: WCAG2AA.Principle1.Guideline1_1.1_1_1.G73,G74
<img src=".img/marker2_w.gif" width="78px" height="1px">
(selector "#page > table > tbody > tr > td > table > tbody > tr:nth-child(2) > td:nth-child(2) > table:nth-child(1) > tbody > tr:nth-child(4) > td > img")
Warning: Check that this element has an inherited foreground colour to complement the corresponding inline background colour or image.
htmlcs: WCAG2AA.Principle1.Guideline1_4.1_4_3_F24.F24.BGColour
<table width="780px" border="0px" cellspacing="0px" cellpadding="0px" bgcolor="WHITE"> <tbody><tr width="780px"...</table>
(selector "#page > table > tbody > tr > td > table > tbody > tr:nth-child(2) > td:nth-child(2) > table:nth-child(2)")
Notice: This table appears to be a layout table. If it is meant to instead be a data table, ensure header cells are identified using th elements.
htmlcs: WCAG2AA.Principle1.Guideline1_3.1_3_1.LayoutTable
<table width="780px" border="0px" cellspacing="0px" cellpadding="0px" bgcolor="WHITE"> <tbody><tr width="780px"...</table>
(selector "#page > table > tbody > tr > td > table > tbody > tr:nth-child(2) > td:nth-child(2) > table:nth-child(2)")
Warning: Check that this element has an inherited foreground colour to complement the corresponding inline background colour or image.
htmlcs: WCAG2AA.Principle1.Guideline1_4.1_4_3_F24.F24.BGColour
<td width="155px" bgcolor="#E4E4E4" valign="TOP"> <table width="155px"...</td>
(selector "#page > table > tbody > tr > td > table > tbody > tr:nth-child(2) > td:nth-child(2) > table:nth-child(2) > tbody > tr > td:nth-child(1)")
Notice: This table appears to be a layout table. If it is meant to instead be a data table, ensure header cells are identified using th elements.
htmlcs: WCAG2AA.Principle1.Guideline1_3.1_3_1.LayoutTable
<table width="155px" border="0px" cellspacing="0px" cellpadding="0px"> <tbody><tr height=...</table>
(selector "#page > table > tbody > tr > td > table > tbody > tr:nth-child(2) > td:nth-child(2) > table:nth-child(2) > tbody > tr > td:nth-child(1) > table")
Error: Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.
htmlcs: WCAG2AA.Principle1.Guideline1_1.1_1_1.H37
<img src="./img/marker2_w.gif" width="78px" height="1px">
(selector "#page > table > tbody > tr > td > table > tbody > tr:nth-child(2) > td:nth-child(2) > table:nth-child(2) > tbody > tr > td:nth-child(1) > table > tbody > tr:nth-child(1) > td:nth-child(1) > img")
Notice: If this image cannot be fully described in a short text alternative, ensure a long text alternative is also available, such as in the body text or through a link.
htmlcs: WCAG2AA.Principle1.Guideline1_1.1_1_1.G73,G74
<img src="./img/marker2_w.gif" width="78px" height="1px">
(selector "#page > table > tbody > tr > td > table > tbody > tr:nth-child(2) > td:nth-child(2) > table:nth-child(2) > tbody > tr > td:nth-child(1) > table > tbody > tr:nth-child(1) > td:nth-child(1) > img")
Error: Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.
htmlcs: WCAG2AA.Principle1.Guideline1_1.1_1_1.H37
<img src="./img/marker2_t.gif" width="1" height="30px">
(selector "#page > table > tbody > tr > td > table > tbody > tr:nth-child(2) > td:nth-child(2) > table:nth-child(2) > tbody > tr > td:nth-child(1) > table > tbody > tr:nth-child(1) > td:nth-child(2) > img")
Notice: If this image cannot be fully described in a short text alternative, ensure a long text alternative is also available, such as in the body text or through a link.
htmlcs: WCAG2AA.Principle1.Guideline1_1.1_1_1.G73,G74
<img src="./img/marker2_t.gif" width="1" height="30px">
(selector "#page > table > tbody > tr > td > table > tbody > tr:nth-child(2) > td:nth-child(2) > table:nth-child(2) > tbody > tr > td:nth-child(1) > table > tbody > tr:nth-child(1) > td:nth-child(2) > img")
Warning: Check that this element has an inherited foreground colour to complement the corresponding inline background colour or image.
htmlcs: WCAG2AA.Principle1.Guideline1_4.1_4_3_F24.F24.BGColour
<td width="154px" bgcolor="#EDEDED" id="home" onmouseover="switchImage('nav_home', './img/nav_home2.gif'); ChangeColor('home','#FFF')" onmouseout="switchImage('nav_home', './img/nav_home.gif'); ChangeColor('home','#EDEDED')"><a href="javascript:locat...
(selector "#home")
Warning: Ensure the functionality provided by mousing over this element is available through the keyboard; for instance, using the focus event.
htmlcs: WCAG2AA.Principle2.Guideline2_1.2_1_1.SCR20.MouseOver
<td width="154px" bgcolor="#EDEDED" id="home" onmouseover="switchImage('nav_home', './img/nav_home2.gif'); ChangeColor('home','#FFF')" onmouseout="switchImage('nav_home', './img/nav_home.gif'); ChangeColor('home','#EDEDED')"><a href="javascript:locat...
(selector "#home")
Warning: Ensure the functionality provided by mousing out of this element is available through the keyboard; for instance, using the blur event.
htmlcs: WCAG2AA.Principle2.Guideline2_1.2_1_1.SCR20.MouseOut
<td width="154px" bgcolor="#EDEDED" id="home" onmouseover="switchImage('nav_home', './img/nav_home2.gif'); ChangeColor('home','#FFF')" onmouseout="switchImage('nav_home', './img/nav_home.gif'); ChangeColor('home','#EDEDED')"><a href="javascript:locat...
(selector "#home")
Error: Img element is the only content of the link, but is missing alt text. The alt text should describe the purpose of the link.
htmlcs: WCAG2AA.Principle1.Guideline1_1.1_1_1.H30.2
<a href="javascript:location.href='home.html';" onfocus="blur();"><img name="nav_home" src="./img...</a>
(selector "#home > a")
Notice: Check that the link text combined with programmatically determined link context identifies the purpose of the link.
htmlcs: WCAG2AA.Principle2.Guideline2_4.2_4_4.H77,H78,H79,H80,H81
<a href="javascript:location.href='home.html';" onfocus="blur();"><img name="nav_home" src="./img...</a>
(selector "#home > a")
Notice: If this image cannot be fully described in a short text alternative, ensure a long text alternative is also available, such as in the body text or through a link.
htmlcs: WCAG2AA.Principle1.Guideline1_1.1_1_1.G73,G74
<img name="nav_home" src="./img/nav_home.gif" width="88" height="27" hspace="15" border="0px">
(selector "#home > a > img")
Error: Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.
htmlcs: WCAG2AA.Principle1.Guideline1_1.1_1_1.H37
<img src="./img/marker2_w.gif" width="78px" height="1px">
(selector "#page > table > tbody > tr > td > table > tbody > tr:nth-child(2) > td:nth-child(2) > table:nth-child(2) > tbody > tr > td:nth-child(1) > table > tbody > tr:nth-child(3) > td > img")
Notice: If this image cannot be fully described in a short text alternative, ensure a long text alternative is also available, such as in the body text or through a link.
htmlcs: WCAG2AA.Principle1.Guideline1_1.1_1_1.G73,G74
<img src="./img/marker2_w.gif" width="78px" height="1px">
(selector "#page > table > tbody > tr > td > table > tbody > tr:nth-child(2) > td:nth-child(2) > table:nth-child(2) > tbody > tr > td:nth-child(1) > table > tbody > tr:nth-child(3) > td > img")
Warning: Check that this element has an inherited foreground colour to complement the corresponding inline background colour or image.
htmlcs: WCAG2AA.Principle1.Guideline1_4.1_4_3_F24.F24.BGColour
<td width="154px" bgcolor="#EDEDED" id="news" onmouseover="switchImage('nav_news', './img/nav_news2.gif'); ChangeColor('news','#FFF')" onmouseout="switchImage('nav_news', './img/nav_news.gif'); ChangeColor('news','#EDEDED')"><a href="javascript:locat...
(selector "#news")
Warning: Ensure the functionality provided by mousing over this element is available through the keyboard; for instance, using the focus event.
htmlcs: WCAG2AA.Principle2.Guideline2_1.2_1_1.SCR20.MouseOver
<td width="154px" bgcolor="#EDEDED" id="news" onmouseover="switchImage('nav_news', './img/nav_news2.gif'); ChangeColor('news','#FFF')" onmouseout="switchImage('nav_news', './img/nav_news.gif'); ChangeColor('news','#EDEDED')"><a href="javascript:locat...
(selector "#news")
Warning: Ensure the functionality provided by mousing out of this element is available through the keyboard; for instance, using the blur event.
htmlcs: WCAG2AA.Principle2.Guideline2_1.2_1_1.SCR20.MouseOut
<td width="154px" bgcolor="#EDEDED" id="news" onmouseover="switchImage('nav_news', './img/nav_news2.gif'); ChangeColor('news','#FFF')" onmouseout="switchImage('nav_news', './img/nav_news.gif'); ChangeColor('news','#EDEDED')"><a href="javascript:locat...
(selector "#news")
Error: Img element is the only content of the link, but is missing alt text. The alt text should describe the purpose of the link.
htmlcs: WCAG2AA.Principle1.Guideline1_1.1_1_1.H30.2
<a href="javascript:location.href='news.html';" onfocus="blur();"><img src="./img/nav_news.gif" n...</a>
(selector "#news > a")
Notice: Check that the link text combined with programmatically determined link context identifies the purpose of the link.
htmlcs: WCAG2AA.Principle2.Guideline2_4.2_4_4.H77,H78,H79,H80,H81
<a href="javascript:location.href='news.html';" onfocus="blur();"><img src="./img/nav_news.gif" n...</a>
(selector "#news > a")
Notice: If this image cannot be fully described in a short text alternative, ensure a long text alternative is also available, such as in the body text or through a link.
htmlcs: WCAG2AA.Principle1.Guideline1_1.1_1_1.G73,G74
<img src="./img/nav_news.gif" name="nav_news" width="90" height="21" hspace="12" border="0px">
(selector "#news > a > img")
Error: Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.
htmlcs: WCAG2AA.Principle1.Guideline1_1.1_1_1.H37
<img src="./img/marker2_w.gif" width="78px" height="1px">
(selector "#page > table > tbody > tr > td > table > tbody > tr:nth-child(2) > td:nth-child(2) > table:nth-child(2) > tbody > tr > td:nth-child(1) > table > tbody > tr:nth-child(5) > td > img")
Notice: If this image cannot be fully described in a short text alternative, ensure a long text alternative is also available, such as in the body text or through a link.
htmlcs: WCAG2AA.Principle1.Guideline1_1.1_1_1.G73,G74
<img src="./img/marker2_w.gif" width="78px" height="1px">
(selector "#page > table > tbody > tr > td > table > tbody > tr:nth-child(2) > td:nth-child(2) > table:nth-child(2) > tbody > tr > td:nth-child(1) > table > tbody > tr:nth-child(5) > td > img")
Warning: Check that this element has an inherited foreground colour to complement the corresponding inline background colour or image.
htmlcs: WCAG2AA.Principle1.Guideline1_4.1_4_3_F24.F24.BGColour
<td width="154px" bgcolor="#EDEDED" id="tickets" onmouseover="switchImage('nav_facts', './img/nav_facts2.gif'); ChangeColor('tickets','#FFF')" onmouseout="switchImage('nav_facts', './img/nav_facts.gif'); ChangeColor('tickets','#EDEDED')"><a href="jav...
(selector "#tickets")
Warning: Ensure the functionality provided by mousing over this element is available through the keyboard; for instance, using the focus event.
htmlcs: WCAG2AA.Principle2.Guideline2_1.2_1_1.SCR20.MouseOver
<td width="154px" bgcolor="#EDEDED" id="tickets" onmouseover="switchImage('nav_facts', './img/nav_facts2.gif'); ChangeColor('tickets','#FFF')" onmouseout="switchImage('nav_facts', './img/nav_facts.gif'); ChangeColor('tickets','#EDEDED')"><a href="jav...
(selector "#tickets")
Warning: Ensure the functionality provided by mousing out of this element is available through the keyboard; for instance, using the blur event.
htmlcs: WCAG2AA.Principle2.Guideline2_1.2_1_1.SCR20.MouseOut
<td width="154px" bgcolor="#EDEDED" id="tickets" onmouseover="switchImage('nav_facts', './img/nav_facts2.gif'); ChangeColor('tickets','#FFF')" onmouseout="switchImage('nav_facts', './img/nav_facts.gif'); ChangeColor('tickets','#EDEDED')"><a href="jav...
(selector "#tickets")
Error: Img element is the only content of the link, but is missing alt text. The alt text should describe the purpose of the link.
htmlcs: WCAG2AA.Principle1.Guideline1_1.1_1_1.H30.2
<a href="javascript:location.href='tickets.html';" onfocus="blur();"><img name="nav_facts" src="./im...</a>
(selector "#tickets > a")
Notice: Check that the link text combined with programmatically determined link context identifies the purpose of the link.
htmlcs: WCAG2AA.Principle2.Guideline2_4.2_4_4.H77,H78,H79,H80,H81
<a href="javascript:location.href='tickets.html';" onfocus="blur();"><img name="nav_facts" src="./im...</a>
(selector "#tickets > a")
Notice: If this image cannot be fully described in a short text alternative, ensure a long text alternative is also available, such as in the body text or through a link.
htmlcs: WCAG2AA.Principle1.Guideline1_1.1_1_1.G73,G74
<img name="nav_facts" src="./img/nav_facts.gif" width="105" height="23" hspace="9" border="0px">
(selector "#tickets > a > img")
Error: Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.
htmlcs: WCAG2AA.Principle1.Guideline1_1.1_1_1.H37
<img src="./img/marker2_w.gif" width="78px" height="1px">
(selector "#page > table > tbody > tr > td > table > tbody > tr:nth-child(2) > td:nth-child(2) > table:nth-child(2) > tbody > tr > td:nth-child(1) > table > tbody > tr:nth-child(7) > td > img")
Notice: If this image cannot be fully described in a short text alternative, ensure a long text alternative is also available, such as in the body text or through a link.
htmlcs: WCAG2AA.Principle1.Guideline1_1.1_1_1.G73,G74
<img src="./img/marker2_w.gif" width="78px" height="1px">
(selector "#page > table > tbody > tr > td > table > tbody > tr:nth-child(2) > td:nth-child(2) > table:nth-child(2) > tbody > tr > td:nth-child(1) > table > tbody > tr:nth-child(7) > td > img")
Warning: Check that this element has an inherited foreground colour to complement the corresponding inline background colour or image.
htmlcs: WCAG2AA.Principle1.Guideline1_4.1_4_3_F24.F24.BGColour
<td width="154px" bgcolor="#EDEDED" id="survey" onmouseover="switchImage('nav_survey', './img/nav_survey2.gif'); ChangeColor('survey','#FFF')" onmouseout="switchImage('nav_survey', './img/nav_survey.gif'); ChangeColor('survey','#EDEDED')"><a href="ja...
(selector "#survey")
Warning: Ensure the functionality provided by mousing over this element is available through the keyboard; for instance, using the focus event.
htmlcs: WCAG2AA.Principle2.Guideline2_1.2_1_1.SCR20.MouseOver
<td width="154px" bgcolor="#EDEDED" id="survey" onmouseover="switchImage('nav_survey', './img/nav_survey2.gif'); ChangeColor('survey','#FFF')" onmouseout="switchImage('nav_survey', './img/nav_survey.gif'); ChangeColor('survey','#EDEDED')"><a href="ja...
(selector "#survey")
Warning: Ensure the functionality provided by mousing out of this element is available through the keyboard; for instance, using the blur event.
htmlcs: WCAG2AA.Principle2.Guideline2_1.2_1_1.SCR20.MouseOut
<td width="154px" bgcolor="#EDEDED" id="survey" onmouseover="switchImage('nav_survey', './img/nav_survey2.gif'); ChangeColor('survey','#FFF')" onmouseout="switchImage('nav_survey', './img/nav_survey.gif'); ChangeColor('survey','#EDEDED')"><a href="ja...
(selector "#survey")
Error: Img element is the only content of the link, but is missing alt text. The alt text should describe the purpose of the link.
htmlcs: WCAG2AA.Principle1.Guideline1_1.1_1_1.H30.2
<a href="javascript:location.href='survey.html';" onfocus="blur();"><img src="./img/nav_survey.gif"...</a>
(selector "#survey > a")
Notice: Check that the link text combined with programmatically determined link context identifies the purpose of the link.
htmlcs: WCAG2AA.Principle2.Guideline2_4.2_4_4.H77,H78,H79,H80,H81
<a href="javascript:location.href='survey.html';" onfocus="blur();"><img src="./img/nav_survey.gif"...</a>
(selector "#survey > a")
Notice: If this image cannot be fully described in a short text alternative, ensure a long text alternative is also available, such as in the body text or through a link.
htmlcs: WCAG2AA.Principle1.Guideline1_1.1_1_1.G73,G74
<img src="./img/nav_survey.gif" name="nav_survey" width="107" height="32" hspace="8" border="0px">
(selector "#survey > a > img")
Error: Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.
htmlcs: WCAG2AA.Principle1.Guideline1_1.1_1_1.H37
<img src="./img/marker2_w.gif" width="78px" height="1px">
(selector "#page > table > tbody > tr > td > table > tbody > tr:nth-child(2) > td:nth-child(2) > table:nth-child(2) > tbody > tr > td:nth-child(1) > table > tbody > tr:nth-child(9) > td > img")
Notice: If this image cannot be fully described in a short text alternative, ensure a long text alternative is also available, such as in the body text or through a link.
htmlcs: WCAG2AA.Principle1.Guideline1_1.1_1_1.G73,G74
<img src="./img/marker2_w.gif" width="78px" height="1px">
(selector "#page > table > tbody > tr > td > table > tbody > tr:nth-child(2) > td:nth-child(2) > table:nth-child(2) > tbody > tr > td:nth-child(1) > table > tbody > tr:nth-child(9) > td > img")
Error: Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.
htmlcs: WCAG2AA.Principle1.Guideline1_1.1_1_1.H37
<img src="./img/blank_5x5.gif" width="20px" height="5px">
(selector "#page > table > tbody > tr > td > table > tbody > tr:nth-child(2) > td:nth-child(2) > table:nth-child(2) > tbody > tr > td:nth-child(2) > img")
Notice: If this image cannot be fully described in a short text alternative, ensure a long text alternative is also available, such as in the body text or through a link.
htmlcs: WCAG2AA.Principle1.Guideline1_1.1_1_1.G73,G74
<img src="./img/blank_5x5.gif" width="20px" height="5px">
(selector "#page > table > tbody > tr > td > table > tbody > tr:nth-child(2) > td:nth-child(2) > table:nth-child(2) > tbody > tr > td:nth-child(2) > img")
Warning: Semantic markup should be used to mark emphasised or special text so that it can be programmatically determined.
htmlcs: WCAG2AA.Principle1.Guideline1_3.1_3_1.H49.Font
<font size="5" color="#FFFFFF"><p class="headline">Heat wave l...</font>
(selector "#main > div:nth-child(2) > div:nth-child(1) > font")
Warning: Check that this element has an inherited background colour or image to complement the corresponding inline foreground colour.
htmlcs: WCAG2AA.Principle1.Guideline1_4.1_4_3_F24.F24.FGColour
<font size="5" color="#FFFFFF"><p class="headline">Heat wave l...</font>
(selector "#main > div:nth-child(2) > div:nth-child(1) > font")
Warning: Semantic markup should be used to mark emphasised or special text so that it can be programmatically determined.
htmlcs: WCAG2AA.Principle1.Guideline1_3.1_3_1.H49.Font
<font size="7" color="#FFFFFF"><p class="headline">Man Gets Ni...</font>
(selector "#main > div:nth-child(2) > div:nth-child(2) > font")
Warning: Check that this element has an inherited background colour or image to complement the corresponding inline foreground colour.
htmlcs: WCAG2AA.Principle1.Guideline1_4.1_4_3_F24.F24.FGColour
<font size="7" color="#FFFFFF"><p class="headline">Man Gets Ni...</font>
(selector "#main > div:nth-child(2) > div:nth-child(2) > font")
Notice: Check that the link text combined with programmatically determined link context identifies the purpose of the link.
htmlcs: WCAG2AA.Principle2.Guideline2_4.2_4_4.H77,H78,H79,H80,H81
<a href="../offsite.html">trombone forgery debacle</a>
(selector "#main > div:nth-child(3) > div:nth-child(2) > a")
Warning: Semantic markup should be used to mark emphasised or special text so that it can be programmatically determined.
htmlcs: WCAG2AA.Principle1.Guideline1_3.1_3_1.H49.AlignAttr
<p class="headline" align="center"><font size="3">Tough Wahoonie</...</p>
(selector "#main > div:nth-child(4) > div:nth-child(1) > p")
Warning: Semantic markup should be used to mark emphasised or special text so that it can be programmatically determined.
htmlcs: WCAG2AA.Principle1.Guideline1_3.1_3_1.H49.Font
<font size="3">Tough Wahoonie</font>
(selector "#main > div:nth-child(4) > div:nth-child(1) > p > font")
Notice: Check that the link text combined with programmatically determined link context identifies the purpose of the link.
htmlcs: WCAG2AA.Principle2.Guideline2_4.2_4_4.H77,H78,H79,H80,H81
<a href="../offsite.html">the way that air conditioning w...</a>
(selector "#main > div:nth-child(4) > div:nth-child(1) > a")
Notice: This table appears to be a layout table. If it is meant to instead be a data table, ensure header cells are identified using th elements.
htmlcs: WCAG2AA.Principle1.Guideline1_3.1_3_1.LayoutTable
<table cellspacing="0" cellpadding="0" width="100%" border="0"> <tbody> ...</table>
(selector "#main > div:nth-child(4) > div:nth-child(2) > table")
Error: Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.
htmlcs: WCAG2AA.Principle1.Guideline1_1.1_1_1.H37
<img height="30" src="./img/marker2_t.gif" width="1">
(selector "#main > div:nth-child(4) > div:nth-child(2) > table > tbody > tr:nth-child(1) > td:nth-child(1) > img")
Notice: If this image cannot be fully described in a short text alternative, ensure a long text alternative is also available, such as in the body text or through a link.
htmlcs: WCAG2AA.Principle1.Guideline1_1.1_1_1.G73,G74
<img height="30" src="./img/marker2_t.gif" width="1">
(selector "#main > div:nth-child(4) > div:nth-child(2) > table > tbody > tr:nth-child(1) > td:nth-child(1) > img")
Error: Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.
htmlcs: WCAG2AA.Principle1.Guideline1_1.1_1_1.H37
<img height="1" src="./img/marker2_w.gif" width="78">
(selector "#main > div:nth-child(4) > div:nth-child(2) > table > tbody > tr:nth-child(1) > td:nth-child(2) > img")
Notice: If this image cannot be fully described in a short text alternative, ensure a long text alternative is also available, such as in the body text or through a link.
htmlcs: WCAG2AA.Principle1.Guideline1_1.1_1_1.G73,G74
<img height="1" src="./img/marker2_w.gif" width="78">
(selector "#main > div:nth-child(4) > div:nth-child(2) > table > tbody > tr:nth-child(1) > td:nth-child(2) > img")
Warning: Check that this element has an inherited foreground colour to complement the corresponding inline background colour or image.
htmlcs: WCAG2AA.Principle1.Guideline1_4.1_4_3_F24.F24.BGColour
<tr bgcolor="#ededed"> <td><p cla...</tr>
(selector "#main > div:nth-child(4) > div:nth-child(2) > table > tbody > tr:nth-child(2)")
Error: Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.
htmlcs: WCAG2AA.Principle1.Guideline1_1.1_1_1.H37
<img height="24" src="./img/headline_middle.gif" width="23" align="absmiddle">
(selector "#main > div:nth-child(4) > div:nth-child(2) > table > tbody > tr:nth-child(2) > td:nth-child(1) > p > img")
Warning: Semantic markup should be used to mark emphasised or special text so that it can be programmatically determined.
htmlcs: WCAG2AA.Principle1.Guideline1_3.1_3_1.H49.AlignAttr
<img height="24" src="./img/headline_middle.gif" width="23" align="absmiddle">
(selector "#main > div:nth-child(4) > div:nth-child(2) > table > tbody > tr:nth-child(2) > td:nth-child(1) > p > img")
Notice: If this image cannot be fully described in a short text alternative, ensure a long text alternative is also available, such as in the body text or through a link.
htmlcs: WCAG2AA.Principle1.Guideline1_1.1_1_1.G73,G74
<img height="24" src="./img/headline_middle.gif" width="23" align="absmiddle">
(selector "#main > div:nth-child(4) > div:nth-child(2) > table > tbody > tr:nth-child(2) > td:nth-child(1) > p > img")
Warning: Semantic markup should be used to mark emphasised or special text so that it can be programmatically determined.
htmlcs: WCAG2AA.Principle1.Guideline1_3.1_3_1.H49.Font
<font size="3"> Your Shout</font>
(selector "#main > div:nth-child(4) > div:nth-child(2) > table > tbody > tr:nth-child(2) > td:nth-child(1) > p > font")
Error: Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.
htmlcs: WCAG2AA.Principle1.Guideline1_1.1_1_1.H37
<img height="30" src="./img/marker2_t.gif" width="1">
(selector "#main > div:nth-child(4) > div:nth-child(2) > table > tbody > tr:nth-child(2) > td:nth-child(2) > img")
Notice: If this image cannot be fully described in a short text alternative, ensure a long text alternative is also available, such as in the body text or through a link.
htmlcs: WCAG2AA.Principle1.Guideline1_1.1_1_1.G73,G74
<img height="30" src="./img/marker2_t.gif" width="1">
(selector "#main > div:nth-child(4) > div:nth-child(2) > table > tbody > tr:nth-child(2) > td:nth-child(2) > img")
Notice: Check that the link text combined with programmatically determined link context identifies the purpose of the link.
htmlcs: WCAG2AA.Principle2.Guideline2_4.2_4_4.H77,H78,H79,H80,H81
<a href="../offsite.html"><img src="./img/smzappa2.jpg" w...</a>
(selector "#main > div:nth-child(4) > div:nth-child(2) > table > tbody > tr:nth-child(3) > td > blockquote > a")
Notice: Ensure that the img element's alt text serves the same purpose and presents the same information as the image.
htmlcs: WCAG2AA.Principle1.Guideline1_1.1_1_1.G94.Image
<img src="./img/smzappa2.jpg" width="65" height="80" alt="picture of Clara F." style="float:left;margin-right:5px;" align="left">
(selector "#main > div:nth-child(4) > div:nth-child(2) > table > tbody > tr:nth-child(3) > td > blockquote > a > img")
Warning: Semantic markup should be used to mark emphasised or special text so that it can be programmatically determined.
htmlcs: WCAG2AA.Principle1.Guideline1_3.1_3_1.H49.AlignAttr
<img src="./img/smzappa2.jpg" width="65" height="80" alt="picture of Clara F." style="float:left;margin-right:5px;" align="left">
(selector "#main > div:nth-child(4) > div:nth-child(2) > table > tbody > tr:nth-child(3) > td > blockquote > a > img")
Notice: If this image cannot be fully described in a short text alternative, ensure a long text alternative is also available, such as in the body text or through a link.
htmlcs: WCAG2AA.Principle1.Guideline1_1.1_1_1.G73,G74
<img src="./img/smzappa2.jpg" width="65" height="80" alt="picture of Clara F." style="float:left;margin-right:5px;" align="left">
(selector "#main > div:nth-child(4) > div:nth-child(2) > table > tbody > tr:nth-child(3) > td > blockquote > a > img")
Error: Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.
htmlcs: WCAG2AA.Principle1.Guideline1_1.1_1_1.H37
<img height="1" src="./img/marker2_w.gif" width="78">
(selector "#main > div:nth-child(4) > div:nth-child(2) > table > tbody > tr:nth-child(4) > td > img")
Notice: If this image cannot be fully described in a short text alternative, ensure a long text alternative is also available, such as in the body text or through a link.
htmlcs: WCAG2AA.Principle1.Guideline1_1.1_1_1.G73,G74
<img height="1" src="./img/marker2_w.gif" width="78">
(selector "#main > div:nth-child(4) > div:nth-child(2) > table > tbody > tr:nth-child(4) > td > img")
Warning: Semantic markup should be used to mark emphasised or special text so that it can be programmatically determined.
htmlcs: WCAG2AA.Principle1.Guideline1_3.1_3_1.H49.Font
<font size="5">Lack of Brains Hinders Research</font>
(selector "#main > div:nth-child(5) > p > font")
Notice: This table appears to be a layout table. If it is meant to instead be a data table, ensure header cells are identified using th elements.
htmlcs: WCAG2AA.Principle1.Guideline1_3.1_3_1.LayoutTable
<table cellspacing="0" cellpadding="0" border="0" width="49%"> <...</table>
(selector "#main > div:nth-child(5) > table")
Error: Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.
htmlcs: WCAG2AA.Principle1.Guideline1_1.1_1_1.H37
<img height="30" src="./img/marker2_t.gif" width="1">
(selector "#main > div:nth-child(5) > table > tbody > tr:nth-child(1) > td:nth-child(1) > img")
Notice: If this image cannot be fully described in a short text alternative, ensure a long text alternative is also available, such as in the body text or through a link.
htmlcs: WCAG2AA.Principle1.Guideline1_1.1_1_1.G73,G74
<img height="30" src="./img/marker2_t.gif" width="1">
(selector "#main > div:nth-child(5) > table > tbody > tr:nth-child(1) > td:nth-child(1) > img")
Error: Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.
htmlcs: WCAG2AA.Principle1.Guideline1_1.1_1_1.H37
<img height="1" src="./img/marker2_w.gif" width="78">
(selector "#main > div:nth-child(5) > table > tbody > tr:nth-child(1) > td:nth-child(2) > img")
Notice: If this image cannot be fully described in a short text alternative, ensure a long text alternative is also available, such as in the body text or through a link.
htmlcs: WCAG2AA.Principle1.Guideline1_1.1_1_1.G73,G74
<img height="1" src="./img/marker2_w.gif" width="78">
(selector "#main > div:nth-child(5) > table > tbody > tr:nth-child(1) > td:nth-child(2) > img")
Error: Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.
htmlcs: WCAG2AA.Principle1.Guideline1_1.1_1_1.H37
<img height="30" src="./img/marker2_t.gif" width="1">
(selector "#main > div:nth-child(5) > table > tbody > tr:nth-child(1) > td:nth-child(3) > img")
Notice: If this image cannot be fully described in a short text alternative, ensure a long text alternative is also available, such as in the body text or through a link.
htmlcs: WCAG2AA.Principle1.Guideline1_1.1_1_1.G73,G74
<img height="30" src="./img/marker2_t.gif" width="1">
(selector "#main > div:nth-child(5) > table > tbody > tr:nth-child(1) > td:nth-child(3) > img")
Warning: Check that this element has an inherited foreground colour to complement the corresponding inline background colour or image.
htmlcs: WCAG2AA.Principle1.Guideline1_4.1_4_3_F24.F24.BGColour
<tr bgcolor="#ededed"> <td width="3...</tr>
(selector "#main > div:nth-child(5) > table > tbody > tr:nth-child(2)")
Error: Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.
htmlcs: WCAG2AA.Principle1.Guideline1_1.1_1_1.H37
<img height="24" src="./img/headline_middle.gif" width="23" align="absmiddle">
(selector "#main > div:nth-child(5) > table > tbody > tr:nth-child(2) > td > p > img")
Warning: Semantic markup should be used to mark emphasised or special text so that it can be programmatically determined.
htmlcs: WCAG2AA.Principle1.Guideline1_3.1_3_1.H49.AlignAttr
<img height="24" src="./img/headline_middle.gif" width="23" align="absmiddle">
(selector "#main > div:nth-child(5) > table > tbody > tr:nth-child(2) > td > p > img")
Notice: If this image cannot be fully described in a short text alternative, ensure a long text alternative is also available, such as in the body text or through a link.
htmlcs: WCAG2AA.Principle1.Guideline1_1.1_1_1.G73,G74
<img height="24" src="./img/headline_middle.gif" width="23" align="absmiddle">
(selector "#main > div:nth-child(5) > table > tbody > tr:nth-child(2) > td > p > img")
Warning: Semantic markup should be used to mark emphasised or special text so that it can be programmatically determined.
htmlcs: WCAG2AA.Principle1.Guideline1_3.1_3_1.H49.Font
<font size="2">Brain donations at city hospita...</font>
(selector "#main > div:nth-child(5) > table > tbody > tr:nth-child(2) > td > p > font")
Warning: Img element is marked so that it is ignored by Assistive Technology.
htmlcs: WCAG2AA.Principle1.Guideline1_1.1_1_1.H67.2
<img src="./img/chart1.jpg" alt="" width="270" height="150" border="0">
(selector "#main > div:nth-child(5) > table > tbody > tr:nth-child(3) > td > div > img")
Notice: If this image cannot be fully described in a short text alternative, ensure a long text alternative is also available, such as in the body text or through a link.
htmlcs: WCAG2AA.Principle1.Guideline1_1.1_1_1.G73,G74
<img src="./img/chart1.jpg" alt="" width="270" height="150" border="0">
(selector "#main > div:nth-child(5) > table > tbody > tr:nth-child(3) > td > div > img")
Error: Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.
htmlcs: WCAG2AA.Principle1.Guideline1_1.1_1_1.H37
<img height="1" src="./img/marker2_w.gif" width="78">
(selector "#main > div:nth-child(5) > table > tbody > tr:nth-child(4) > td > img")
Notice: If this image cannot be fully described in a short text alternative, ensure a long text alternative is also available, such as in the body text or through a link.
htmlcs: WCAG2AA.Principle1.Guideline1_1.1_1_1.G73,G74
<img height="1" src="./img/marker2_w.gif" width="78">
(selector "#main > div:nth-child(5) > table > tbody > tr:nth-child(4) > td > img")
Warning: Semantic markup should be used to mark emphasised or special text so that it can be programmatically determined.
htmlcs: WCAG2AA.Principle1.Guideline1_3.1_3_1.H49.AlignAttr
<p class="headline" align="center"><font size="3">Return To Sender...</p>
(selector "#main > div:nth-child(6) > p")
Warning: Semantic markup should be used to mark emphasised or special text so that it can be programmatically determined.
htmlcs: WCAG2AA.Principle1.Guideline1_3.1_3_1.H49.Font
<font size="3">Return To Sender</font>
(selector "#main > div:nth-child(6) > p > font")
Notice: This table appears to be a layout table. If it is meant to instead be a data table, ensure header cells are identified using th elements.
htmlcs: WCAG2AA.Principle1.Guideline1_3.1_3_1.LayoutTable
<table width="100%" style="float:right; padding:0px;margin:0px"> <tbody><tr> ...</table>
(selector "#main > table")
Notice: This table appears to be a layout table. If it is meant to instead be a data table, ensure header cells are identified using th elements.
htmlcs: WCAG2AA.Principle1.Guideline1_3.1_3_1.LayoutTable
<table cellspacing="0" cellpadding="0" border="0" style="position: relative; left: 15px;top:-15px;padding-top:0;margin-top:0"> <tbody> ...</table>
(selector "#main > table > tbody > tr > td:nth-child(1) > table")
Error: Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.
htmlcs: WCAG2AA.Principle1.Guideline1_1.1_1_1.H37
<img height="30" src="./img/marker2_t.gif" width="1">
(selector "#main > table > tbody > tr > td:nth-child(1) > table > tbody > tr:nth-child(1) > td:nth-child(1) > img")
Notice: If this image cannot be fully described in a short text alternative, ensure a long text alternative is also available, such as in the body text or through a link.
htmlcs: WCAG2AA.Principle1.Guideline1_1.1_1_1.G73,G74
<img height="30" src="./img/marker2_t.gif" width="1">
(selector "#main > table > tbody > tr > td:nth-child(1) > table > tbody > tr:nth-child(1) > td:nth-child(1) > img")
Error: Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.
htmlcs: WCAG2AA.Principle1.Guideline1_1.1_1_1.H37
<img height="1" src="./img/marker2_w.gif" width="78">
(selector "#main > table > tbody > tr > td:nth-child(1) > table > tbody > tr:nth-child(1) > td:nth-child(2) > img")
Notice: If this image cannot be fully described in a short text alternative, ensure a long text alternative is also available, such as in the body text or through a link.
htmlcs: WCAG2AA.Principle1.Guideline1_1.1_1_1.G73,G74
<img height="1" src="./img/marker2_w.gif" width="78">
(selector "#main > table > tbody > tr > td:nth-child(1) > table > tbody > tr:nth-child(1) > td:nth-child(2) > img")
Error: Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.
htmlcs: WCAG2AA.Principle1.Guideline1_1.1_1_1.H37
<img height="30" src="./img/marker2_t.gif" width="1">
(selector "#main > table > tbody > tr > td:nth-child(1) > table > tbody > tr:nth-child(1) > td:nth-child(3) > img")
Notice: If this image cannot be fully described in a short text alternative, ensure a long text alternative is also available, such as in the body text or through a link.
htmlcs: WCAG2AA.Principle1.Guideline1_1.1_1_1.G73,G74
<img height="30" src="./img/marker2_t.gif" width="1">
(selector "#main > table > tbody > tr > td:nth-child(1) > table > tbody > tr:nth-child(1) > td:nth-child(3) > img")
Warning: Check that this element has an inherited foreground colour to complement the corresponding inline background colour or image.
htmlcs: WCAG2AA.Principle1.Guideline1_4.1_4_3_F24.F24.BGColour
<tr bgcolor="#ededed"> <td><i...</tr>
(selector "#main > table > tbody > tr > td:nth-child(1) > table > tbody > tr:nth-child(2)")
Error: Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.
htmlcs: WCAG2AA.Principle1.Guideline1_1.1_1_1.H37
<img height="24" src="./img/headline_middle.gif" width="23" align="absmiddle">
(selector "#main > table > tbody > tr > td:nth-child(1) > table > tbody > tr:nth-child(2) > td > img")
Warning: Semantic markup should be used to mark emphasised or special text so that it can be programmatically determined.
htmlcs: WCAG2AA.Principle1.Guideline1_3.1_3_1.H49.AlignAttr
<img height="24" src="./img/headline_middle.gif" width="23" align="absmiddle">
(selector "#main > table > tbody > tr > td:nth-child(1) > table > tbody > tr:nth-child(2) > td > img")
Notice: If this image cannot be fully described in a short text alternative, ensure a long text alternative is also available, such as in the body text or through a link.
htmlcs: WCAG2AA.Principle1.Guideline1_1.1_1_1.G73,G74
<img height="24" src="./img/headline_middle.gif" width="23" align="absmiddle">
(selector "#main > table > tbody > tr > td:nth-child(1) > table > tbody > tr:nth-child(2) > td > img")
Notice: Ensure that the img element's alt text serves the same purpose and presents the same information as the image.
htmlcs: WCAG2AA.Principle1.Guideline1_1.1_1_1.G94.Image
<img src="./img/blanca.jpg" alt="Mrs B. Wahoonie investigates shipping hot air to Australia" width="240" height="180" border="0">
(selector "#main > table > tbody > tr > td:nth-child(1) > table > tbody > tr:nth-child(3) > td > div > img")
Notice: If this image cannot be fully described in a short text alternative, ensure a long text alternative is also available, such as in the body text or through a link.
htmlcs: WCAG2AA.Principle1.Guideline1_1.1_1_1.G73,G74
<img src="./img/blanca.jpg" alt="Mrs B. Wahoonie investigates shipping hot air to Australia" width="240" height="180" border="0">
(selector "#main > table > tbody > tr > td:nth-child(1) > table > tbody > tr:nth-child(3) > td > div > img")
Error: Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.
htmlcs: WCAG2AA.Principle1.Guideline1_1.1_1_1.H37
<img height="1" src="./img/marker2_w.gif" width="78">
(selector "#main > table > tbody > tr > td:nth-child(1) > table > tbody > tr:nth-child(4) > td > img")
Notice: If this image cannot be fully described in a short text alternative, ensure a long text alternative is also available, such as in the body text or through a link.
htmlcs: WCAG2AA.Principle1.Guideline1_1.1_1_1.G73,G74
<img height="1" src="./img/marker2_w.gif" width="78">
(selector "#main > table > tbody > tr > td:nth-child(1) > table > tbody > tr:nth-child(4) > td > img")
Warning: Check that this element has an inherited foreground colour to complement the corresponding inline background colour or image.
htmlcs: WCAG2AA.Principle1.Guideline1_4.1_4_3_F24.F24.BGColour
<table width="780px" height="17px" border="0px" cellspacing="0px" cellpadding="0px" bgcolor="#EDEDED"> <tbody><tr height="17px"...</table>
(selector "#page > table > tbody > tr > td > table > tbody > tr:nth-child(2) > td:nth-child(2) > table:nth-child(3)")
Notice: This table appears to be a layout table. If it is meant to instead be a data table, ensure header cells are identified using th elements.
htmlcs: WCAG2AA.Principle1.Guideline1_3.1_3_1.LayoutTable
<table width="780px" height="17px" border="0px" cellspacing="0px" cellpadding="0px" bgcolor="#EDEDED"> <tbody><tr height="17px"...</table>
(selector "#page > table > tbody > tr > td > table > tbody > tr:nth-child(2) > td:nth-child(2) > table:nth-child(3)")
Warning: Semantic markup should be used to mark emphasised or special text so that it can be programmatically determined.
htmlcs: WCAG2AA.Principle1.Guideline1_3.1_3_1.H49.AlignAttr
<td align="RIGHT"><font color="BLACK" face="Verda...</td>
(selector "#page > table > tbody > tr > td > table > tbody > tr:nth-child(2) > td:nth-child(2) > table:nth-child(3) > tbody > tr > td")
Warning: Semantic markup should be used to mark emphasised or special text so that it can be programmatically determined.
htmlcs: WCAG2AA.Principle1.Guideline1_3.1_3_1.H49.Font
<font color="BLACK" face="Verdana" size="1"><a rel="Copyright" href="https:...</font>
(selector "#page > table > tbody > tr > td > table > tbody > tr:nth-child(2) > td:nth-child(2) > table:nth-child(3) > tbody > tr > td > font")
Warning: Check that this element has an inherited background colour or image to complement the corresponding inline foreground colour.
htmlcs: WCAG2AA.Principle1.Guideline1_4.1_4_3_F24.F24.FGColour
<font color="BLACK" face="Verdana" size="1"><a rel="Copyright" href="https:...</font>
(selector "#page > table > tbody > tr > td > table > tbody > tr:nth-child(2) > td:nth-child(2) > table:nth-child(3) > tbody > tr > td > font")
Notice: Check that the link text combined with programmatically determined link context identifies the purpose of the link.
htmlcs: WCAG2AA.Principle2.Guideline2_4.2_4_4.H77,H78,H79,H80,H81
<a rel="Copyright" href="https://www.w3.org/Consortium/Legal/ipr-notice#Copyright">Copyright</a>
(selector "#page > table > tbody > tr > td > table > tbody > tr:nth-child(2) > td:nth-child(2) > table:nth-child(3) > tbody > tr > td > font > a:nth-child(1)")
Notice: Check that the link text combined with programmatically determined link context identifies the purpose of the link.
htmlcs: WCAG2AA.Principle2.Guideline2_4.2_4_4.H77,H78,H79,H80,H81
<a href="https://www.w3.org/"><acronym title="World Wide Web ...</a>
(selector "#page > table > tbody > tr > td > table > tbody > tr:nth-child(2) > td:nth-child(2) > table:nth-child(3) > tbody > tr > td > font > a:nth-child(2)")
Notice: Check that the link text combined with programmatically determined link context identifies the purpose of the link.
htmlcs: WCAG2AA.Principle2.Guideline2_4.2_4_4.H77,H78,H79,H80,H81
<a href="http://www.csail.mit.edu/"><acronym title="Massachusetts I...</a>
(selector "#page > table > tbody > tr > td > table > tbody > tr:nth-child(2) > td:nth-child(2) > table:nth-child(3) > tbody > tr > td > font > a:nth-child(4)")
Notice: Check that the link text combined with programmatically determined link context identifies the purpose of the link.
htmlcs: WCAG2AA.Principle2.Guideline2_4.2_4_4.H77,H78,H79,H80,H81
<a href="http://www.ercim.org/"><acronym title="European Resear...</a>
(selector "#page > table > tbody > tr > td > table > tbody > tr:nth-child(2) > td:nth-child(2) > table:nth-child(3) > tbody > tr > td > font > a:nth-child(5)")
Notice: Check that the link text combined with programmatically determined link context identifies the purpose of the link.
htmlcs: WCAG2AA.Principle2.Guideline2_4.2_4_4.H77,H78,H79,H80,H81
<a href="http://www.keio.ac.jp/">Keio</a>
(selector "#page > table > tbody > tr > td > table > tbody > tr:nth-child(2) > td:nth-child(2) > table:nth-child(3) > tbody > tr > td > font > a:nth-child(6)")
Error: Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.
htmlcs: WCAG2AA.Principle1.Guideline1_1.1_1_1.H37
<img src="./img/border_right.gif" width="10px">
(selector "#page > table > tbody > tr > td > table > tbody > tr:nth-child(2) > td:nth-child(3) > img")
Notice: If this image cannot be fully described in a short text alternative, ensure a long text alternative is also available, such as in the body text or through a link.
htmlcs: WCAG2AA.Principle1.Guideline1_1.1_1_1.G73,G74
<img src="./img/border_right.gif" width="10px">
(selector "#page > table > tbody > tr > td > table > tbody > tr:nth-child(2) > td:nth-child(3) > img")
Error: Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.
htmlcs: WCAG2AA.Principle1.Guideline1_1.1_1_1.H37
<img src="./img/border_bottom_left.gif" width="10px" height="10px">
(selector "#page > table > tbody > tr > td > table > tbody > tr:nth-child(3) > td:nth-child(1) > img")
Notice: If this image cannot be fully described in a short text alternative, ensure a long text alternative is also available, such as in the body text or through a link.
htmlcs: WCAG2AA.Principle1.Guideline1_1.1_1_1.G73,G74
<img src="./img/border_bottom_left.gif" width="10px" height="10px">
(selector "#page > table > tbody > tr > td > table > tbody > tr:nth-child(3) > td:nth-child(1) > img")
Error: Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.
htmlcs: WCAG2AA.Principle1.Guideline1_1.1_1_1.H37
<img src="./img/border_bottom.gif" height="10px">
(selector "#page > table > tbody > tr > td > table > tbody > tr:nth-child(3) > td:nth-child(2) > img")
Notice: If this image cannot be fully described in a short text alternative, ensure a long text alternative is also available, such as in the body text or through a link.
htmlcs: WCAG2AA.Principle1.Guideline1_1.1_1_1.G73,G74
<img src="./img/border_bottom.gif" height="10px">
(selector "#page > table > tbody > tr > td > table > tbody > tr:nth-child(3) > td:nth-child(2) > img")
Error: Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.
htmlcs: WCAG2AA.Principle1.Guideline1_1.1_1_1.H37
<img src="./img/border_bottom_right.gif" width="10px" height="10px">
(selector "#page > table > tbody > tr > td > table > tbody > tr:nth-child(3) > td:nth-child(3) > img")
Notice: If this image cannot be fully described in a short text alternative, ensure a long text alternative is also available, such as in the body text or through a link.
htmlcs: WCAG2AA.Principle1.Guideline1_1.1_1_1.G73,G74
<img src="./img/border_bottom_right.gif" width="10px" height="10px">
(selector "#page > table > tbody > tr > td > table > tbody > tr:nth-child(3) > td:nth-child(3) > img")
Warning: If this element contains a navigation section, it is recommended that it be marked up as a list.
htmlcs: WCAG2AA.Principle1.Guideline1_3.1_3_1.H48
<p><strong>Status:</strong> 20 Feb...</p>
(selector "#meta-footer > p:nth-child(2)")
Notice: Check that the link text combined with programmatically determined link context identifies the purpose of the link.
htmlcs: WCAG2AA.Principle2.Guideline2_4.2_4_4.H77,H78,H79,H80,H81
<a href="../changelog.html">changelog</a>
(selector "#meta-footer > p:nth-child(2) > a:nth-child(2)")
Notice: Check that the link text combined with programmatically determined link context identifies the purpose of the link.
htmlcs: WCAG2AA.Principle2.Guideline2_4.2_4_4.H77,H78,H79,H80,H81
<a href="https://www.w3.org/People/shadi/">Shadi Abou-Zahra</a>
(selector "#meta-footer > p:nth-child(2) > a:nth-child(4)")
Notice: Check that the link text combined with programmatically determined link context identifies the purpose of the link.
htmlcs: WCAG2AA.Principle2.Guideline2_4.2_4_4.H77,H78,H79,H80,H81
<a href="https://www.w3.org/WAI/EO/">Education and Outreach Working ...</a>
(selector "#meta-footer > p:nth-child(2) > a:nth-child(5)")
Notice: Check that the link text combined with programmatically determined link context identifies the purpose of the link.
htmlcs: WCAG2AA.Principle2.Guideline2_4.2_4_4.H77,H78,H79,H80,H81
<a href="https://www.w3.org/WAI/TIES/"><acronym title="Web Accessibili...</a>
(selector "#meta-footer > p:nth-child(2) > a:nth-child(7)")
Notice: Check that the link text combined with programmatically determined link context identifies the purpose of the link.
htmlcs: WCAG2AA.Principle2.Guideline2_4.2_4_4.H77,H78,H79,H80,H81
<a href="https://www.w3.org/WAI/WAI-AGE/"><acronym title="Web Accessibili...</a>
(selector "#meta-footer > p:nth-child(2) > a:nth-child(8)")
Notice: Check that the link text combined with programmatically determined link context identifies the purpose of the link.
htmlcs: WCAG2AA.Principle2.Guideline2_4.2_4_4.H77,H78,H79,H80,H81
<a href="../acks.html">Acknowledgements</a>
(selector "#meta-footer > p:nth-child(2) > a:nth-child(10)")
Warning: If this element contains a navigation section, it is recommended that it be marked up as a list.
htmlcs: WCAG2AA.Principle1.Guideline1_3.1_3_1.H48
<p>[<a href="https://www.w3.org/WA...</p>
(selector "#meta-footer > p:nth-child(3)")
Notice: Check that the link text combined with programmatically determined link context identifies the purpose of the link.
htmlcs: WCAG2AA.Principle2.Guideline2_4.2_4_4.H77,H78,H79,H80,H81
<a href="https://www.w3.org/WAI/sitemap.html" shape="rect">WAI Site Map</a>
(selector "#meta-footer > p:nth-child(3) > a:nth-child(1)")
Notice: Check that the link text combined with programmatically determined link context identifies the purpose of the link.
htmlcs: WCAG2AA.Principle2.Guideline2_4.2_4_4.H77,H78,H79,H80,H81
<a href="https://www.w3.org/WAI/sitehelp.html" shape="rect">Help with WAI Website</a>
(selector "#meta-footer > p:nth-child(3) > a:nth-child(2)")
Notice: Check that the link text combined with programmatically determined link context identifies the purpose of the link.
htmlcs: WCAG2AA.Principle2.Guideline2_4.2_4_4.H77,H78,H79,H80,H81
<a href="https://www.w3.org/WAI/search.php" shape="rect">Search</a>
(selector "#meta-footer > p:nth-child(3) > a:nth-child(3)")
Notice: Check that the link text combined with programmatically determined link context identifies the purpose of the link.
htmlcs: WCAG2AA.Principle2.Guideline2_4.2_4_4.H77,H78,H79,H80,H81
<a href="https://www.w3.org/WAI/contacts" shape="rect">Contacting WAI</a>
(selector "#meta-footer > p:nth-child(3) > a:nth-child(4)")
Notice: Check that the link text combined with programmatically determined link context identifies the purpose of the link.
htmlcs: WCAG2AA.Principle2.Guideline2_4.2_4_4.H77,H78,H79,H80,H81
<a href="mailto:wai-eo-editors@w3.org" shape="rect">wai-eo-editors@w3.org</a>
(selector "#meta-footer > p:nth-child(3) > strong > a")
Notice: Check that the link text combined with programmatically determined link context identifies the purpose of the link.
htmlcs: WCAG2AA.Principle2.Guideline2_4.2_4_4.H77,H78,H79,H80,H81
<a href="mailto:wai@w3.org" shape="rect">wai@w3.org</a>
(selector "#meta-footer > p:nth-child(3) > a:nth-child(7)")
Warning: If this element contains a navigation section, it is recommended that it be marked up as a list.
htmlcs: WCAG2AA.Principle1.Guideline1_3.1_3_1.H48
<p><a rel="Copyright" href="https:...</p>
(selector "#meta-footer > div > p")
Notice: Check that the link text combined with programmatically determined link context identifies the purpose of the link.
htmlcs: WCAG2AA.Principle2.Guideline2_4.2_4_4.H77,H78,H79,H80,H81
<a rel="Copyright" href="https://www.w3.org/Consortium/Legal/ipr-notice#Copyright">Copyright</a>
(selector "#meta-footer > div > p > a:nth-child(1)")
Notice: Check that the link text combined with programmatically determined link context identifies the purpose of the link.
htmlcs: WCAG2AA.Principle2.Guideline2_4.2_4_4.H77,H78,H79,H80,H81
<a href="https://www.w3.org/"><acronym title="World Wide Web ...</a>
(selector "#meta-footer > div > p > a:nth-child(2)")
Notice: Check that the link text combined with programmatically determined link context identifies the purpose of the link.
htmlcs: WCAG2AA.Principle2.Guideline2_4.2_4_4.H77,H78,H79,H80,H81
<a href="http://www.csail.mit.edu/"><acronym title="Massachusetts I...</a>
(selector "#meta-footer > div > p > a:nth-child(4)")
Notice: Check that the link text combined with programmatically determined link context identifies the purpose of the link.
htmlcs: WCAG2AA.Principle2.Guideline2_4.2_4_4.H77,H78,H79,H80,H81
<a href="http://www.ercim.org/"><acronym title="European Resear...</a>
(selector "#meta-footer > div > p > a:nth-child(5)")
Notice: Check that the link text combined with programmatically determined link context identifies the purpose of the link.
htmlcs: WCAG2AA.Principle2.Guideline2_4.2_4_4.H77,H78,H79,H80,H81
<a href="http://www.keio.ac.jp/">Keio</a>
(selector "#meta-footer > div > p > a:nth-child(6)")
Notice: Check that the link text combined with programmatically determined link context identifies the purpose of the link.
htmlcs: WCAG2AA.Principle2.Guideline2_4.2_4_4.H77,H78,H79,H80,H81
<a href="https://www.w3.org/Consortium/Legal/ipr-notice#Legal_Disclaimer">liability</a>
(selector "#meta-footer > div > p > a:nth-child(7)")
Notice: Check that the link text combined with programmatically determined link context identifies the purpose of the link.
htmlcs: WCAG2AA.Principle2.Guideline2_4.2_4_4.H77,H78,H79,H80,H81
<a href="https://www.w3.org/Consortium/Legal/ipr-notice#W3C_Trademarks">trademark</a>
(selector "#meta-footer > div > p > a:nth-child(8)")
Notice: Check that the link text combined with programmatically determined link context identifies the purpose of the link.
htmlcs: WCAG2AA.Principle2.Guideline2_4.2_4_4.H77,H78,H79,H80,H81
<a rel="Copyright" href="https://www.w3.org/Consortium/Legal/copyright-documents">document use</a>
(selector "#meta-footer > div > p > a:nth-child(9)")
Notice: Check that the link text combined with programmatically determined link context identifies the purpose of the link.
htmlcs: WCAG2AA.Principle2.Guideline2_4.2_4_4.H77,H78,H79,H80,H81
<a rel="Copyright" href="https://www.w3.org/Consortium/Legal/copyright-software">software licensing</a>
(selector "#meta-footer > div > p > a:nth-child(10)")
Notice: Check that the link text combined with programmatically determined link context identifies the purpose of the link.
htmlcs: WCAG2AA.Principle2.Guideline2_4.2_4_4.H77,H78,H79,H80,H81
<a href="https://www.w3.org/Consortium/Legal/privacy-statement#Public">public</a>
(selector "#meta-footer > div > p > a:nth-child(11)")
Notice: Check that the link text combined with programmatically determined link context identifies the purpose of the link.
htmlcs: WCAG2AA.Principle2.Guideline2_4.2_4_4.H77,H78,H79,H80,H81
<a href="https://www.w3.org/Consortium/Legal/privacy-statement#Members">Member</a>
(selector "#meta-footer > div > p > a:nth-child(12)")
Notice: Check that the content is ordered in a meaningful sequence when linearised, such as when style sheets are disabled.
htmlcs: WCAG2AA.Principle1.Guideline1_3.1_3_2.G57
Notice: Where instructions are provided for understanding the content, do not rely on sensory characteristics alone (such as shape, size or location) to describe objects.
htmlcs: WCAG2AA.Principle1.Guideline1_3.1_3_3.G96
Notice: Check that content does not restrict its view and operation to a single display orientation, such as portrait or landscape, unless a specific display orientation is essential.
htmlcs: WCAG2AA.Principle1.Guideline1_3.1_3_4.
Notice: Check that any information conveyed using colour alone is also available in text, or through other visual cues.
htmlcs: WCAG2AA.Principle1.Guideline1_4.1_4_1.G14,G182
Notice: Check that text can be resized without assistive technology up to 200 percent without loss of content or functionality.
htmlcs: WCAG2AA.Principle1.Guideline1_4.1_4_4.G142
Notice: If the technologies being used can achieve the visual presentation, check that text is used to convey information rather than images of text, except when the image of text is essential to the information being conveyed, or can be visually customised to the user's requirements.
htmlcs: WCAG2AA.Principle1.Guideline1_4.1_4_5.G140,C22,C30.AALevel
Notice: Check that content can be presented without loss of information or functionality, and without requiring scrolling in two dimensions for: Vertical scrolling content at a width equivalent to 320 CSS pixels; Horizontal scrolling content at a height equivalent to 256 CSS pixels; Except for parts of the content which require two-dimensional layout for usage or meaning.
htmlcs: WCAG2AA.Principle1.Guideline1_4.1_4_10.C32,C31,C33,C38,SCR34,G206
Notice: Check that the visual presentation of the following have a contrast ratio of at least 3:1 against adjacent color(s): User Interface Components: Visual information required to identify user interface components and states, except for inactive components or where the appearance of the component is determined by the user agent and not modified by the author; Graphical Objects: Parts of graphics required to understand the content, except when a particular presentation of graphics is essential to the information being conveyed.
htmlcs: WCAG2AA.Principle1.Guideline1_4.1_4_11.G195,G207,G18,G145,G174,F78
Notice: Check that no loss of content or functionality occurs by setting all of the following and by changing no other style property: Line height (line spacing) to at least 1.5 times the font size; Spacing following paragraphs to at least 2 times the font size; Letter spacing (tracking) to at least 0.12 times the font size; Word spacing to at least 0.16 times the font size.
htmlcs: WCAG2AA.Principle1.Guideline1_4.1_4_12.C36,C35
Notice: Check that where receiving and then removing pointer hover or keyboard focus triggers additional content to become visible and then hidden, the following are true: Dismissable: A mechanism is available to dismiss the additional content without moving pointer hover or keyboard focus, unless the additional content communicates an input error or does not obscure or replace other content; Hoverable: If pointer hover can trigger the additional content, then the pointer can be moved over the additional content without the additional content disappearing; Persistent: The additional content remains visible until the hover or focus trigger is removed, the user dismisses it, or its information is no longer valid.
htmlcs: WCAG2AA.Principle1.Guideline1_4.1_4_13.F95
Notice: Check that if a keyboard shortcut is implemented in content using only letter (including upper- and lower-case letters), punctuation, number, or symbol characters, then at least one of the following is true: Turn off: A mechanism is available to turn the shortcut off; Remap: A mechanism is available to remap the shortcut to use one or more non-printable keyboard characters (e.g. Ctrl, Alt, etc); Active only on focus: The keyboard shortcut for a user interface component is only active when that component has focus.
htmlcs: WCAG2AA.Principle2.Guideline2_1.2_1_4.
Notice: If any part of the content moves, scrolls or blinks for more than 5 seconds, or auto-updates, check that there is a mechanism available to pause, stop, or hide the content.
htmlcs: WCAG2AA.Principle2.Guideline2_2.2_2_2.SCR33,SCR22,G187,G152,G186,G191
Notice: Check that no component of the content flashes more than three times in any 1-second period, or that the size of any flashing area is sufficiently small.
htmlcs: WCAG2AA.Principle2.Guideline2_3.2_3_1.G19,G176
Notice: Ensure that any common navigation elements can be bypassed; for instance, by use of skip links, header elements, or ARIA landmark roles.
htmlcs: WCAG2AA.Principle2.Guideline2_4.2_4_1.G1,G123,G124,H69
Notice: If this Web page is not part of a linear process, check that there is more than one way of locating this Web page within a set of Web pages.
htmlcs: WCAG2AA.Principle2.Guideline2_4.2_4_5.G125,G64,G63,G161,G126,G185
Notice: Check that headings and labels describe topic or purpose.
htmlcs: WCAG2AA.Principle2.Guideline2_4.2_4_6.G130,G131
Notice: Check that there is at least one mode of operation where the keyboard focus indicator can be visually located on user interface controls.
htmlcs: WCAG2AA.Principle2.Guideline2_4.2_4_7.G149,G165,G195,C15,SCR31
Notice: Check that all functionality that uses multipoint or path-based gestures for operation can be operated with a single pointer without a path-based gesture, unless a multipoint or path-based gesture is essential.
htmlcs: WCAG2AA.Principle2.Guideline2_5.2_5_1.
Notice: Check that for functionality that can be operated using a single pointer, at least one of the following is true: No Down-Event: The down-event of the pointer is not used to execute any part of the function; Abort or Undo: Completion of the function is on the up-event, and a mechanism is available to abort the function before completion or to undo the function after completion; Up Reversal: The up-event reverses any outcome of the preceding down-event; Essential: Completing the function on the down-event is essential.
htmlcs: WCAG2AA.Principle2.Guideline2_5.2_5_2.
Notice: Check that for user interface components with labels that include text or images of text, the name contains the text that is presented visually.
htmlcs: WCAG2AA.Principle2.Guideline2_5.2_5_3.F96
Notice: Check that functionality that can be operated by device motion or user motion can also be operated by user interface components and responding to the motion can be disabled to prevent accidental actuation, except when: Supported Interface: The motion is used to operate functionality through an accessibility supported interface; Essential: The motion is essential for the function and doing so would invalidate the activity.
htmlcs: WCAG2AA.Principle2.Guideline2_5.2_5_4.
Notice: Ensure that any change in language is marked using the lang and/or xml:lang attribute on an element, as appropriate.
htmlcs: WCAG2AA.Principle3.Guideline3_1.3_1_2.H58
Notice: Check that navigational mechanisms that are repeated on multiple Web pages occur in the same relative order each time they are repeated, unless a change is initiated by the user.
htmlcs: WCAG2AA.Principle3.Guideline3_2.3_2_3.G61
Notice: Check that components that have the same functionality within this Web page are identified consistently in the set of Web pages to which it belongs.
htmlcs: WCAG2AA.Principle3.Guideline3_2.3_2_4.G197
Notice: Check that status messages can be programmatically determined through role or properties such that they can be presented to the user by assistive technologies without receiving focus.
htmlcs: WCAG2AA.Principle4.Guideline4_1.4_1_3.
Error/Serious: <html> element must have a lang attribute
Ensures every HTML document has a lang attribute
axe: html-has-lang
<html><head> <title>Welcome to CityLi...</html>
(selector "html")
Error/Critical: Images must have alternate text
Ensures <img> elements have alternate text or a role of none or presentation
axe: image-alt
<img src="./img/border_left_top.gif" width="10px" height="10px">
(selector "#page > table > tbody > tr > td > table > tbody > tr:nth-child(1) > td:nth-child(1) > img")
Error/Critical: Images must have alternate text
Ensures <img> elements have alternate text or a role of none or presentation
axe: image-alt
<img src="./img/border_top.gif" height="10px">
(selector "#page > table > tbody > tr > td > table > tbody > tr:nth-child(1) > td:nth-child(2) > img")
Error/Critical: Images must have alternate text
Ensures <img> elements have alternate text or a role of none or presentation
axe: image-alt
<img src="./img/border_right_top.gif" width="10px" height="10px">
(selector "#page > table > tbody > tr > td > table > tbody > tr:nth-child(1) > td:nth-child(3) > img")
Error/Critical: Images must have alternate text
Ensures <img> elements have alternate text or a role of none or presentation
axe: image-alt
<img src="./img/border_left.gif" width="10px">
(selector "#page > table > tbody > tr > td > table > tbody > tr:nth-child(2) > td:nth-child(1) > img")
Error/Critical: Images must have alternate text
Ensures <img> elements have alternate text or a role of none or presentation
axe: image-alt
<img src="./img/top_logo_next_end.gif" width="24px" height="86px">
(selector "#page > table > tbody > tr > td > table > tbody > tr:nth-child(2) > td:nth-child(2) > table:nth-child(1) > tbody > tr:nth-child(1) > td:nth-child(2) > img")
Error/Critical: Images must have alternate text
Ensures <img> elements have alternate text or a role of none or presentation
axe: image-alt
<img src="./img/top_weather.gif" width="128px" height="86px">
(selector "#page > table > tbody > tr > td > table > tbody > tr:nth-child(2) > td:nth-child(2) > table:nth-child(1) > tbody > tr:nth-child(1) > td:nth-child(3) > img")
Error/Critical: Images must have alternate text
Ensures <img> elements have alternate text or a role of none or presentation
axe: image-alt
<img src="./img/top_logo_next_start.gif" width="22px" height="86px">
(selector "#page > table > tbody > tr > td > table > tbody > tr:nth-child(2) > td:nth-child(2) > table:nth-child(1) > tbody > tr:nth-child(1) > td:nth-child(4) > img")
Error/Critical: Images must have alternate text
Ensures <img> elements have alternate text or a role of none or presentation
axe: image-alt
<img src="./img/mark.gif" width="158px" height="7px">
(selector "#page > table > tbody > tr > td > table > tbody > tr:nth-child(2) > td:nth-child(2) > table:nth-child(1) > tbody > tr:nth-child(2) > td > img")
Error/Critical: Images must have alternate text
Ensures <img> elements have alternate text or a role of none or presentation
axe: image-alt
<img src=".img/marker2_w.gif" width="78px" height="1px">
(selector "#page > table > tbody > tr > td > table > tbody > tr:nth-child(2) > td:nth-child(2) > table:nth-child(1) > tbody > tr:nth-child(4) > td > img")
Error/Critical: Images must have alternate text
Ensures <img> elements have alternate text or a role of none or presentation
axe: image-alt
<img src="./img/marker2_w.gif" width="78px" height="1px">
(selector "#page > table > tbody > tr > td > table > tbody > tr:nth-child(2) > td:nth-child(2) > table:nth-child(2) > tbody > tr > td:nth-child(1) > table > tbody > tr:nth-child(1) > td:nth-child(1) > img")
Error/Critical: Images must have alternate text
Ensures <img> elements have alternate text or a role of none or presentation
axe: image-alt
<img src="./img/marker2_t.gif" width="1" height="30px">
(selector "#page > table > tbody > tr > td > table > tbody > tr:nth-child(2) > td:nth-child(2) > table:nth-child(2) > tbody > tr > td:nth-child(1) > table > tbody > tr:nth-child(1) > td:nth-child(2) > img")
Error/Critical: Images must have alternate text
Ensures <img> elements have alternate text or a role of none or presentation
axe: image-alt
<img name="nav_home" src="./img/nav_home.gif" width="88" height="27" hspace="15" border="0px">
(selector "#home > a > img")
Error/Critical: Images must have alternate text
Ensures <img> elements have alternate text or a role of none or presentation
axe: image-alt
<img src="./img/marker2_w.gif" width="78px" height="1px">
(selector "#page > table > tbody > tr > td > table > tbody > tr:nth-child(2) > td:nth-child(2) > table:nth-child(2) > tbody > tr > td:nth-child(1) > table > tbody > tr:nth-child(3) > td > img")
Error/Critical: Images must have alternate text
Ensures <img> elements have alternate text or a role of none or presentation
axe: image-alt
<img src="./img/nav_news.gif" name="nav_news" width="90" height="21" hspace="12" border="0px">
(selector "#news > a > img")
Error/Critical: Images must have alternate text
Ensures <img> elements have alternate text or a role of none or presentation
axe: image-alt
<img src="./img/marker2_w.gif" width="78px" height="1px">
(selector "#page > table > tbody > tr > td > table > tbody > tr:nth-child(2) > td:nth-child(2) > table:nth-child(2) > tbody > tr > td:nth-child(1) > table > tbody > tr:nth-child(5) > td > img")
Error/Critical: Images must have alternate text
Ensures <img> elements have alternate text or a role of none or presentation
axe: image-alt
<img name="nav_facts" src="./img/nav_facts.gif" width="105" height="23" hspace="9" border="0px">
(selector "#tickets > a > img")
Error/Critical: Images must have alternate text
Ensures <img> elements have alternate text or a role of none or presentation
axe: image-alt
<img src="./img/marker2_w.gif" width="78px" height="1px">
(selector "#page > table > tbody > tr > td > table > tbody > tr:nth-child(2) > td:nth-child(2) > table:nth-child(2) > tbody > tr > td:nth-child(1) > table > tbody > tr:nth-child(7) > td > img")
Error/Critical: Images must have alternate text
Ensures <img> elements have alternate text or a role of none or presentation
axe: image-alt
<img src="./img/nav_survey.gif" name="nav_survey" width="107" height="32" hspace="8" border="0px">
(selector "#survey > a > img")
Error/Critical: Images must have alternate text
Ensures <img> elements have alternate text or a role of none or presentation
axe: image-alt
<img src="./img/marker2_w.gif" width="78px" height="1px">
(selector "#page > table > tbody > tr > td > table > tbody > tr:nth-child(2) > td:nth-child(2) > table:nth-child(2) > tbody > tr > td:nth-child(1) > table > tbody > tr:nth-child(9) > td > img")
Error/Critical: Images must have alternate text
Ensures <img> elements have alternate text or a role of none or presentation
axe: image-alt
<img src="./img/blank_5x5.gif" width="20px" height="5px">
(selector "#page > table > tbody > tr > td > table > tbody > tr:nth-child(2) > td:nth-child(2) > table:nth-child(2) > tbody > tr > td:nth-child(2) > img")
Error/Critical: Images must have alternate text
Ensures <img> elements have alternate text or a role of none or presentation
axe: image-alt
<img height="30" src="./img/marker2_t.gif" width="1">
(selector "#main > div:nth-child(4) > div:nth-child(2) > table > tbody > tr:nth-child(1) > td:nth-child(1) > img")
Error/Critical: Images must have alternate text
Ensures <img> elements have alternate text or a role of none or presentation
axe: image-alt
<img height="1" src="./img/marker2_w.gif" width="78">
(selector "#main > div:nth-child(4) > div:nth-child(2) > table > tbody > tr:nth-child(1) > td:nth-child(2) > img")
Error/Critical: Images must have alternate text
Ensures <img> elements have alternate text or a role of none or presentation
axe: image-alt
<img height="24" src="./img/headline_middle.gif" width="23" align="absmiddle">
(selector "#main > div:nth-child(4) > div:nth-child(2) > table > tbody > tr:nth-child(2) > td:nth-child(1) > p > img")
Error/Critical: Images must have alternate text
Ensures <img> elements have alternate text or a role of none or presentation
axe: image-alt
<img height="30" src="./img/marker2_t.gif" width="1">
(selector "#main > div:nth-child(4) > div:nth-child(2) > table > tbody > tr:nth-child(2) > td:nth-child(2) > img")
Error/Critical: Images must have alternate text
Ensures <img> elements have alternate text or a role of none or presentation
axe: image-alt
<img height="1" src="./img/marker2_w.gif" width="78">
(selector "#main > div:nth-child(4) > div:nth-child(2) > table > tbody > tr:nth-child(4) > td > img")
Error/Critical: Images must have alternate text
Ensures <img> elements have alternate text or a role of none or presentation
axe: image-alt
<img height="30" src="./img/marker2_t.gif" width="1">
(selector "#main > div:nth-child(5) > table > tbody > tr:nth-child(1) > td:nth-child(1) > img")
Error/Critical: Images must have alternate text
Ensures <img> elements have alternate text or a role of none or presentation
axe: image-alt
<img height="1" src="./img/marker2_w.gif" width="78">
(selector "#main > div:nth-child(5) > table > tbody > tr:nth-child(1) > td:nth-child(2) > img")
Error/Critical: Images must have alternate text
Ensures <img> elements have alternate text or a role of none or presentation
axe: image-alt
<img height="30" src="./img/marker2_t.gif" width="1">
(selector "#main > div:nth-child(5) > table > tbody > tr:nth-child(1) > td:nth-child(3) > img")
Error/Critical: Images must have alternate text
Ensures <img> elements have alternate text or a role of none or presentation
axe: image-alt
<img height="24" src="./img/headline_middle.gif" width="23" align="absmiddle">
(selector "#main > div:nth-child(5) > table > tbody > tr:nth-child(2) > td > p > img")
Error/Critical: Images must have alternate text
Ensures <img> elements have alternate text or a role of none or presentation
axe: image-alt
<img height="1" src="./img/marker2_w.gif" width="78">
(selector "#main > div:nth-child(5) > table > tbody > tr:nth-child(4) > td > img")
Error/Critical: Images must have alternate text
Ensures <img> elements have alternate text or a role of none or presentation
axe: image-alt
<img height="30" src="./img/marker2_t.gif" width="1">
(selector "#main > table > tbody > tr > td:nth-child(1) > table > tbody > tr:nth-child(1) > td:nth-child(1) > img")
Error/Critical: Images must have alternate text
Ensures <img> elements have alternate text or a role of none or presentation
axe: image-alt
<img height="1" src="./img/marker2_w.gif" width="78">
(selector "#main > table > tbody > tr > td:nth-child(1) > table > tbody > tr:nth-child(1) > td:nth-child(2) > img")
Error/Critical: Images must have alternate text
Ensures <img> elements have alternate text or a role of none or presentation
axe: image-alt
<img height="30" src="./img/marker2_t.gif" width="1">
(selector "#main > table > tbody > tr > td:nth-child(1) > table > tbody > tr:nth-child(1) > td:nth-child(3) > img")
Error/Critical: Images must have alternate text
Ensures <img> elements have alternate text or a role of none or presentation
axe: image-alt
<img height="24" src="./img/headline_middle.gif" width="23" align="absmiddle">
(selector "#main > table > tbody > tr > td:nth-child(1) > table > tbody > tr:nth-child(2) > td > img")
Error/Critical: Images must have alternate text
Ensures <img> elements have alternate text or a role of none or presentation
axe: image-alt
<img height="1" src="./img/marker2_w.gif" width="78">
(selector "#main > table > tbody > tr > td:nth-child(1) > table > tbody > tr:nth-child(4) > td > img")
Error/Critical: Images must have alternate text
Ensures <img> elements have alternate text or a role of none or presentation
axe: image-alt
<img src="./img/border_right.gif" width="10px">
(selector "#page > table > tbody > tr > td > table > tbody > tr:nth-child(2) > td:nth-child(3) > img")
Error/Critical: Images must have alternate text
Ensures <img> elements have alternate text or a role of none or presentation
axe: image-alt
<img src="./img/border_bottom_left.gif" width="10px" height="10px">
(selector "#page > table > tbody > tr > td > table > tbody > tr:nth-child(3) > td:nth-child(1) > img")
Error/Critical: Images must have alternate text
Ensures <img> elements have alternate text or a role of none or presentation
axe: image-alt
<img src="./img/border_bottom.gif" height="10px">
(selector "#page > table > tbody > tr > td > table > tbody > tr:nth-child(3) > td:nth-child(2) > img")
Error/Critical: Images must have alternate text
Ensures <img> elements have alternate text or a role of none or presentation
axe: image-alt
<img src="./img/border_bottom_right.gif" width="10px" height="10px">
(selector "#page > table > tbody > tr > td > table > tbody > tr:nth-child(3) > td:nth-child(3) > img")
Warning/Moderate: Document should have one main landmark
Ensures the document has a main landmark
axe: landmark-one-main
<html><head> <title>Welcome to CityLi...</html>
(selector "html")
Error/Serious: Links must have discernible text
Ensures links have discernible text
axe: link-name
<a href="javascript:location.href='home.html';" onfocus="blur();"><img name="nav_home" src="./img...</a>
(selector "#home > a")
Error/Serious: Links must have discernible text
Ensures links have discernible text
axe: link-name
<a href="javascript:location.href='news.html';" onfocus="blur();"><img src="./img/nav_news.gif" n...</a>
(selector "#news > a")
Error/Serious: Links must have discernible text
Ensures links have discernible text
axe: link-name
<a href="javascript:location.href='tickets.html';" onfocus="blur();"><img name="nav_facts" src="./im...</a>
(selector "#tickets > a")
Error/Serious: Links must have discernible text
Ensures links have discernible text
axe: link-name
<a href="javascript:location.href='survey.html';" onfocus="blur();"><img src="./img/nav_survey.gif"...</a>
(selector "#survey > a")
Warning/Moderate: All page content should be contained by landmarks
Ensures all page content is contained by landmarks
axe: region
<p id="logos"><a href="https://www.w3.org/" t...</p>
(selector "#logos")
Warning/Moderate: All page content should be contained by landmarks
Ensures all page content is contained by landmarks
axe: region
<h1><span class="subhead">Inaccessi...</h1>
(selector "#meta-header > h1")
Warning/Moderate: All page content should be contained by landmarks
Ensures all page content is contained by landmarks
axe: region
<p class="subline">Improving a Web site using Web ...</p>
(selector "#meta-header > p:nth-child(4)")
Warning/Moderate: All page content should be contained by landmarks
Ensures all page content is contained by landmarks
axe: region
<div id="mnav" class="inaccessible"> <ul> <li cla...</div>
(selector "#mnav")
Warning/Moderate: All page content should be contained by landmarks
Ensures all page content is contained by landmarks
axe: region
<div id="page"> <p class="skip" id="startc...</div>
(selector "#page")
Warning/Moderate: All page content should be contained by landmarks
Ensures all page content is contained by landmarks
axe: region
<div id="meta-footer" class="meta"> <hr> <p><strong>St...</div>
(selector "#meta-footer")
Error/Critical: Select element must have an accessible name
Ensures select element has an accessible name
axe: select-name
<select onchange="location.href = this.value;"> <option selected="...</select>
(selector "#page > table > tbody > tr > td > table > tbody > tr:nth-child(2) > td:nth-child(2) > table:nth-child(1) > tbody > tr:nth-child(1) > td:nth-child(5) > select")
Error/Serious: Elements must have sufficient color contrast
Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds
axe: color-contrast
<a class="page current"><span class="hidden">Inaccessib...</a>
(selector "#mnav > ul > li:nth-child(3) > div > ul > li:nth-child(1) > a:nth-child(2)")
Error/Serious: Elements must have sufficient color contrast
Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds
axe: color-contrast
<a href="./annotated/news.html" class="annotoggle">Show <br>Annotations</a>
(selector "#mnav > ul > li:nth-child(3) > div > a")

Pa11y results for "https://www.w3.org/WAI/demos/bad/before/news.html"

Generated at: Wed Apr 17 2024 00:04:34 GMT+0000 (Coordinated Universal Time)

Runners (with issues): axe, htmlcs

Notice: Check that the title element describes the document.

Error: The html element should have a lang or xml:lang attribute which describes the language of the document.

Notice: Check that the link text combined with programmatically determined link context identifies the purpose of the link.

Warning: If this element contains a navigation section, it is recommended that it be marked up as a list.

Notice: Check that the link text combined with programmatically determined link context, or its title attribute, identifies the purpose of the link.

Notice: Ensure that the img element's alt text serves the same purpose and presents the same information as the image.

Notice: If this image cannot be fully described in a short text alternative, ensure a long text alternative is also available, such as in the body text or through a link.

Notice: Check that the link text combined with programmatically determined link context, or its title attribute, identifies the purpose of the link.

Notice: Ensure that the img element's alt text serves the same purpose and presents the same information as the image.

Notice: If this image cannot be fully described in a short text alternative, ensure a long text alternative is also available, such as in the body text or through a link.

Notice: Check that the link text combined with programmatically determined link context identifies the purpose of the link.

Notice: Check that the link text combined with programmatically determined link context identifies the purpose of the link.

Warning: This element's text is placed on a background image. Ensure the contrast ratio between the text and all covered parts of the image are at least 4.5:1.

Warning: Anchor element found with link content, but no href, ID or name attribute has been supplied.

Notice: Check that the link text combined with programmatically determined link context identifies the purpose of the link.

Notice: Check that the link text combined with programmatically determined link context identifies the purpose of the link.

Notice: Check that the link text combined with programmatically determined link context identifies the purpose of the link.

Notice: Check that the link text combined with programmatically determined link context identifies the purpose of the link.

Warning: This element's text is placed on a background image. Ensure the contrast ratio between the text and all covered parts of the image are at least 4.5:1.

Notice: Check that the link text combined with programmatically determined link context identifies the purpose of the link.

Notice: Check that the link text combined with programmatically determined link context identifies the purpose of the link.

Notice: Check that the link text combined with programmatically determined link context identifies the purpose of the link.

Notice: Check that the link text combined with programmatically determined link context identifies the purpose of the link.

Warning: Check that this element has an inherited foreground colour to complement the corresponding inline background colour or image.

Notice: This table appears to be a layout table. If it is meant to instead be a data table, ensure header cells are identified using th elements.

Warning: Semantic markup should be used to mark emphasised or special text so that it can be programmatically determined.

Warning: Check that this element has an inherited foreground colour to complement the corresponding inline background colour or image.

Notice: This table appears to be a layout table. If it is meant to instead be a data table, ensure header cells are identified using th elements.

Error: Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.

Notice: If this image cannot be fully described in a short text alternative, ensure a long text alternative is also available, such as in the body text or through a link.

Error: Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.

Notice: If this image cannot be fully described in a short text alternative, ensure a long text alternative is also available, such as in the body text or through a link.

Error: Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.

Notice: If this image cannot be fully described in a short text alternative, ensure a long text alternative is also available, such as in the body text or through a link.

Error: Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.

Notice: If this image cannot be fully described in a short text alternative, ensure a long text alternative is also available, such as in the body text or through a link.

Warning: Semantic markup should be used to mark emphasised or special text so that it can be programmatically determined.

Warning: Check that this element has an inherited foreground colour to complement the corresponding inline background colour or image.

Notice: This table appears to be a layout table. If it is meant to instead be a data table, ensure header cells are identified using th elements.

Notice: Check that the link text combined with programmatically determined link context identifies the purpose of the link.

Notice: Ensure that the img element's alt text serves the same purpose and presents the same information as the image.

Notice: If this image cannot be fully described in a short text alternative, ensure a long text alternative is also available, such as in the body text or through a link.

Error: Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.

Notice: If this image cannot be fully described in a short text alternative, ensure a long text alternative is also available, such as in the body text or through a link.

Error: Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.

Notice: If this image cannot be fully described in a short text alternative, ensure a long text alternative is also available, such as in the body text or through a link.

Error: Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.

Notice: If this image cannot be fully described in a short text alternative, ensure a long text alternative is also available, such as in the body text or through a link.

Warning: Semantic markup should be used to mark emphasised or special text so that it can be programmatically determined.

Error: This select element does not have a name available to an accessibility API. Valid names are: label element, title undefined, aria-label undefined, aria-labelledby undefined.

Error: This form field should be labelled in some way. Use the label element (either with a "for" attribute or wrapped around the form field), or "title", "aria-label" or "aria-labelledby" attributes as appropriate.

Warning: If this selection list contains groups of related options, they should be grouped with optgroup.

Notice: Check that the input field serves a purpose identified in the Input Purposes for User Interface Components section; and that the content is implemented using technologies with support for identifying the expected meaning for form input data.

Notice: This element does not have an autocomplete attribute. If this field collects information about the user, consider adding one to comply with this Success Criterion.

Notice: Check that a change of context does not occur when this input field receives focus.

Error: Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.

Notice: If this image cannot be fully described in a short text alternative, ensure a long text alternative is also available, such as in the body text or through a link.

Notice: This table appears to be a layout table. If it is meant to instead be a data table, ensure header cells are identified using th elements.

Warning: Check that this element has an inherited foreground colour to complement the corresponding inline background colour or image.

Warning: Semantic markup should be used to mark emphasised or special text so that it can be programmatically determined.

Warning: Check that this element has an inherited background colour or image to complement the corresponding inline foreground colour.

Warning: Semantic markup should be used to mark emphasised or special text so that it can be programmatically determined.

Warning: Semantic markup should be used to mark emphasised or special text so that it can be programmatically determined.

Warning: Check that this element has an inherited foreground colour to complement the corresponding inline background colour or image.

Warning: Semantic markup should be used to mark emphasised or special text so that it can be programmatically determined.

Warning: Check that this element has an inherited background colour or image to complement the corresponding inline foreground colour.

Warning: Semantic markup should be used to mark emphasised or special text so that it can be programmatically determined.

Error: Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.

Notice: If this image cannot be fully described in a short text alternative, ensure a long text alternative is also available, such as in the body text or through a link.

Warning: Check that this element has an inherited foreground colour to complement the corresponding inline background colour or image.

Notice: This table appears to be a layout table. If it is meant to instead be a data table, ensure header cells are identified using th elements.

Warning: Check that this element has an inherited foreground colour to complement the corresponding inline background colour or image.

Notice: This table appears to be a layout table. If it is meant to instead be a data table, ensure header cells are identified using th elements.

Error: Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.

Notice: If this image cannot be fully described in a short text alternative, ensure a long text alternative is also available, such as in the body text or through a link.

Error: Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.

Notice: If this image cannot be fully described in a short text alternative, ensure a long text alternative is also available, such as in the body text or through a link.