Site Report

This tab shows general usability issues, indicating navigation problems for all users.

This tab is available in SortSite Professional, SortSite Developer and OnDemand, but not in SortSite Standard edition.

Usability.gov Guidelines - Some pages violate these guidelines.
W3C Best Practices - Some pages violate these guidelines.
Readability - No issues found.

Priority	Description and URL	Guideline and Line Number	Count
Priority 1 1 issues on 3 pages
	Users should be able to quickly look at each link and tell where it goes.	Usability.gov 10:1	3 pages
	Don't use generic link labels like "click here" or "read more" because they're hard to tell apart when users scan a page.

	Link text: `Read More...` `<a href='../survey/annotations' onfocus='blur();' style='text-decoration:n...'>Read More...</a>`	Line 341
	Link text: `Read More...` `<a href='../tickets/annotations' onfocus='blur();' style='text-decoration:n...'>Read More...</a>`	Line 320
	Link text: `Click here` `<a onfocus='blur();' href='../../offsite.html' target='_blank'>Click here</a>`	Line 300
	Link text: `Click here` `<a onfocus='blur();' href='../../offsite.html' target='_blank'>Click here</a>`	Line 300
	https://www.w3.org/WAI/demos/bad/before/annotated/home.html

	Link text: `Read More...` `<a href='tickets.html' onfocus='blur();' style='text-decoration:n...'>Read More...</a>`	Line 319
	Link text: `Read More...` `<a href='survey.html' onfocus='blur();' style='text-decoration:n...'>Read More...</a>`	Line 340
	Link text: `Click here` `<a onfocus='blur();' href='../offsite.html' target='_blank'>Click here</a>`	Line 299
	Link text: `Click here` `<a onfocus='blur();' href='../offsite.html' target='_blank'>Click here</a>`	Line 299
	https://www.w3.org/WAI/demos/bad/before/home.html

	Link text: `Read more...` `<a href='info' onfocus='blur();' style='text-decoration:n...'>Read more...</a>`	Line 208
	Link text: `Read more...` `<a href='info' onfocus='blur();' style='text-decoration:n...'>Read more...</a>`	Line 187
	https://www.w3.org/WAI/demos/bad/before/template.html
Priority 2 4 issues on 11 pages
	Avoid underlined text - people will click on it and think it's a broken link.	Usability.gov 10:4	1 pages
	Use something other than underlining for highlighting text, because it looks like a link, and users become frustrated when the "link" does not work.

	`<u>SINCE CITYLIGHTS WOULD BE IRREPARABLY DAMAGED TO AN UNFORESEEABLE DEGREE IF SECTIONS [1] AND [2] WERE NOT SPECIFICALLY ENFORCED, CITYLIGHTS WILL BE...</u>`	Line 270
	https://www.w3.org/WAI/demos/bad/before/tickets.html
	Omitting `img width` or `height` attributes makes the page layout jump about as images load.	Usability.gov 14:3 W3C	11 pages
	This makes the page very hard to read or click while it's loading. Fix by adding width and height attributes to the `img` tag matching the image dimensions. In responsive layouts, specifying `width` and `height` prevents layout jumping because the browser can pre-calculate the final image size when CSS like this is used: `img { max-width: 100%; height: auto }`

	`<img src='../img/border_top.gif' height='10px'>`	Line 176
	`<img src='../img/border_left.gif' width='10px'>`	Line 180
	`<img src='../img/border_right.gif' width='10px'>`	Line 355
	`<img src='../img/border_bottom.gif' height='10px'>`	Line 359
	`<img alt='Web Accessibility Initiative (WAI) logo' src='../../img/wai.png' height='48'>`	Line 151
	https://www.w3.org/WAI/demos/bad/before/annotated/home.html

	`<img src='./img/border_top.gif' height='10px'>`	Line 175
	`<img src='./img/border_left.gif' width='10px'>`	Line 179
	`<img src='./img/border_right.gif' width='10px'>`	Line 355
	`<img src='./img/border_bottom.gif' height='10px'>`	Line 359
	`<img alt='Web Accessibility Initiative (WAI) logo' src='../img/wai.png' height='48'>`	Line 150
	https://www.w3.org/WAI/demos/bad/before/home.html

	`<img src='./img/border_top.gif' height='10px'>`	Line 76
	`<img src='./img/border_left.gif' width='10px'>`	Line 80
	`<img src='./img/border_right.gif' width='10px'>`	Line 263
	`<img src='./img/border_bottom.gif' height='10px'>`	Line 267
	`<img alt='Web Accessibility Initiative (WAI) logo' src='../img/wai.png' height='48'>`	Line 51
	https://www.w3.org/WAI/demos/bad/before/news.html

	`<img src='../../img/wai.png' alt='Web Accessibility Initiative (WAI) logo' height='48'>`	Line 32
	`<img title='Some success criteria failed' src='../../img/fail.png' alt='Some success criteria failed'>`	Line 181
	`<img src='../../img/howto.png' alt=''>`	Line 257
	`<img title='All success criteria met' src='../../img/pass.png' alt='All success criteria met'>`	Line 320
	`<img src='../../img/technique.png' alt=''>`	Line 376
	https://www.w3.org/WAI/demos/bad/before/reports/home.html
	This issue was found on another 7 pages. The trial version is limited to showing issues on 4 pages.
	The `img width` and `height` attributes don't match the actual image size. This means the image will be distorted or resize during loading.	W3C	1 pages

	Image https://www.w3.org/WAI/demos/bad/before/img/smzappa2.jpg actual dimensions: 80 x 94 pixels.
	`<img src='./img/chart1.jpg' alt='' width='270' height='150' border='0'>`	Line 221
	`<img src='./img/smzappa2.jpg' width='65' height='80' alt='picture of Clara F.' style='float:left;margin...' align='left'>`	Line 200
	https://www.w3.org/WAI/demos/bad/before/news.html
	Use background images sparingly and make sure they are simple, especially behind text.	Usability.gov 14:1	6 pages
	Background images can make it difficult for users to read foreground text. A single, large, complex background image (including a picture) can substantially slow page download rates.

	`<td width='10px' background='../img/border_left_top.gif'><img src='../img/border_left_top.gif' width='10px' height='10px'></td>`	Line 175
	`<td width='780px' background='../img/border_top.gif'><img src='../img/border_top.gif' height='10px'></td>`	Line 176
	`<td width='10px' background='../img/border_right_top.gif'><img src='../img/border_right_top.gif' width='10px' height='10px'></td>`	Line 177
	`<td width='10px' background='../img/border_left.gif'><img src='../img/border_left.gif' width='10px'></td>`	Line 180
	`<td width='443px' background='../img/top_logo_next.gif' valign='middle'><div class='annot_link_parent'><a href='home.html'>...</a><span id='annot_link_01' class=' annot_link prev...' style='margin-top: 25px;...'>...</span></div></td>`	Line 184
	https://www.w3.org/WAI/demos/bad/before/annotated/home.html

	`<td width='10px' background='./img/border_left_top.gif'><img src='./img/border_left_top.gif' width='10px' height='10px'></td>`	Line 174
	`<td width='780px' background='./img/border_top.gif'><img src='./img/border_top.gif' height='10px'></td>`	Line 175
	`<td width='10px' background='./img/border_right_top.gif'><img src='./img/border_right_top.gif' width='10px' height='10px'></td>`	Line 176
	`<td width='10px' background='./img/border_left.gif'><img src='./img/border_left.gif' width='10px'></td>`	Line 179
	`<td width='443px' background='./img/top_logo_next.gif' valign='middle'><div><a href='home.html'>...</a></div></td>`	Line 183
	https://www.w3.org/WAI/demos/bad/before/home.html

	`<td width='10px' background='./img/border_left_top.gif'><img src='./img/border_left_top.gif' width='10px' height='10px'></td>`	Line 75
	`<td width='780px' background='./img/border_top.gif'><img src='./img/border_top.gif' height='10px'></td>`	Line 76
	`<td width='10px' background='./img/border_right_top.gif'><img src='./img/border_right_top.gif' width='10px' height='10px'></td>`	Line 77
	`<td width='10px' background='./img/border_left.gif'><img src='./img/border_left.gif' width='10px'></td>`	Line 80
	`<td width='443px' background='./img/top_logo_next.gif' valign='middle'><div><a href='home.html'>...</a></div></td>`	Line 84
	https://www.w3.org/WAI/demos/bad/before/news.html

	`<td width='10px' background='./img/border_left_top.gif'><img src='./img/border_left_top.gif' width='10px' height='10px'></td>`	Line 70
	`<td width='780px' background='./img/border_top.gif'><img src='./img/border_top.gif' height='10px'></td>`	Line 71
	`<td width='10px' background='./img/border_right_top.gif'><img src='./img/border_right_top.gif' width='10px' height='10px'></td>`	Line 72
	`<td width='10px' background='./img/border_left.gif'><img src='./img/border_left.gif' width='10px'></td>`	Line 75
	`<td width='443px' background='./img/top_logo_next.gif' valign='middle'><div><a href='home.html'>...</a></div></td>`	Line 79
	https://www.w3.org/WAI/demos/bad/before/tickets.html
	This issue was found on another 2 pages. The trial version is limited to showing issues on 4 pages.
Priority 3 4 issues on 11 pages
	Use at least a 12-point font on all web pages.	Usability.gov 11:8	11 pages
	For users over age 65, it may be better to use at least fourteen-point fonts. Never use less than nine-point font on a Web site. The following are all smaller than 12 point: <p style="font-size: 11pt;" > <p style="font-size: 15px;" > <p style="font-size: small;" > <font size="2" > <font size="-1" >

	`font-size: 10.20pt` `<p>The text alternative for this image of text is overly verbose and does not serve the equivalent purpose of the image. The text alternative is as...</p>`	Line 369
	`font-size: 10.20pt` `<p>This image does not have any text alternative, so that it is unclear to some reasers if the image is important or not.</p>`	Line 378
	`font-size: 10.20pt` `<p>The link "heat wave linked to temperature" is not sufficiently distinct because it resembles a heading, and will not be recognized as a link by many...</p>`	Line 387
	`font-size: 10.20pt` `<p>The text alternative for this image is provided in the<code>title</code>attribute alone, which is not usable for many readers. Moreover, the text...</p>`	Line 400
	`font-size: 10.20pt` `<p>The link text "Read more..." is not descriptive to convey the purpose of the link.</p>`	Line 409
	https://www.w3.org/WAI/demos/bad/before/annotated/home.html

	`font-size: 10.80pt` `<p class='subline'>Improving a Web site using Web Content Accessibility Guidelines (WCAG) 2.0</p>`	Line 152
	`font-size: 11.25pt` `<p>Citylights is the new portal for visitors and residents. Find out what's on, book tickets, and get the latest news.</p>`	Line 277
	`font-size: 11.25pt` `<p>Please see the following websites for important information. Citylights take no responsibility for their content. For artichoke advice, call the number...<br>...</p>`	Line 299
	`font-size: 11.25pt` `<span>After three years of effort city scientists now agree that the primary cause of the 2003 heatwave was hot air from our<a href='news.html' onfocus='blur();'>...</a></span>`	Line 293
	`font-size: 11.25pt` `<span>Mayor: These kinds of crimes need more creative, effective punishments. For example, we could require compulsory<a href='news.html' onfocus='blur();'><img src='./img/morearrow.gif' width='48' height='10' alt='' border='0' onmouseover='this.src='./img/m...' onmouseout='this.src='./img/m...' style='vertical-align: b...'></a></span>`	Line 294
	https://www.w3.org/WAI/demos/bad/before/home.html

	`font-size: 10.80pt` `<p class='subline'>Improving a Web site using Web Content Accessibility Guidelines (WCAG) 2.0</p>`	Line 53
	`font-size: 11.25pt` `<div style='float:left;width:...'>After three years of effort city scientists now agree that the primary cause of the 2003 heatwave was hot air from our...</div>`	Line 183
	`font-size: 11.25pt` `<div style='float:right; widt...'>As news of the conviction and sentencing of infamous violin thief Pasquale Ginkgo-Biloba reached city hall, Mayor...<a href='../offsite.html'>trombone forgery debacle</a>also resulted in a formal rebuke from the Mayor.</div>`	Line 184
	`font-size: 11.25pt` `<div style='float:left;width:...'><p class='headline' align='center'><font size='3'>Tough Wahoonie</font></p>"We soon realized that we were seeing a...<a href='../offsite.html'>the way that air conditioning works</a>. Air conditioners produce cold air to go into the room...</div>`	Line 187
	`font-size: 11.25pt` `<td width='60%' valign='top' style='padding-left:15px'>There has been a significant drop in brain donations as a result of the successful 'Slow Traffic,......</td>`	Line 251
	https://www.w3.org/WAI/demos/bad/before/news.html

	`font-size: 10.80pt` `<a href='#page'>Jump to beginning of inaccessible report page</a>`	Line 23
	`font-size: 10.50pt` `<a href='https://www.w3.org/WAI/WCAG20/quickref/#media-equiv-audio-desc'>Audio Description or Media Alternative (Prerecorded)</a>`	Line 433
	`font-size: 10.50pt` `<p><a href='https://www.w3.org/TR/2008/NOTE-WCAG20-TECHS-20081211/G61'>Technique G61</a>- Presenting repeated components in the same relative order each...</p>`	Line 3105
	`font-size: 10.50pt` `<a href='https://www.w3.org/WAI/WCAG20/quickref/#minimize-error-reversible'>Error Prevention (Legal, Financial, Data)</a>`	Line 3356
	`font-size: 10.80pt` `<p class='subline'>Improving a Web site using Web Content Accessibility Guidelines (WCAG) 2.0</p>`	Line 41
	https://www.w3.org/WAI/demos/bad/before/reports/home.html
	This issue was found on another 7 pages. The trial version is limited to showing issues on 4 pages.
	Use bold text sparingly - for one or two words or a short phrase.	Usability.gov 11:5	1 pages
	Keep runs of bold text to less than 70 characters.

	`<b><br><br>[1] YOU AGREE THROUGH THE ACT OF CALLING THE M-U-S-I-C LINE OR BY READING ANY PART OF THESE TERMS AND CONDITIONS THAT YOU WILL NOT, NOW OR EVER,<br>...</b>`	Line 270
	https://www.w3.org/WAI/demos/bad/before/tickets.html
	Use italic text sparingly - for one or two words or a short phrase.	Usability.gov 11:10	1 pages
	Keep runs of styled text to less than 70 characters. When used well, styled text draws attention to important words, but also decreases reading speed by almost twenty percent.

	`<em>After three years of effort city scientists now agree that the primary cause of the 2003 heatwave was hot air from our Mayor: These kinds of crimes...</em>`	Line 420
	https://www.w3.org/WAI/demos/bad/before/annotated/home.html
	Use option groups when a drop down list has more than 10 items.	Usability.gov 13:12	6 pages
	Group related options using `optgroup` elements.

	`<select onchange='location.href = t...'><option selected>QUICKMENU ----></option><option value='../../offsite.html'>Broadcasting</option><option value='../../offsite.html'>Education</option>...</select>`	Line 189
	https://www.w3.org/WAI/demos/bad/before/annotated/home.html

	`<select onchange='location.href = t...'><option selected>QUICKMENU ----></option><option value='../offsite.html'>Broadcasting</option><option value='../offsite.html'>Education</option>...</select>`	Line 188
	https://www.w3.org/WAI/demos/bad/before/home.html

	`<select onchange='location.href = t...'><option selected>QUICKMENU ----></option><option value='../offsite.html'>Broadcasting</option><option value='../offsite.html'>Education</option>...</select>`	Line 89
	https://www.w3.org/WAI/demos/bad/before/news.html

	`<select onchange='location.href = t...'><option selected>QUICKMENU ----></option><option value='../offsite.html'>Broadcasting</option><option value='../offsite.html'>Education</option>...</select>`	Line 84
	https://www.w3.org/WAI/demos/bad/before/tickets.html
	This issue was found on another 2 pages. The trial version is limited to showing issues on 4 pages.
	Expand all 9 issues

Site Report

Priority 1

Priority 2

Priority 3