|
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:...'>Read More...</a>
| Line 341 | |
| Link text: Read More...<a href='../tickets/annotations' onfocus='blur();' style='text-decoration:...'>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:...'>....</a>
| Line 319 | |
| Link text: Read More...<a href='survey.html' onfocus='blur();' style='text-decoration:...'>.....</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:...'>Read more...</a>
| Line 208 | |
| Link text: Read more...<a href='info' onfocus='blur();' style='text-decoration:...'>Read more...</a>
| Line 187 | |
| https://www.w3.org/WAI/demos/bad/before/template.html | | |
|
This makes the page very hard to read or click while images are loading,
and can make the page unusable on mobile devices with slow connections.
Fix by adding width and height attributes to the img tag matching the image dimensions,
or add width: and height: CSS properties for the image.
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 alt='Web Accessibility Initiative (WAI) logo' src='../../img/wai.png' height='48'>
| Line 32 | |
| <img src='../../img/fail.png' alt='Some success criteria failed' title='Some success criteria failed'>
| Line 181 | |
| <img src='../../img/howto.png' alt=''>
| Line 257 | |
| <img src='../../img/pass.png' alt='All success criteria met' title='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.
| | |
|
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='float:left;width:...'>After three years ... 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='float:left;width:...'><p class='headline' align='center'>...</p>"We soon realized that we were seeing a rise in temperatures every time a heatwave occurred. Also, the more air conditioning used, the bigger the heatwave. We knew it couldn't just be a coincidence, the match was 100%. Air conditioning was driving temperatures up, which in turn resulted in a heatwave," the Prof. explained. "It all comes from...</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<p class='subline'>Improving a Web site ... Guidelines (WCAG) 2.0</p>
| Line 41 | |
| font-size: 9.45pt<caption>Conformance of Home Page to WCAG 2.0 - Perceivable</caption>
| Line 126 | |
| font-size: 9.45pt<caption>Conformance of Home Page to WCAG 2.0 - Operable</caption>
| Line 1485 | |
| font-size: 9.45pt<caption>Conformance of Home Page to WCAG 2.0 - Understandable</caption>
| Line 2663 | |
| font-size: 9.45pt<caption>Conformance of Home Page to WCAG 2.0 - Robust</caption>
| Line 3527 | |
| 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.
| | |