|
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 }
| Rule: UseImgWidthHeight | |
| | | |
| <img class='lazyloaded' data-src='/img/moon-phases/...' alt='10 лунные сутки' src='/img/moon-phases/phase-10.png'>
| Line 522 | |
| <img src='/img/parts/header/logo.svg' alt='Astrostar'>
| Line 513 | |
| https://www.astrostar.ru/ | | |
| | | |
| <img class='ls-is-cached ...' data-src='/img/moon-phases/...' alt='10 лунные сутки' src='/img/moon-phases/phase-10.png'>
| Line 532 | |
| <img src='/img/parts/header/logo.svg' alt='Astrostar'>
| Line 523 | |
| https://www.astrostar.ru/pages/o-proekte.html | | |
| | | |
| <img class='lazyloaded' data-src='/img/partner/mail....' alt='mail' src='/img/partner/mail.png'>
| Line 1364 | |
| <img class='lazyloaded' data-src='/img/partner/...' alt='rambler' src='/img/partner/rambler.png'>
| Line 1365 | |
| <img class='lazyloaded' data-src='/img/partner/wmj.png' alt='wmj' src='/img/partner/wmj.png'>
| Line 1366 | |
| <img class='lazyloaded' data-src='/img/partner/marie....' alt='marie' src='/img/partner/marie.png'>
| Line 1367 | |
| <img class='lazyloaded' data-src='/img/partner/bigmir....' alt='bigmir' src='/img/partner/bigmir.png'>
| Line 1368 | |
| https://www.astrostar.ru/pages/spisok-dokumentov-dlya-klienta.html | | |
| | | |
| <img class='ls-is-cached ...' data-src='/img/partner/mail....' alt='mail' src='/img/partner/mail.png'>
| Line 1375 | |
| <img class='ls-is-cached ...' data-src='/img/partner/...' alt='rambler' src='/img/partner/rambler.png'>
| Line 1376 | |
| <img class='ls-is-cached ...' data-src='/img/partner/wmj.png' alt='wmj' src='/img/partner/wmj.png'>
| Line 1377 | |
| <img class='ls-is-cached ...' data-src='/img/partner/marie....' alt='marie' src='/img/partner/marie.png'>
| Line 1378 | |
| <img class='ls-is-cached ...' data-src='/img/partner/bigmir....' alt='bigmir' src='/img/partner/bigmir.png'>
| Line 1379 | |
| https://www.astrostar.ru/support | | |
| This issue was found on another 5 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" >
| Rule: UseFontTooSmall | |
| | | |
| font-size: 9.75pt<p>Хороший и удачный .... Также касается ...</p>
| Line 2114 | |
| font-size: 9.75pt<p>Стрижка сегодня ... здоровье.</p>
| Line 2129 | |
| font-size: 9.75pt<p>Ребенок будет ... обеспечена...</p>
| Line 2143 | |
| font-size: 9.75pt<p>Хороший день для .... Посев и пере...</p>
| Line 2157 | |
| font-size: 9.75pt<span class='article-...'>Что ... аспект.</span>
| Line 2201 | |
| https://www.astrostar.ru/ | | |
| | | |
| font-size: 10.50pt<p class='mooncalendar-widget-...'>Стрижка ... здоровье.</p>
| Line 1763 | |
| font-size: 10.50pt<p class='mooncalendar-widget-...'>Стрижка ....</p>
| Line 1777 | |
| font-size: 10.50pt<p class='mooncalendar-widget-...'>Ребенок ... ученым.</p>
| Line 1804 | |
| font-size: 10.50pt<p class='mooncalendar-widget-...'>Хороший ... девочек.</p>
| Line 1818 | |
| font-size: 10.50pt<p class='mooncalendar-widget-...'>Хороший ....</p>
| Line 1845 | |
| https://www.astrostar.ru/calendars/moon.html | | |