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='...'>Read More...</a>`	Line 341
	Link text: `Read More...` `<a href='../tickets/annotations' onfocus='blur();' style='...'>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='...'>Read More...</a>`	Line 319
	Link text: `Read More...` `<a href='survey.html' onfocus='blur();' style='...'>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='...'>Read more...</a>`	Line 208
	Link text: `Read more...` `<a href='info' onfocus='blur();' style='...'>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 ... TO ANY OTHER AVAILABLE REMEDIES.</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='...' 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'>...</td>`	Line 175
	`<td width='780px' background='../img/border_top.gif'>...</td>`	Line 176
	`<td width='10px' background='../img/border_right_top.gif'>...</td>`	Line 177
	`<td width='10px' background='../img/border_left.gif'>...</td>`	Line 180
	`<td width='443px' background='../img/top_logo_next.gif' valign='middle'>...</td>`	Line 184
	https://www.w3.org/WAI/demos/bad/before/annotated/home.html

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

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

	`<td width='10px' background='./img/border_left_top.gif'>...</td>`	Line 70
	`<td width='780px' background='./img/border_top.gif'>...</td>`	Line 71
	`<td width='10px' background='./img/border_right_top.gif'>...</td>`	Line 72
	`<td width='10px' background='./img/border_left.gif'>...</td>`	Line 75
	`<td width='443px' background='./img/top_logo_next.gif' valign='middle'>...</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 ... text alternative is as follows:</p>`	Line 369
	`font-size: 10.20pt` `<p>This image does not have any text ... if the image is important or not.</p>`	Line 378
	`font-size: 10.20pt` `<p>The link "heat wave linked to ... as a link by many readers.</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 alternative "image" does not describe the image.</p>`	Line 400
	`font-size: 10.20pt` `<p>The link text "Read more..." is ... 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 ... Guidelines (WCAG) 2.0</p>`	Line 152
	`font-size: 11.25pt` `<p>Citylights is the new portal for ... tickets, and get the latest news.</p>`	Line 277
	`font-size: 11.25pt` `<p>Please see the following websites ... advice, call the number below.<br>...</p>`	Line 299
	`font-size: 11.25pt` `<span>After three years of effort ... heatwave was hot air from our...</span>`	Line 293
	`font-size: 11.25pt` `<span>Mayor: These kinds of crimes ... we could require compulsory...</span>`	Line 294
	https://www.w3.org/WAI/demos/bad/before/home.html

	`font-size: 10.80pt` `<p class='subline'>Improving a Web site ... Guidelines (WCAG) 2.0</p>`	Line 53
	`font-size: 11.25pt` `<div style='...'>After three years of ... a student to do the job."</div>`	Line 183
	`font-size: 11.25pt` `<div style='float:right; width: ...'>As news of the ... Last year's...</div>`	Line 184
	`font-size: 11.25pt` `<div style='...'>...</div>`	Line 187
	`font-size: 11.25pt` `<td width='60%' valign='top' style='padding-left:15px'>There ....<br>......</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='...c'>Audio Description or Media Alternative (Prerecorded)</a>`	Line 433
	`font-size: 10.50pt` `<p><a href='...1'>Technique G61</a>- Presenting ... time they appear</p>`	Line 3105
	`font-size: 10.50pt` `<a href='...e'>Error Prevention (Legal, Financial, Data)</a>`	Line 3356
	`font-size: 10.80pt` `<p class='subline'>Improving a Web site ... 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 ... SUCH RESEMBLANCE REOCCURRING.<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 ... Traffic, Safe Streets' policy</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 = ...'><option selected>...></option>...</select>`	Line 189
	https://www.w3.org/WAI/demos/bad/before/annotated/home.html

	`<select onchange='location.href = ...'><option selected>...></option>...</select>`	Line 188
	https://www.w3.org/WAI/demos/bad/before/home.html

	`<select onchange='location.href = ...'><option selected>...></option>...</select>`	Line 89
	https://www.w3.org/WAI/demos/bad/before/news.html

	`<select onchange='location.href = ...'><option selected>...></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