1<!DOCTYPE html>
2<html lang="ru" class="fontawesome-i2svg-active fontawesome-i2svg-complete">
3 <head><!-- Google tag (gtag.js) -->
4 <script async="" src="https://mc.yandex.ru/metrika/tag.js">
5 </script>
6
7 <script async="" src="https://www.googletagmanager.com/gtag/js?id=G-GNNLL8JG26">
8 </script>
9
10 <script> window.dataLayer = window.dataLayer || [];
11 function gtag() {
12 dataLayer.push(arguments);
13 }
14 gtag('js', new Date());
15
16 gtag('config', 'G-GNNLL8JG26');
17 </script>
18 <meta charset="UTF-8">
19 <meta name="viewport" content="width=device-width, initial-scale=1">
20 <meta http-equiv="X-UA-Compatible" content="IE=edge">
21 <title>ZAROOM магазин архитектурного декора с доставкой в Москве</title>
22
23
24 <base href="https://zaroom.ru/">
25 <meta name="description" content="ZAROOM магазин архитектурного декора в Москве, покраска плинтусов, доставка по всей России">
26 <script src="catalog/view/javascript/jquery/jquery-2.1.1.min.js"></script>
27 <style type="text/css">:host,:root{--fa-font-solid:normal 900 1em/1 "Font Awesome 6 Free";--fa-font-regular:normal 400 1em/1 "Font Awesome 6 Free";--fa-font-light:normal 300 1em/1 "Font Awesome 6 Pro";--fa-font-thin:normal 100 1em/1 "Font Awesome 6 Pro";--fa-font-duotone:normal 900 1em/1 "Font Awesome 6 Duotone";--fa-font-duotone-regular:normal 400 1em/1 "Font Awesome 6 Duotone";--fa-font-duotone-light:normal 300 1em/1 "Font Awesome 6 Duotone";--fa-font-duotone-thin:normal 100 1em/1 "Font Awesome 6 Duotone";--fa-font-brands:normal 400 1em/1 "Font Awesome 6 Brands";--fa-font-sharp-solid:normal 900 1em/1 "Font Awesome 6 Sharp";--fa-font-sharp-regular:normal 400 1em/1 "Font Awesome 6 Sharp";--fa-font-sharp-light:normal 300 1em/1 "Font Awesome 6 Sharp";--fa-font-sharp-thin:normal 100 1em/1 "Font Awesome 6 Sharp";--fa-font-sharp-duotone-solid:normal 900 1em/1 "Font Awesome 6 Sharp Duotone";--fa-font-sharp-duotone-regular:normal 400 1em/1 "Font Awesome 6 Sharp Duotone";--fa-font-sharp-duotone-light:normal 300 1em/1 "Font Awesome 6 Sharp Duotone";--fa-font-sharp-duotone-thin:normal 100 1em/1 "Font Awesome 6 Sharp Duotone"}svg:not(:host).svg-inline--fa,svg:not(:root).svg-inline--fa{overflow:visible;box-sizing:content-box}.svg-inline--fa{display:var(--fa-display,inline-block);height:1em;overflow:visible;vertical-align:-.125em}.svg-inline--fa.fa-2xs{vertical-align:.1em}.svg-inline--fa.fa-xs{vertical-align:0}.svg-inline--fa.fa-sm{vertical-align:-.0714285705em}.svg-inline--fa.fa-lg{vertical-align:-.2em}.svg-inline--fa.fa-xl{vertical-align:-.25em}.svg-inline--fa.fa-2xl{vertical-align:-.3125em}.svg-inline--fa.fa-pull-left{margin-right:var(--fa-pull-margin,.3em);width:auto}.svg-inline--fa.fa-pull-right{margin-left:var(--fa-pull-margin,.3em);width:auto}.svg-inline--fa.fa-li{width:var(--fa-li-width,2em);top:.25em}.svg-inline--fa.fa-fw{width:var(--fa-fw-width,1.25em)}.fa-layers svg.svg-inline--fa{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.fa-layers-counter,.fa-layers-text{display:inline-block;position:absolute;text-align:center}.fa-layers{display:inline-block;height:1em;position:relative;text-align:center;vertical-align:-.125em;width:1em}.fa-layers svg.svg-inline--fa{transform-origin:center center}.fa-layers-text{left:50%;top:50%;transform:translate(-50%,-50%);transform-origin:center center}.fa-layers-counter{background-color:var(--fa-counter-background-color,#ff253a);border-radius:var(--fa-counter-border-radius,1em);box-sizing:border-box;color:var(--fa-inverse,#fff);line-height:var(--fa-counter-line-height,1);max-width:var(--fa-counter-max-width,5em);min-width:var(--fa-counter-min-width,1.5em);overflow:hidden;padding:var(--fa-counter-padding,.25em .5em);right:var(--fa-right,0);text-overflow:ellipsis;top:var(--fa-top,0);transform:scale(var(--fa-counter-scale,.25));transform-origin:top right}.fa-layers-bottom-right{bottom:var(--fa-bottom,0);right:var(--fa-right,0);top:auto;transform:scale(var(--fa-layers-scale,.25));transform-origin:bottom right}.fa-layers-bottom-left{bottom:var(--fa-bottom,0);left:var(--fa-left,0);right:auto;top:auto;transform:scale(var(--fa-layers-scale,.25));transform-origin:bottom left}.fa-layers-top-right{top:var(--fa-top,0);right:var(--fa-right,0);transform:scale(var(--fa-layers-scale,.25));transform-origin:top right}.fa-layers-top-left{left:var(--fa-left,0);right:auto;top:var(--fa-top,0);transform:scale(var(--fa-layers-scale,.25));transform-origin:top left}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-2xs{font-size:.625em;line-height:.1em;vertical-align:.225em}.fa-xs{font-size:.75em;line-height:.0833333337em;vertical-align:.125em}.fa-sm{font-size:.875em;line-height:.0714285718em;vertical-align:.0535714295em}.fa-lg{font-size:1.25em;line-height:.05em;vertical-align:-.075em}.fa-xl{font-size:1.5em;line-height:.0416666682em;vertical-align:-.125em}.fa-2xl{font-size:2em;line-height:.03125em;vertical-align:-.1875em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:var(--fa-li-margin,2.5em);padding-left:0}.fa-ul>li{position:relative}.fa-li{left:calc(-1 * var(--fa-li-width,2em));position:absolute;text-align:center;width:var(--fa-li-width,2em);line-height:inherit}.fa-border{border-color:var(--fa-border-color,#eee);border-radius:var(--fa-border-radius,.1em);border-style:var(--fa-border-style,solid);border-width:var(--fa-border-width,.08em);padding:var(--fa-border-padding,.2em .25em .15em)}.fa-pull-left{float:left;margin-right:var(--fa-pull-margin,.3em)}.fa-pull-right{float:right;margin-left:var(--fa-pull-margin,.3em)}.fa-beat{animation-name:fa-beat;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-bounce{animation-name:fa-bounce;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1))}.fa-fade{animation-name:fa-fade;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}.fa-beat-fade{animation-name:fa-beat-fade;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}.fa-flip{animation-name:fa-flip;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-shake{animation-name:fa-shake;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,linear)}.fa-spin{animation-name:fa-spin;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,2s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,linear)}.fa-spin-reverse{--fa-animation-direction:reverse}.fa-pulse,.fa-spin-pulse{animation-name:fa-spin;animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,steps(8))}@media (prefers-reduced-motion:reduce){.fa-beat,.fa-beat-fade,.fa-bounce,.fa-fade,.fa-flip,.fa-pulse,.fa-shake,.fa-spin,.fa-spin-pulse{animation-delay:-1ms;animation-duration:1ms;animation-iteration-count:1;transition-delay:0s;transition-duration:0s}}@keyframes fa-beat{0%,90%{transform:scale(1)}45%{transform:scale(var(--fa-beat-scale,1.25))}}@keyframes fa-bounce{0%{transform:scale(1,1) translateY(0)}10%{transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)}30%{transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))}50%{transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)}57%{transform:scale(1,1) translateY(var(--fa-bounce-rebound,-.125em))}64%{transform:scale(1,1) translateY(0)}100%{transform:scale(1,1) translateY(0)}}@keyframes fa-fade{50%{opacity:var(--fa-fade-opacity,.4)}}@keyframes fa-beat-fade{0%,100%{opacity:var(--fa-beat-fade-opacity,.4);transform:scale(1)}50%{opacity:1;transform:scale(var(--fa-beat-fade-scale,1.125))}}@keyframes fa-flip{50%{transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))}}@keyframes fa-shake{0%{transform:rotate(-15deg)}4%{transform:rotate(15deg)}24%,8%{transform:rotate(-18deg)}12%,28%{transform:rotate(18deg)}16%{transform:rotate(-22deg)}20%{transform:rotate(22deg)}32%{transform:rotate(-12deg)}36%{transform:rotate(12deg)}100%,40%{transform:rotate(0)}}@keyframes fa-spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.fa-rotate-90{transform:rotate(90deg)}.fa-rotate-180{transform:rotate(180deg)}.fa-rotate-270{transform:rotate(270deg)}.fa-flip-horizontal{transform:scale(-1,1)}.fa-flip-vertical{transform:scale(1,-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{transform:scale(-1,-1)}.fa-rotate-by{transform:rotate(var(--fa-rotate-angle,0))}.fa-stack{display:inline-block;vertical-align:middle;height:2em;position:relative;width:2.5em}.fa-stack-1x,.fa-stack-2x{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0;z-index:var(--fa-stack-z-index,auto)}.svg-inline--fa.fa-stack-1x{height:1em;width:1.25em}.svg-inline--fa.fa-stack-2x{height:2em;width:2.5em}.fa-inverse{color:var(--fa-inverse,#fff)}.fa-sr-only,.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.fa-sr-only-focusable:not(:focus),.sr-only-focusable:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.svg-inline--fa .fa-primary{fill:var(--fa-primary-color,currentColor);opacity:var(--fa-primary-opacity,1)}.svg-inline--fa .fa-secondary{fill:var(--fa-secondary-color,currentColor);opacity:var(--fa-secondary-opacity,.4)}.svg-inline--fa.fa-swap-opacity .fa-primary{opacity:var(--fa-secondary-opacity,.4)}.svg-inline--fa.fa-swap-opacity .fa-secondary{opacity:var(--fa-primary-opacity,1)}.svg-inline--fa mask .fa-primary,.svg-inline--fa mask .fa-secondary{fill:#000}</style><link href="catalog/view/theme/market/js/bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen">
28 <script src="catalog/view/javascript/bootstrap/js/bootstrap.min.js"></script>
29 <link href="catalog/view/javascript/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
30 <link rel="preconnect" href="https://fonts.gstatic.com">
31 <link href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">
32 <link href="catalog/view/theme/default/stylesheet/category_wall.css" type="text/css" rel="stylesheet" media="screen">
33 <link href="catalog/view/javascript/ex-reviews/ex_carousel.css" type="text/css" rel="stylesheet" media="screen">
34 <link href="catalog/view/javascript/ex-reviews/magnific/magnific-popup.css" type="text/css" rel="stylesheet" media="screen">
35 <link href="catalog/view/javascript/ex-reviews/swiper/css/swiper.min.css" type="text/css" rel="stylesheet" media="screen">
36 <link href="catalog/view/javascript/ex-reviews/swiper/css/opencart.css" type="text/css" rel="stylesheet" media="screen">
37 <link href="catalog/view/theme/market/stylesheet/stylesheet.css?v1.0.347" rel="stylesheet">
38 <script src="catalog/view/javascript/ex-reviews/ex_carousel.js"></script>
39 <script src="catalog/view/javascript/ex-reviews/magnific/jquery.magnific-popup.min.js"></script>
40 <script src="catalog/view/javascript/ex-reviews/swiper/js/swiper.jquery.js"></script>
41 <script src="catalog/view/theme/market/js/common.js"></script>
42 <link href="https://zaroom.ru/" rel="canonical">
43
44
45 <link href="https://zaroom.ru/image/catalog/556690.png" rel="icon" type="image/png" sizes="32x32">
46 <link href="https://zaroom.ru/image/catalog/556690.ico" rel="icon" type="image/x-icon">
47 <link href="https://zaroom.ru/image/catalog/556690.ico" rel="shortcut icon" type="image/x-icon">
48
49 <!-- Для Safari на iOS -->
50 <link rel="apple-touch-icon" sizes="180x180" href="https://zaroom.ru/image/catalog/556690.png">
51
52 <!-- Дополнительные форматы и размеры для разных устройств и браузеров -->
53 <link rel="icon" type="image/png" sizes="192x192" href="https://zaroom.ru/image/catalog/556690.png">
54 <link rel="icon" type="image/png" sizes="96x96" href="https://zaroom.ru/image/catalog/556690.png">
55 <link rel="icon" type="image/png" sizes="16x16" href="https://zaroom.ru/image/catalog/556690.png">
56
57 <!-- Поддержка старых браузеров -->
58 <link rel="shortcut icon" href="https://zaroom.ru/image/catalog/556690.png">
59
60 <!-- Safari Pinned Tab -->
61 <link rel="mask-icon" href="https://zaroom.ru/image/catalog/556690.svg" color="#5bbad5">
62
63
64 <script src="/catalog/view/theme/market/js/emerge.js"></script><style>.emerge { opacity: 0; }</style>
65 <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/js/all.min.js" integrity="sha512-b+nQTCdtTBIRIbraqNEwsjB6UvL3UEMkXnhzd8awtCYh0Kcsjl9uEgwVFVbhoj3uu1DO1ZMacNvLoyJJiNfcvg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
66
67 <meta name="msapplication-TileColor" content="#1e1f2b">
68 <meta name="theme-color" vmid="theme-color" content="#1e1f2b" data-vm-ssr="1">
69 <meta name="theme-color" content="#1e1f2b">
70
71
72 <!-- Yandex.Metrika counter -->
73 <script type="text/javascript"> (function (m, e, t, r, i, k, a) { m[i] = m[i] || function () { (m[i].a = m[i].a || []).push(arguments) }; m[i].l = 1 * new Date(); k = e.createElement(t), a = e.getElementsByTagName(t)[0], k.async = 1, k.src = r, a.parentNode.insertBefore(k, a) })(window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym"); ym(84699643, "init", { clickmap: true, trackLinks: true, accurateTrackBounce: true, webvisor: true, ecommerce: "dataLayer" }); </script> <noscript>
74 <div><img src="https://mc.yandex.ru/watch/84699643" style="position:absolute; left:-9999px;" alt="" /></div>
75 </noscript> <!-- /Yandex.Metrika counter -->
76
77
78
79
80
81
82</head>
83
84<body>
85 <div class="wrap">
86
87 <!--<a href="/pokraska-dekora/" class="special-link">-->
88 <div class="header__top_pizdec1">
89 <div class="container">
90 💥 Бесплатная доставка при заказе от 15 000 ₽ 💥
91 </div>
92 </div>
93 <!--<div class="header__top_pizdec2">
94 <div class="container">
95 🥳 Cегодня скидка на покраску плинтусов <span class="oldprisecart11">180 ₽</span>
96 </div>
97 </div>-->
98 <!--</a>-->
99
100 <header class="header">
101 <div class="header-top">
102 <div class="header-top-container">
103 <div class="header-container">
104 <div class="header-center">
105 <div class="header-top__block" style="height: 40px">
106 <div class="container h100 d-flex align-items-center">
107 <div class="headet-top__inner h100 d-flex align-items-center">
108 <
This link is broken. The url scheme is unrecognized.
Link: whatsapp://send?phone=+79680138808
The URL scheme should be http:https:file:mailto:data: or javascript:mailto: should not be followed by // or contain more than one colon.
Line 108 Broken Link
div class="header-job d-flex align-items-center">
109
Ensure that text and background colors have enough contrast.
The text color to background color contrast ratio after composition is:
2.78 with
color: background: font-size: 9.75ptfont-weight: 400<span>Магазин ... с 2016 года </span>Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 3.0 or more for 18 point text, or larger
The contrast ratio should be 3.0 or more for 14 point bold text, or larger
The contrast ratio should be 4.5 or more for all other text
<span> Магазин архитектурного декора, работаем с 2016 года</span>
110 </div>
111 <div class="header-phonemobi">
112
This link is broken. The url scheme is unrecognized.
Link: whatsapp://send?phone=+79680138808
The URL scheme should be http:https:file:mailto:data: or javascript:mailto: should not be followed by // or contain more than one colon.
Line 112 Broken Link
<a href="whatsapp://send?phone=+79680138808" class="phonemobi"> <span class="phonemobi">Звоните и пишите нам в
113 <span class="whatsapp"><svg class="svg-inline--fa fa-whatsapp" aria-hidden="true" focusable="false" data-prefix="fab" data-icon="whatsapp" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg=""><path fill="currentColor" d="M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z"></path></svg><!-- <i class="fa-brands fa-whatsapp"></i> Font Awesome fontawesome.com --> WhatsApp</span></span></a>
114 </div>
115 </div>
116 <div class="header-top__right ml-auto">
117 <div class="header-stock__link">
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
outline-style:none or
outline-width:0<a href='/skidki/' class='special-link'>Скидки</a>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<a href="/skidki/" class="special-link"> Скидки 🎉</a></div>
118 </div>
119 </div>
120 </div>
121 <div class="header-middle header-navbar container">
122 <div class="pt-10 header-left d-flex align-items-center">
123 <div class="header-middle-logo">
124 <div class="logo">
125 <a href="https://zaroom.ru/" class="logo-link logo-name"><span class="za"><span class="z">z</span><span class="a">a</span></span>room</a>
126
This link is broken. The url scheme is unrecognized.
Link: whatsapp://send?phone=+79680138808
The URL scheme should be http:https:file:mailto:data: or javascript:mailto: should not be followed by // or contain more than one colon.
Line 126 Broken Link
<!--<span class="since"> с 2016 года</span>-->
127 </div>
128 </div>
129 <div class="header-phone hidden-xs">
130
This link is broken. The url scheme is unrecognized.
Link: whatsapp://send?phone=+79680138808
The URL scheme should be http:https:file:mailto:data: or javascript:mailto: should not be followed by // or contain more than one colon.
Line 130 Broken Link
<a href="whatsapp://send?phone=+79680138808" class="phonemobi"> <span class="phonemobi">Звоните и пишите нам в <span class="whatsapp"><svg class="svg-inline--fa fa-whatsapp" aria-hidden="true" focusable="false" data-prefix="fab" data-icon="whatsapp" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg=""><path fill="currentColor" d="M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z"></path></svg><!-- <i class="fa-brands fa-whatsapp"></i> Font Awesome fontawesome.com --> WhatsApp</span></span></a>
131 </div>
132 </div>
133 <div class="pt-10 header-right hidden-xs hidden-sm header-information d-flex align-items-center">
134
135
136
137 <a href="/pokraska-dekora/" class="header-information__liks header-link navbar-button">Покраска плинтуса</a>
138
Using
rel=nofollow on internal links dilutes PageRank flow through your site.
<a href='/delivery' rel='nofollow' class='...'>...</a> PageRank is distributed between all outgoing links on a page (including the nofollow links),
so PageRank flowing to internal nofollow links vanishes.
<a href="/delivery" rel="nofollow" class="header-information__liks header-link navbar-button"> Доставка и оплата</a>
139
140
Using
rel=nofollow on internal links dilutes PageRank flow through your site.
<a href='/contacts' rel='nofollow' class='...'>Контакты</a> PageRank is distributed between all outgoing links on a page (including the nofollow links),
so PageRank flowing to internal nofollow links vanishes.
<a href="/contacts" rel="nofollow" class="header-information__liks header-link navbar-button"> Контакты</a>
141 </div>
142 <div class="mobile-user-blocks hidden-md hidden-lg">
143 <span class="m-block m-wishlist">
144 <a href="https://zaroom.ru/wishlist/" rel="nofollow" class="panel-wishlist wishlist-total" title="Закладки">
145 <svg viewBox="0 0 24 24" width="24" height="24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="icon icon-heart">
146 <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"></path>
147 </svg>
148 </a>
149 </span>
150 <span class="m-block m-login">
151 <a href="https://zaroom.ru/my-account/" rel="nofollow" class="panel-user" title="Войти">
152 <svg viewBox="0 0 24 24" width="24" height="24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="icon icon-user">
153 <path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path>
154 <circle cx="12" cy="7" r="4"></circle>
155 </svg>
156 </a>
157 </span>
158 <span class="m-block m-cart">
159 <a href="https://zaroom.ru/index.php?route=checkout/simplecheckout" rel="nofollow" class="panel-cart" title="Корзина">
160 <svg viewBox="0 0 24 24" width="24" height="24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="icon icon-cart">
161 <circle cx="9" cy="21" r="1"></circle>
162 <circle cx="20" cy="21" r="1"></circle>
163 <path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6"></path>
164 </svg>
165 <span class="count mobile-count">0</span>
166 </a>
167 </span>
168 </div>
169 </div>
170 <div class="header-sticky">
171 <div class="header-bottom">
172 <div class="header-navigation container">
173 <div class="menu-navigation menu-navigation__menu">
174 <button class="button-menu button-menu-toggle" type="button"><span class="catalog-icon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="icon icon-list" viewBox="0 0 16 16">
175 <path fill-rule="evenodd" d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z"></path>
176 </svg></span><span class="text-catalog">Каталог</span></button>
177 </div>
178 <div class="menu-navigation menu-navigation__search"><div id="search" class="input-group">
179 <input type="text" name="search" value="" placeholder="Поиск" class="form-control">
180 <span class="input-group-btn">
181
This
button element is empty and has no accessible name.
<button type='button' class='btn btn-success'>...</button> A programmatically determined name allows screen readers to tell users what the control does. To add a name do one of the following:
Add text between the button start and end tags
Add a title attribute
Add an aria-label attribute
Add an aria-labelledby attribute
Add an img alt attribute if the button contains an img element
<button type="button" class="btn btn-success"> <svg viewBox="0 0 24 24" width="20" height="20" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg></button>
182 </span>
183</div></div>
184 <div class="menu-navigation menu-navigation__wishlist hidden-xs hidden-sm">
185 <a href="https://zaroom.ru/wishlist/" class="btn-action button-wishlist btn-wish wishlist-total">
186 <span class="menu-navigation__icon">
187 <svg viewBox="0 0 24 24" width="24" height="24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="icon icon-heart">
188 <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"></path>
189 </svg>
190 <span class="count">0</span>
191 </span>
192 <span class="menu-navigation__title">Закладки</span>
193 </a>
194 </div>
195 <div class="menu-navigation menu-navigation__login hidden-xs hidden-sm">
196 <a href="https://zaroom.ru/login/" class="btn-action login-link btn-login">
197 <span class="menu-navigation__icon">
198 <svg viewBox="0 0 24 24" width="24" height="24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="icon icon-user">
199 <path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path>
200 <circle cx="12" cy="7" r="4"></circle>
201 </svg>
202 </span>
203 <span class="menu-navigation__title">Войти</span>
204 </a>
205 </div>
206 <div class="menu-navigation menu-navigation__cart hidden-xs hidden-sm">
207
208
209<div id="cart" class="popup-cart">
210 <button type="button" data-toggle="dropdown" data-loading-text="Загрузка..." class="btn-action btn-cart dropdown-toggle">
211
212 <span class="menu-navigation__icon">
213 <svg viewBox="0 0 24 24" width="24" height="24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="icon icon-cart"><circle cx="9" cy="21" r="1"></circle><circle cx="20" cy="21" r="1"></circle><path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6"></path></svg><span class="count2"></span></span><span class="menu-navigation__title">Товаров: 0 (0 ₽)</span>
214 </button>
215 <ul class="dropdown-menu pull-right">
216 <li>
217 <div class="text-center">
218 Ваша корзина пуста!
219 <div class="icon-cart-empty">
220 <svg viewBox="0 0 24 24" width="90" height="90" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="icon icon-cart">
221 <circle cx="9" cy="21" r="1"></circle>
222 <circle cx="20" cy="21" r="1"></circle>
223 <path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6"></path>
224 </svg>
225 </div>
226 </div>
227 </li>
228 </ul>
229</div></div>
230 </div>
231 </div>
232 </div>
233 </div>
234 </div>
235 </div>
236 </div>
237 </header>
238 <div class="backdrop backdrop-transition backdrop-fixed"></div>
239 <div id="menu" class="menu-container menu-transition menu-left">
240 <div class="navbar-menu">
241 <div class="menu-close button-menu-close">
242 <svg viewBox="0 0 24 24" width="24" height="24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="icon">
243 <line x1="18" y1="6" x2="6" y2="18"></line>
244 <line x1="6" y1="6" x2="18" y2="18"></line>
245 </svg>
246 </div>
247 <div class="menu-nav">
248 <div class="menu-header">
249 <div class="menu-header__title d-flex justify-content-between align-content-center">
250 <span>Каталог</span>
251
252 </div>
253 </div>
254 <div class="menu-flexnav">
255 <div class="menu-sub parent">
256 <div class="menu-item-parent">
257 <a href="https://zaroom.ru/plintus-napolnyj/" class="menu-parent-link parent-link">
258 <div class="menu-img">
Omitting
img width or
height attributes makes the page layout jump about as images load.
<img src='...g' alt='Плинтус напольный' title='Плинтус напольный'> 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="https://zaroom.ru/image/cache/catalog/category-image/plint-40x40.jpg" alt="Плинтус напольный" title="Плинтус напольный"> </div>
259 Плинтус напольный
260 </a>
261 </div>
262 </div>
263 <div class="menu-sub parent">
264 <div class="menu-item-parent">
265 <a href="https://zaroom.ru/potolochnyj-plintus/" class="menu-parent-link parent-link">
266 <div class="menu-img">
Omitting
img width or
height attributes makes the page layout jump about as images load.
<img src='...g' alt='Потолочный плинтус' title='Потолочный плинтус'> 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="https://zaroom.ru/image/cache/catalog/category-image/potolplint-40x40.jpg" alt="Потолочный плинтус" title="Потолочный плинтус"> </div>
267 Потолочный плинтус
268 </a>
269 </div>
270 </div>
271 <div class="menu-sub parent">
272 <div class="menu-item-parent">
273 <a href="https://zaroom.ru/moldingi/" class="menu-parent-link parent-link">
274 <div class="menu-img">
Omitting
img width or
height attributes makes the page layout jump about as images load.
<img src='...g' alt='Молдинги' title='Молдинги'> 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="https://zaroom.ru/image/cache/catalog/category-image/moldingi-40x40.jpg" alt="Молдинги" title="Молдинги"> </div>
275 Молдинги
276 </a>
277 </div>
278 </div>
279 <div class="menu-sub parent">
280 <div class="menu-item-parent">
281 <a href="https://zaroom.ru/stenovye-paneli/" class="menu-parent-link parent-link">
282 <div class="menu-img">
Omitting
img width or
height attributes makes the page layout jump about as images load.
<img src='...g' alt='Стеновые панели' title='Стеновые панели'> 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="https://zaroom.ru/image/cache/catalog/category-image/paneli-40x40.png" alt="Стеновые панели" title="Стеновые панели"> </div>
283 Стеновые панели
284 </a>
285 </div>
286 </div>
287 <div class="menu-sub parent">
288 <div class="menu-item-parent">
289 <a href="https://zaroom.ru/nalichniki/" class="menu-parent-link parent-link">
290 <div class="menu-img">
Omitting
img width or
height attributes makes the page layout jump about as images load.
<img src='...g' alt='Наличники' title='Наличники'> 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="https://zaroom.ru/image/cache/catalog/category-image/nalichiki-40x40.png" alt="Наличники" title="Наличники"> </div>
291 Наличники
292 </a>
293 </div>
294 </div>
295 <div class="menu-sub parent">
296 <div class="menu-item-parent">
297 <a href="https://zaroom.ru/kaminy/" class="menu-parent-link parent-link">
298 <div class="menu-img">
Omitting
img width or
height attributes makes the page layout jump about as images load.
<img src='...g' alt='Камины' title='Камины'> 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="https://zaroom.ru/image/cache/catalog/category-image/kamin-40x40.png" alt="Камины" title="Камины"> </div>
299 Камины
300 </a>
301 </div>
302 </div>
303 <div class="menu-sub parent sub">
304 <div class="menu-item-parent">
305 <a href="https://zaroom.ru/soputstvuyushchie-tovary/" class="menu-parent-link parent-link">
306 <div class="menu-img">
Omitting
img width or
height attributes makes the page layout jump about as images load.
<img src='...g' alt='Сопутствующие товары' title='Сопутствующие товары'> 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="https://zaroom.ru/image/cache/catalog/category-image/kley-40x40.png" alt="Сопутствующие товары" title="Сопутствующие товары"> </div>
307 Сопутствующие товары
308 <div class="menu-arrow-icon arrow-icon-gray">
309 <svg viewBox="0 0 24 24" width="16" height="16" stroke="currentColor" stroke-width="3" fill="none" stroke-linecap="round" stroke-linejoin="round" class="icon">
310 <polyline points="9 18 15 12 9 6"></polyline>
311 </svg>
312 </div>
313 </a>
314 </div>
315 <div class="menu-subchild">
316 <div class="menu-sub subchild">
317 <div class="menu-item-parent">
318 <a href="https://zaroom.ru/soputstvuyushchie-tovary/klej/" class="menu-parent-link subchild-link">
319 <div class="menu-img"><img src="https://zaroom.ru/image/cache/catalog/category-image/podkley-40x40.png" alt="Клей (8)" title="Клей (8)"></div>
320 Клей (8)
321 </a>
322 </div>
323 </div>
324 <div class="menu-sub subchild">
325 <div class="menu-item-parent">
326 <a href="https://zaroom.ru/soputstvuyushchie-tovary/krepleniya-dlya-plintusa/" class="menu-parent-link subchild-link">
327 <div class="menu-img"><img src="https://zaroom.ru/image/cache/catalog/category-image/klipsi-40x40.png" alt="Крепления для плинтуса (7)" title="Крепления для плинтуса (7)"></div>
328 Крепления для плинтуса (7)
329 </a>
330 </div>
331 </div>
332 </div>
333 </div>
334 </div>
335 </div>
336 </div>
337</div>
338
339<div class="introfon">
340 <div class="container">
341 <h1 class="introtext">Магазин архитектурного декора <br>с доставкой на дом </h1>
342 <div class="mainsmil">🎉 👍 😃</div>
343 </div>
344</div>
345
346<div id="common-home" class="container">
347 <div class="row">
348 <div id="content" class="col-sm-12">
349 <br><br><br><br>
350<div class="category-wall">
351 <div class="category-catalog">
352 <div class="category-blocks">
353 <div class="category-catalog-wrap not-column">
354 <div class="category-card">
355 <div class="category-cards">
356 <div class="category-image">
357
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
outline-style:none or
outline-width:0<a class='category-img-link' href='.../'>...</a>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<a class="category-img-link" href="https://zaroom.ru/plintus-napolnyj/">
358
Omitting
img width or
height attributes makes the page layout jump about as images load.
<img src='...g' alt='Плинтус напольный' title='Плинтус напольный' class='img-responsive'> 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="https://zaroom.ru/image/cache/catalog/category-image/plint-150x150.jpg" alt="Плинтус напольный" title="Плинтус напольный" class="img-responsive">
359 </a>
360 </div>
361 <div class="category-body">
362 <div class="category-card-title">
363 <a href="https://zaroom.ru/plintus-napolnyj/" class="category-name">Плинтус напольный</a>
364 </div>
365 </div>
366 </div>
367 </div>
368 </div>
369 <div class="category-catalog-wrap not-column">
370 <div class="category-card">
371 <div class="category-cards">
372 <div class="category-image">
373
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
outline-style:none or
outline-width:0<a class='category-img-link' href='.../'>...</a>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<a class="category-img-link" href="https://zaroom.ru/potolochnyj-plintus/">
374
Omitting
img width or
height attributes makes the page layout jump about as images load.
<img src='...g' alt='Потолочный плинтус' title='Потолочный плинтус' class='img-responsive'> 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="https://zaroom.ru/image/cache/catalog/category-image/potolplint-150x150.jpg" alt="Потолочный плинтус" title="Потолочный плинтус" class="img-responsive">
375 </a>
376 </div>
377 <div class="category-body">
378 <div class="category-card-title">
379 <a href="https://zaroom.ru/potolochnyj-plintus/" class="category-name">Потолочный плинтус</a>
380 </div>
381 </div>
382 </div>
383 </div>
384 </div>
385 <div class="category-catalog-wrap not-column">
386 <div class="category-card">
387 <div class="category-cards">
388 <div class="category-image">
389
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
outline-style:none or
outline-width:0<a class='category-img-link' href='https://zaroom.ru/moldingi/'>...</a>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<a class="category-img-link" href="https://zaroom.ru/moldingi/">
390
Omitting
img width or
height attributes makes the page layout jump about as images load.
<img src='...g' alt='Молдинги' title='Молдинги' class='img-responsive'> 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="https://zaroom.ru/image/cache/catalog/category-image/moldingi-150x150.jpg" alt="Молдинги" title="Молдинги" class="img-responsive">
391 </a>
392 </div>
393 <div class="category-body">
394 <div class="category-card-title">
395 <a href="https://zaroom.ru/moldingi/" class="category-name">Молдинги</a>
396 </div>
397 </div>
398 </div>
399 </div>
400 </div>
401 <div class="category-catalog-wrap not-column">
402 <div class="category-card">
403 <div class="category-cards">
404 <div class="category-image">
405
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
outline-style:none or
outline-width:0<a class='category-img-link' href='.../'>...</a>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<a class="category-img-link" href="https://zaroom.ru/stenovye-paneli/">
406
Omitting
img width or
height attributes makes the page layout jump about as images load.
<img src='...g' alt='Стеновые панели' title='Стеновые панели' class='img-responsive'> 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="https://zaroom.ru/image/cache/catalog/category-image/paneli-150x150.png" alt="Стеновые панели" title="Стеновые панели" class="img-responsive">
407 </a>
408 </div>
409 <div class="category-body">
410 <div class="category-card-title">
411 <a href="https://zaroom.ru/stenovye-paneli/" class="category-name">Стеновые панели</a>
412 </div>
413 </div>
414 </div>
415 </div>
416 </div>
417 <div class="category-catalog-wrap not-column">
418 <div class="category-card">
419 <div class="category-cards">
420 <div class="category-image">
421
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
outline-style:none or
outline-width:0<a class='category-img-link' href='https://zaroom.ru/nalichniki/'>...</a>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<a class="category-img-link" href="https://zaroom.ru/nalichniki/">
422
Omitting
img width or
height attributes makes the page layout jump about as images load.
<img src='...g' alt='Наличники' title='Наличники' class='img-responsive'> 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="https://zaroom.ru/image/cache/catalog/category-image/nalichiki-150x150.png" alt="Наличники" title="Наличники" class="img-responsive">
423 </a>
424 </div>
425 <div class="category-body">
426 <div class="category-card-title">
427 <a href="https://zaroom.ru/nalichniki/" class="category-name">Наличники</a>
428 </div>
429 </div>
430 </div>
431 </div>
432 </div>
433 <div class="category-catalog-wrap not-column">
434 <div class="category-card">
435 <div class="category-cards">
436 <div class="category-image">
437
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
outline-style:none or
outline-width:0<a class='category-img-link' href='https://zaroom.ru/kaminy/'>...</a>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<a class="category-img-link" href="https://zaroom.ru/kaminy/">
438
Omitting
img width or
height attributes makes the page layout jump about as images load.
<img src='...g' alt='Камины' title='Камины' class='img-responsive'> 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="https://zaroom.ru/image/cache/catalog/category-image/kamin-150x150.png" alt="Камины" title="Камины" class="img-responsive">
439 </a>
440 </div>
441 <div class="category-body">
442 <div class="category-card-title">
443 <a href="https://zaroom.ru/kaminy/" class="category-name">Камины</a>
444 </div>
445 </div>
446 </div>
447 </div>
448 </div>
449 <div class="category-catalog-wrap not-column">
450 <div class="category-card">
451 <div class="category-cards">
452 <div class="category-image">
453
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
outline-style:none or
outline-width:0<a class='category-img-link' href='.../'>...</a>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<a class="category-img-link" href="https://zaroom.ru/soputstvuyushchie-tovary/">
454
Omitting
img width or
height attributes makes the page layout jump about as images load.
<img src='...g' alt='Сопутствующие товары' title='Сопутствующие товары' class='img-responsive'> 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="https://zaroom.ru/image/cache/catalog/category-image/kley-150x150.png" alt="Сопутствующие товары" title="Сопутствующие товары" class="img-responsive">
455 </a>
456 </div>
457 <div class="category-body">
458 <div class="category-card-title">
459 <a href="https://zaroom.ru/soputstvuyushchie-tovary/" class="category-name">Сопутствующие товары</a>
460 </div>
461 <div class="category-footer">
462 <div class="category-list">
463 <a href="https://zaroom.ru/soputstvuyushchie-tovary/klej/" class="category-child-name">Клей</a>
464 <a href="https://zaroom.ru/soputstvuyushchie-tovary/krepleniya-dlya-plintusa/" class="category-child-name">Крепления для плинтуса </a>
465 </div>
466 </div>
467 </div>
468 </div>
469 </div>
470 </div>
471 </div>
472 </div>
473</div>
474<script>
475$(document).ready(function() {
476 var cols = $('#column-right, #column-left').length;
477 if (cols == 2) {
478 $('.category-catalog-wrap').attr('class', 'category-catalog-wrap is-columns');
479 } else if (cols == 1) {
480 $('.category-catalog-wrap').attr('class', 'category-catalog-wrap is-column');
481 } else {
482 $('.category-catalog-wrap').attr('class', 'category-catalog-wrap not-column');
483 }
484});
485</script>
486<br><br><div class="main-blocks">
487 <div class="main-products__title">
488
489
If you set any of the colors on the
body or
a elements you must set all of them.
The colors used are:
color: from stylesheet.css
background: from browser settings
<h2 class='maintitle'>Лидеры продаж </h2>In HTML the color attributes are text, bgcolor, link, alink and vlink.
In CSS the attributes are color and background-color.
Some users have browser defaults set to white text on a black background, so setting
one color without setting the others can result in white text on a white background.
<h2 class="maintitle"> Лидеры продаж</h2>
490 </div>
491 <div class="row">
492 <div class="product-layout product-grid col-lg-2 col-md-6 col-sm-6 col-xs-6 col-6">
493 <div class="product-thumb">
494 <div class="image">
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
outline-style:none or
outline-width:0<a href='.../'>...</a>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<a href="https://zaroom.ru/plintus-napolnyj/aw-60402-60h16/">
Omitting
img width or
height attributes makes the page layout jump about as images load.
<img src='...g' alt='AW 60402 60х16' title='AW 60402 60х16' class='img-responsive'> 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="https://zaroom.ru/image/cache/catalog/catalog/plintys/teckwood/834-aw-60402-220x220.jpg" alt="AW 60402 60х16" title="AW 60402 60х16" class="img-responsive"> </a></div>
495 <div class="caption">
496
497 <h4><a href="https://zaroom.ru/plintus-napolnyj/aw-60402-60h16/" class="catalog__productname">AW 60402 60х16</a></h4>
498
499 <br><br>
500
501
502 <div class="rating">
503 <span class="star"><svg class="svg-inline--fa fa-star" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="star" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" data-fa-i2svg=""><path fill="currentColor" d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z"></path></svg><!-- <i class="fa fa-star"></i> Font Awesome fontawesome.com --></span>
504 <span class="star"><svg class="svg-inline--fa fa-star" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="star" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" data-fa-i2svg=""><path fill="currentColor" d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z"></path></svg><!-- <i class="fa fa-star"></i> Font Awesome fontawesome.com --></span>
505 <span class="star"><svg class="svg-inline--fa fa-star" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="star" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" data-fa-i2svg=""><path fill="currentColor" d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z"></path></svg><!-- <i class="fa fa-star"></i> Font Awesome fontawesome.com --></span>
506 <span class="star"><svg class="svg-inline--fa fa-star" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="star" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" data-fa-i2svg=""><path fill="currentColor" d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z"></path></svg><!-- <i class="fa fa-star"></i> Font Awesome fontawesome.com --></span>
507 <span class="star"><svg class="svg-inline--fa fa-star" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="star" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" data-fa-i2svg=""><path fill="currentColor" d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z"></path></svg><!-- <i class="fa fa-star"></i> Font Awesome fontawesome.com --></span>
508 </div>
509 <br><br>
510
511
512 <div class="price product-price catalog_price">
513 <div class="price-default">340 ₽/метр</div>
514
515 </div>
516
517
518
519
520
521
522
523 <div class="button-group">
524
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
outline-style:none or
outline-width:0<button type='button' class='btn-action-wishlist' title='В закладки' onclick='wishlist.add('305');'>...</button>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<button type="button" class="btn-action-wishlist" title="В закладки" onclick="wishlist.add('305'); ">
525 <svg viewBox="0 0 24 24" width="20" height="20" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="icon">
526 <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"></path>
527 </svg>
528 </button>
529 <div class="button-groupbtn">
530
Ensure that text and background colors have enough contrast.
The text color to background color contrast ratio after composition is:
2.78 with
color: background: font-size: 10.50ptfont-weight: 600<button type='button' class='btn-action-buy' onclick='cart.add('305');'>Купить </button>Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 3.0 or more for 18 point text, or larger
The contrast ratio should be 3.0 or more for 14 point bold text, or larger
The contrast ratio should be 4.5 or more for all other text
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
outline-style:none or
outline-width:0<button type='button' class='btn-action-buy' onclick='cart.add('305');'>Купить</button>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<button type="button" class="btn-action-buy" onclick="cart.add('305'); ">Купить</button>
531 </div>
532 </div>
533 </div>
534 </div>
535 </div>
536 <div class="product-layout product-grid col-lg-2 col-md-6 col-sm-6 col-xs-6 col-6">
537 <div class="product-thumb">
538 <div class="image">
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
outline-style:none or
outline-width:0<a href='.../'>...</a>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<a href="https://zaroom.ru/plintus-napolnyj/dub-belenyj-60x16-ep02/">
Omitting
img width or
height attributes makes the page layout jump about as images load.
<img src='...g' alt='Дуб Беленый 60X16 EP02' title='Дуб Беленый 60X16 EP02' class='img-responsive'> 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="https://zaroom.ru/image/cache/catalog/catalog/plintys/cosca/EP02_дуб_Беленый_Cosca_плинтус-220x220.jpg" alt="Дуб Беленый 60X16 EP02" title="Дуб Беленый 60X16 EP02" class="img-responsive"> </a></div>
539 <div class="caption">
540
541 <h4><a href="https://zaroom.ru/plintus-napolnyj/dub-belenyj-60x16-ep02/" class="catalog__productname">Дуб Беленый 60X16 EP02</a></h4>
542
543 <br><br>
544
545
546 <div class="rating">
547 <span class="star-empty"><svg class="svg-inline--fa fa-star" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="star" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" data-fa-i2svg=""><path fill="currentColor" d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z"></path></svg><!-- <i class="fa fa-star"></i> Font Awesome fontawesome.com --></span>
548 <span class="star-empty"><svg class="svg-inline--fa fa-star" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="star" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" data-fa-i2svg=""><path fill="currentColor" d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z"></path></svg><!-- <i class="fa fa-star"></i> Font Awesome fontawesome.com --></span>
549 <span class="star-empty"><svg class="svg-inline--fa fa-star" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="star" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" data-fa-i2svg=""><path fill="currentColor" d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z"></path></svg><!-- <i class="fa fa-star"></i> Font Awesome fontawesome.com --></span>
550 <span class="star-empty"><svg class="svg-inline--fa fa-star" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="star" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" data-fa-i2svg=""><path fill="currentColor" d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z"></path></svg><!-- <i class="fa fa-star"></i> Font Awesome fontawesome.com --></span>
551 <span class="star-empty"><svg class="svg-inline--fa fa-star" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="star" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" data-fa-i2svg=""><path fill="currentColor" d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z"></path></svg><!-- <i class="fa fa-star"></i> Font Awesome fontawesome.com --></span>
552 </div>
553 <br><br>
554
555
556 <div class="price product-price catalog_price">
557 <div class="price-default">230 ₽/метр</div>
558
559 </div>
560
561
562
563
564
565
566
567 <div class="button-group">
568
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
outline-style:none or
outline-width:0<button type='button' class='btn-action-wishlist' title='В закладки' onclick='wishlist.add('894');'>...</button>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<button type="button" class="btn-action-wishlist" title="В закладки" onclick="wishlist.add('894'); ">
569 <svg viewBox="0 0 24 24" width="20" height="20" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="icon">
570 <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"></path>
571 </svg>
572 </button>
573 <div class="button-groupbtn">
574
Ensure that text and background colors have enough contrast.
The text color to background color contrast ratio after composition is:
2.78 with
color: background: font-size: 10.50ptfont-weight: 600<button type='button' class='btn-action-buy' onclick='cart.add('894');'>Купить </button>Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 3.0 or more for 18 point text, or larger
The contrast ratio should be 3.0 or more for 14 point bold text, or larger
The contrast ratio should be 4.5 or more for all other text
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
outline-style:none or
outline-width:0<button type='button' class='btn-action-buy' onclick='cart.add('894');'>Купить</button>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<button type="button" class="btn-action-buy" onclick="cart.add('894'); ">Купить</button>
575 </div>
576 </div>
577 </div>
578 </div>
579 </div>
580 <div class="product-layout product-grid col-lg-2 col-md-6 col-sm-6 col-xs-6 col-6">
581 <div class="product-thumb">
582 <div class="image">
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
outline-style:none or
outline-width:0<a href='.../'>...</a>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<a href="https://zaroom.ru/plintus-napolnyj/belyj-pn-021-mdf-70x16/">
Omitting
img width or
height attributes makes the page layout jump about as images load.
<img src='...g' alt='Белый PN 021 мдф 70x16' title='Белый PN 021 мдф 70x16' class='img-responsive'> 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="https://zaroom.ru/image/cache/catalog/catalog/plintys/ewrowood/100-pn021-220x220.jpg" alt="Белый PN 021 мдф 70x16" title="Белый PN 021 мдф 70x16" class="img-responsive"> </a></div>
583 <div class="caption">
584
585 <h4><a href="https://zaroom.ru/plintus-napolnyj/belyj-pn-021-mdf-70x16/" class="catalog__productname">Белый PN 021 мдф 70x16</a></h4>
586
587 <br><br>
588
589
590 <div class="rating">
591 <span class="star-empty"><svg class="svg-inline--fa fa-star" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="star" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" data-fa-i2svg=""><path fill="currentColor" d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z"></path></svg><!-- <i class="fa fa-star"></i> Font Awesome fontawesome.com --></span>
592 <span class="star-empty"><svg class="svg-inline--fa fa-star" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="star" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" data-fa-i2svg=""><path fill="currentColor" d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z"></path></svg><!-- <i class="fa fa-star"></i> Font Awesome fontawesome.com --></span>
593 <span class="star-empty"><svg class="svg-inline--fa fa-star" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="star" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" data-fa-i2svg=""><path fill="currentColor" d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z"></path></svg><!-- <i class="fa fa-star"></i> Font Awesome fontawesome.com --></span>
594 <span class="star-empty"><svg class="svg-inline--fa fa-star" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="star" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" data-fa-i2svg=""><path fill="currentColor" d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z"></path></svg><!-- <i class="fa fa-star"></i> Font Awesome fontawesome.com --></span>
595 <span class="star-empty"><svg class="svg-inline--fa fa-star" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="star" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" data-fa-i2svg=""><path fill="currentColor" d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z"></path></svg><!-- <i class="fa fa-star"></i> Font Awesome fontawesome.com --></span>
596 </div>
597 <br><br>
598
599
600 <div class="price product-price catalog_price">
601 <div class="price-default">435 ₽/метр</div>
602
603 </div>
604
605
606
607
608
609
610
611 <div class="button-group">
612
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
outline-style:none or
outline-width:0<button type='button' class='btn-action-wishlist' title='В закладки' onclick='wishlist.add('247');'>...</button>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<button type="button" class="btn-action-wishlist" title="В закладки" onclick="wishlist.add('247'); ">
613 <svg viewBox="0 0 24 24" width="20" height="20" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="icon">
614 <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"></path>
615 </svg>
616 </button>
617 <div class="button-groupbtn">
618
Ensure that text and background colors have enough contrast.
The text color to background color contrast ratio after composition is:
2.78 with
color: background: font-size: 10.50ptfont-weight: 600<button type='button' class='btn-action-buy' onclick='cart.add('247');'>Купить </button>Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 3.0 or more for 18 point text, or larger
The contrast ratio should be 3.0 or more for 14 point bold text, or larger
The contrast ratio should be 4.5 or more for all other text
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
outline-style:none or
outline-width:0<button type='button' class='btn-action-buy' onclick='cart.add('247');'>Купить</button>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<button type="button" class="btn-action-buy" onclick="cart.add('247'); ">Купить</button>
619 </div>
620 </div>
621 </div>
622 </div>
623 </div>
624 <div class="product-layout product-grid col-lg-2 col-md-6 col-sm-6 col-xs-6 col-6">
625 <div class="product-thumb">
626 <div class="image">
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
outline-style:none or
outline-width:0<a href='.../'>...</a>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<a href="https://zaroom.ru/plintus-napolnyj/belyj-w04-80-mdf-80h16/">
Omitting
img width or
height attributes makes the page layout jump about as images load.
<img src='...g' alt='Белый W04-80 мдф 80х16' title='Белый W04-80 мдф 80х16' class='img-responsive'> 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="https://zaroom.ru/image/cache/catalog/catalog/plintys/cosca/378-img_9921-220x220.jpg" alt="Белый W04-80 мдф 80х16" title="Белый W04-80 мдф 80х16" class="img-responsive"> </a></div>
627 <div class="caption">
628
629 <h4><a href="https://zaroom.ru/plintus-napolnyj/belyj-w04-80-mdf-80h16/" class="catalog__productname">Белый W04-80 мдф 80х16</a></h4>
630
631 <br><br>
632
633
634 <div class="rating">
635 <span class="star"><svg class="svg-inline--fa fa-star" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="star" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" data-fa-i2svg=""><path fill="currentColor" d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z"></path></svg><!-- <i class="fa fa-star"></i> Font Awesome fontawesome.com --></span>
636 <span class="star"><svg class="svg-inline--fa fa-star" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="star" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" data-fa-i2svg=""><path fill="currentColor" d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z"></path></svg><!-- <i class="fa fa-star"></i> Font Awesome fontawesome.com --></span>
637 <span class="star"><svg class="svg-inline--fa fa-star" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="star" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" data-fa-i2svg=""><path fill="currentColor" d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z"></path></svg><!-- <i class="fa fa-star"></i> Font Awesome fontawesome.com --></span>
638 <span class="star"><svg class="svg-inline--fa fa-star" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="star" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" data-fa-i2svg=""><path fill="currentColor" d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z"></path></svg><!-- <i class="fa fa-star"></i> Font Awesome fontawesome.com --></span>
639 <span class="star"><svg class="svg-inline--fa fa-star" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="star" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" data-fa-i2svg=""><path fill="currentColor" d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z"></path></svg><!-- <i class="fa fa-star"></i> Font Awesome fontawesome.com --></span>
640 </div>
641 <br><br>
642
643
644 <div class="price product-price catalog_price">
645 <div class="price-default">290 ₽/метр</div>
646
647 </div>
648
649
650
651
652
653
654
655 <div class="button-group">
656
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
outline-style:none or
outline-width:0<button type='button' class='btn-action-wishlist' title='В закладки' onclick='wishlist.add('200');'>...</button>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<button type="button" class="btn-action-wishlist" title="В закладки" onclick="wishlist.add('200'); ">
657 <svg viewBox="0 0 24 24" width="20" height="20" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="icon">
658 <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"></path>
659 </svg>
660 </button>
661 <div class="button-groupbtn">
662
Ensure that text and background colors have enough contrast.
The text color to background color contrast ratio after composition is:
2.78 with
color: background: font-size: 10.50ptfont-weight: 600<button type='button' class='btn-action-buy' onclick='cart.add('200');'>Купить </button>Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 3.0 or more for 18 point text, or larger
The contrast ratio should be 3.0 or more for 14 point bold text, or larger
The contrast ratio should be 4.5 or more for all other text
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
outline-style:none or
outline-width:0<button type='button' class='btn-action-buy' onclick='cart.add('200');'>Купить</button>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<button type="button" class="btn-action-buy" onclick="cart.add('200'); ">Купить</button>
663 </div>
664 </div>
665 </div>
666 </div>
667 </div>
668 <div class="product-layout product-grid col-lg-2 col-md-6 col-sm-6 col-xs-6 col-6">
669 <div class="product-thumb">
670 <div class="image">
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
outline-style:none or
outline-width:0<a href='.../'>...</a>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<a href="https://zaroom.ru/plintus-napolnyj/kw-100301-100h16/">
Omitting
img width or
height attributes makes the page layout jump about as images load.
<img src='...g' alt='KW 100301 100х16' title='KW 100301 100х16' class='img-responsive'> 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="https://zaroom.ru/image/cache/catalog/catalog/plintys/Hannahholz/202-kw-100301-220x220.jpg" alt="KW 100301 100х16" title="KW 100301 100х16" class="img-responsive"> </a></div>
671 <div class="caption">
672
673 <h4><a href="https://zaroom.ru/plintus-napolnyj/kw-100301-100h16/" class="catalog__productname">KW 100301 100х16</a></h4>
674
675 <br><br>
676
677
678 <div class="rating">
679 <span class="star-empty"><svg class="svg-inline--fa fa-star" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="star" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" data-fa-i2svg=""><path fill="currentColor" d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z"></path></svg><!-- <i class="fa fa-star"></i> Font Awesome fontawesome.com --></span>
680 <span class="star-empty"><svg class="svg-inline--fa fa-star" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="star" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" data-fa-i2svg=""><path fill="currentColor" d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z"></path></svg><!-- <i class="fa fa-star"></i> Font Awesome fontawesome.com --></span>
681 <span class="star-empty"><svg class="svg-inline--fa fa-star" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="star" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" data-fa-i2svg=""><path fill="currentColor" d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z"></path></svg><!-- <i class="fa fa-star"></i> Font Awesome fontawesome.com --></span>
682 <span class="star-empty"><svg class="svg-inline--fa fa-star" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="star" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" data-fa-i2svg=""><path fill="currentColor" d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z"></path></svg><!-- <i class="fa fa-star"></i> Font Awesome fontawesome.com --></span>
683 <span class="star-empty"><svg class="svg-inline--fa fa-star" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="star" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" data-fa-i2svg=""><path fill="currentColor" d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z"></path></svg><!-- <i class="fa fa-star"></i> Font Awesome fontawesome.com --></span>
684 </div>
685 <br><br>
686
687
688 <div class="price product-price catalog_price">
689 <div class="price-default">350 ₽/метр</div>
690
691 </div>
692
693
694
695
696
697
698
699 <div class="button-group">
700
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
outline-style:none or
outline-width:0<button type='button' class='btn-action-wishlist' title='В закладки' onclick='wishlist.add('316');'>...</button>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<button type="button" class="btn-action-wishlist" title="В закладки" onclick="wishlist.add('316'); ">
701 <svg viewBox="0 0 24 24" width="20" height="20" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="icon">
702 <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"></path>
703 </svg>
704 </button>
705 <div class="button-groupbtn">
706
Ensure that text and background colors have enough contrast.
The text color to background color contrast ratio after composition is:
2.78 with
color: background: font-size: 10.50ptfont-weight: 600<button type='button' class='btn-action-buy' onclick='cart.add('316');'>Купить </button>Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 3.0 or more for 18 point text, or larger
The contrast ratio should be 3.0 or more for 14 point bold text, or larger
The contrast ratio should be 4.5 or more for all other text
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
outline-style:none or
outline-width:0<button type='button' class='btn-action-buy' onclick='cart.add('316');'>Купить</button>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<button type="button" class="btn-action-buy" onclick="cart.add('316'); ">Купить</button>
707 </div>
708 </div>
709 </div>
710 </div>
711 </div>
712 <div class="product-layout product-grid col-lg-2 col-md-6 col-sm-6 col-xs-6 col-6">
713 <div class="product-thumb">
714 <div class="image">
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
outline-style:none or
outline-width:0<a href='.../'>...</a>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<a href="https://zaroom.ru/plintus-napolnyj/belyj-ap73-mdf-95x10/">
Omitting
img width or
height attributes makes the page layout jump about as images load.
<img src='...g' alt='Белый AP73 мдф 95x10' title='Белый AP73 мдф 95x10' class='img-responsive'> 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="https://zaroom.ru/image/cache/catalog/catalog/plintys/cosca/d7003hrvf1arkzjktuj58924hd03sb6f-220x220.jpg" alt="Белый AP73 мдф 95x10" title="Белый AP73 мдф 95x10" class="img-responsive"> </a></div>
715 <div class="caption">
716
717 <h4><a href="https://zaroom.ru/plintus-napolnyj/belyj-ap73-mdf-95x10/" class="catalog__productname">Белый AP73 мдф 95x10</a></h4>
718
719 <br><br>
720
721
722 <div class="rating">
723 <span class="star-empty"><svg class="svg-inline--fa fa-star" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="star" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" data-fa-i2svg=""><path fill="currentColor" d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z"></path></svg><!-- <i class="fa fa-star"></i> Font Awesome fontawesome.com --></span>
724 <span class="star-empty"><svg class="svg-inline--fa fa-star" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="star" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" data-fa-i2svg=""><path fill="currentColor" d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z"></path></svg><!-- <i class="fa fa-star"></i> Font Awesome fontawesome.com --></span>
725 <span class="star-empty"><svg class="svg-inline--fa fa-star" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="star" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" data-fa-i2svg=""><path fill="currentColor" d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z"></path></svg><!-- <i class="fa fa-star"></i> Font Awesome fontawesome.com --></span>
726 <span class="star-empty"><svg class="svg-inline--fa fa-star" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="star" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" data-fa-i2svg=""><path fill="currentColor" d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z"></path></svg><!-- <i class="fa fa-star"></i> Font Awesome fontawesome.com --></span>
727 <span class="star-empty"><svg class="svg-inline--fa fa-star" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="star" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" data-fa-i2svg=""><path fill="currentColor" d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z"></path></svg><!-- <i class="fa fa-star"></i> Font Awesome fontawesome.com --></span>
728 </div>
729 <br><br>
730
731
732 <div class="price product-price catalog_price">
733 <div class="price-default">237 ₽/метр</div>
734
735 </div>
736
737
738
739
740
741
742
743 <div class="button-group">
744
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
outline-style:none or
outline-width:0<button type='button' class='btn-action-wishlist' title='В закладки' onclick='...'>...</button>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<button type="button" class="btn-action-wishlist" title="В закладки" onclick="wishlist.add('2243'); ">
745 <svg viewBox="0 0 24 24" width="20" height="20" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="icon">
746 <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"></path>
747 </svg>
748 </button>
749 <div class="button-groupbtn">
750
Ensure that text and background colors have enough contrast.
The text color to background color contrast ratio after composition is:
2.78 with
color: background: font-size: 10.50ptfont-weight: 600<button type='button' class='btn-action-buy' onclick='cart.add('2243');'>Купить </button>Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 3.0 or more for 18 point text, or larger
The contrast ratio should be 3.0 or more for 14 point bold text, or larger
The contrast ratio should be 4.5 or more for all other text
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
outline-style:none or
outline-width:0<button type='button' class='btn-action-buy' onclick='cart.add('2243');'>Купить</button>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<button type="button" class="btn-action-buy" onclick="cart.add('2243'); ">Купить</button>
751 </div>
752 </div>
753 </div>
754 </div>
755 </div>
756 </div>
757</div>
758<br><br><br><br>
If you set any of the colors on the
body or
a elements you must set all of them.
The colors used are:
color: from stylesheet.css
background: from browser settings
<h2 class='maintitle'>Новые позиции в магазине </h2>In HTML the color attributes are text, bgcolor, link, alink and vlink.
In CSS the attributes are color and background-color.
Some users have browser defaults set to white text on a black background, so setting
one color without setting the others can result in white text on a white background.
<h2 class="maintitle"> Новые позиции в магазине</h2>
759
760
761
762
763<div class="row">
764 <div class="product-layout product-grid col-lg-2 col-md-6 col-sm-6 col-xs-6 col-6">
765 <div class="product-thumb 2222">
766 <div class="image">
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
outline-style:none or
outline-width:0<a href='.../'>...</a>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<a href="https://zaroom.ru/plintus-napolnyj/yasen-bez-pokrytiya-100x15/">
Omitting
img width or
height attributes makes the page layout jump about as images load.
<img src='...g' alt='Ясень без покрытия 100x15' title='Ясень без покрытия 100x15' class='img-responsive'> 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="https://zaroom.ru/image/cache/catalog/catalog/plintys/%20Finitura/831-shpon_yasen.tn-500x500.a420eae043-200x200.jpg" alt="Ясень без покрытия 100x15" title="Ясень без покрытия 100x15" class="img-responsive"> </a></div>
767
768
769 <div class="caption">
770 <h4><a href="https://zaroom.ru/plintus-napolnyj/yasen-bez-pokrytiya-100x15/" class="catalog__productname">Ясень без покрытия 100x15</a></h4>
771
772
773
774
775 <br><br>
776 <div class="price product-price catalog_price">
777 <div class="price-default ">765 ₽/метр</div>
778 </div>
779
780
781
782
783 <div class="button-group">
784
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
outline-style:none or
outline-width:0<button type='button' class='btn-action-wishlist' title='В закладки' onclick='...'>...</button>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<button type="button" class="btn-action-wishlist" title="В закладки" onclick="wishlist.add('2522'); ">
785 <svg viewBox="0 0 24 24" width="20" height="20" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="icon">
786 <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"></path>
787 </svg>
788 </button>
789 <div class="button-groupbtn">
790
Ensure that text and background colors have enough contrast.
The text color to background color contrast ratio after composition is:
2.78 with
color: background: font-size: 10.50ptfont-weight: 600<button type='button' class='btn-action-buy' onclick='cart.add('2522', ...'>Купить </button>Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 3.0 or more for 18 point text, or larger
The contrast ratio should be 3.0 or more for 14 point bold text, or larger
The contrast ratio should be 4.5 or more for all other text
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
outline-style:none or
outline-width:0<button type='button' class='btn-action-buy' onclick='cart.add('2522', ...'>Купить</button>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<button type="button" class="btn-action-buy" onclick="cart.add('2522', '1'); ">Купить</button>
791 </div>
792 </div>
793
794 </div>
795
796
797 </div>
798 </div>
799 <div class="product-layout product-grid col-lg-2 col-md-6 col-sm-6 col-xs-6 col-6">
800 <div class="product-thumb 2222">
801 <div class="image">
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
outline-style:none or
outline-width:0<a href='.../'>...</a>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<a href="https://zaroom.ru/plintus-napolnyj/belyj-pn-101-led-mdf-100x16/">
Omitting
img width or
height attributes makes the page layout jump about as images load.
<img src='...g' alt='Белый PN 101 led мдф 100x16' title='Белый PN 101 led мдф 100x16' class='img-responsive'> 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="https://zaroom.ru/image/cache/catalog/catalog/plintys/cosca/264-plintus-pn-1014-200x200.png" alt="Белый PN 101 led мдф 100x16" title="Белый PN 101 led мдф 100x16" class="img-responsive"> </a></div>
802
803
804 <div class="caption">
805 <h4><a href="https://zaroom.ru/plintus-napolnyj/belyj-pn-101-led-mdf-100x16/" class="catalog__productname">Белый PN 101 led мдф 100x16</a></h4>
806
807
808
809
810 <br><br>
811 <div class="price product-price catalog_price">
812 <div class="price-default ">845 ₽/метр</div>
813 </div>
814
815
816
817
818 <div class="button-group">
819
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
outline-style:none or
outline-width:0<button type='button' class='btn-action-wishlist' title='В закладки' onclick='...'>...</button>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<button type="button" class="btn-action-wishlist" title="В закладки" onclick="wishlist.add('2521'); ">
820 <svg viewBox="0 0 24 24" width="20" height="20" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="icon">
821 <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"></path>
822 </svg>
823 </button>
824 <div class="button-groupbtn">
825
Ensure that text and background colors have enough contrast.
The text color to background color contrast ratio after composition is:
2.78 with
color: background: font-size: 10.50ptfont-weight: 600<button type='button' class='btn-action-buy' onclick='cart.add('2521', ...'>Купить </button>Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 3.0 or more for 18 point text, or larger
The contrast ratio should be 3.0 or more for 14 point bold text, or larger
The contrast ratio should be 4.5 or more for all other text
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
outline-style:none or
outline-width:0<button type='button' class='btn-action-buy' onclick='cart.add('2521', ...'>Купить</button>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<button type="button" class="btn-action-buy" onclick="cart.add('2521', '1'); ">Купить</button>
826 </div>
827 </div>
828
829 </div>
830
831
832 </div>
833 </div>
834 <div class="product-layout product-grid col-lg-2 col-md-6 col-sm-6 col-xs-6 col-6">
835 <div class="product-thumb 2222">
836 <div class="image">
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
outline-style:none or
outline-width:0<a href='.../'>...</a>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<a href="https://zaroom.ru/plintus-napolnyj/kremovyj-9010-new-u104-mdf-80h16/">
Omitting
img width or
height attributes makes the page layout jump about as images load.
<img src='...g' alt='Кремовый 9010 NEW U104 мдф 80х16' title='Кремовый 9010 NEW U104 мдф 80х16' class='img-responsive'> 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="https://zaroom.ru/image/cache/catalog/catalog/plintys/cosca/996-img_9971-200x200.jpg" alt="Кремовый 9010 NEW U104 мдф 80х16" title="Кремовый 9010 NEW U104 мдф 80х16" class="img-responsive"> </a></div>
837
838
839 <div class="caption">
840 <h4><a href="https://zaroom.ru/plintus-napolnyj/kremovyj-9010-new-u104-mdf-80h16/" class="catalog__productname">Кремовый 9010 NEW U104 мдф 80х16</a></h4>
841
842
843
844
845 <br><br>
846 <div class="price product-price catalog_price">
847 <div class="price-default ">384 ₽</div>
848 </div>
849
850
851
852
853 <div class="button-group">
854
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
outline-style:none or
outline-width:0<button type='button' class='btn-action-wishlist' title='В закладки' onclick='...'>...</button>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<button type="button" class="btn-action-wishlist" title="В закладки" onclick="wishlist.add('2520'); ">
855 <svg viewBox="0 0 24 24" width="20" height="20" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="icon">
856 <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"></path>
857 </svg>
858 </button>
859 <div class="button-groupbtn">
860
Ensure that text and background colors have enough contrast.
The text color to background color contrast ratio after composition is:
2.78 with
color: background: font-size: 10.50ptfont-weight: 600<button type='button' class='btn-action-buy' onclick='cart.add('2520', ...'>Купить </button>Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 3.0 or more for 18 point text, or larger
The contrast ratio should be 3.0 or more for 14 point bold text, or larger
The contrast ratio should be 4.5 or more for all other text
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
outline-style:none or
outline-width:0<button type='button' class='btn-action-buy' onclick='cart.add('2520', ...'>Купить</button>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<button type="button" class="btn-action-buy" onclick="cart.add('2520', '1'); ">Купить</button>
861 </div>
862 </div>
863
864 </div>
865
866
867 </div>
868 </div>
869 <div class="product-layout product-grid col-lg-2 col-md-6 col-sm-6 col-xs-6 col-6">
870 <div class="product-thumb 2222">
871 <div class="image">
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
outline-style:none or
outline-width:0<a href='.../'>...</a>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<a href="https://zaroom.ru/plintus-napolnyj/px006/">
Omitting
img width or
height attributes makes the page layout jump about as images load.
<img src='...g' alt='PX006' title='PX006' class='img-responsive'> 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="https://zaroom.ru/image/cache/catalog/catalog/plintys/cosca/628-p006-200x200.jpg" alt="PX006" title="PX006" class="img-responsive"> </a></div>
872
873
874 <div class="caption">
875 <h4><a href="https://zaroom.ru/plintus-napolnyj/px006/" class="catalog__productname">PX006</a></h4>
876
877
878
879
880 <br><br>
881 <div class="price product-price catalog_price">
882 <div class="price-default ">560 ₽/метр</div>
883 </div>
884
885
886
887
888 <div class="button-group">
889
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
outline-style:none or
outline-width:0<button type='button' class='btn-action-wishlist' title='В закладки' onclick='...'>...</button>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<button type="button" class="btn-action-wishlist" title="В закладки" onclick="wishlist.add('2519'); ">
890 <svg viewBox="0 0 24 24" width="20" height="20" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="icon">
891 <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"></path>
892 </svg>
893 </button>
894 <div class="button-groupbtn">
895
Ensure that text and background colors have enough contrast.
The text color to background color contrast ratio after composition is:
2.78 with
color: background: font-size: 10.50ptfont-weight: 600<button type='button' class='btn-action-buy' onclick='cart.add('2519', ...'>Купить </button>Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 3.0 or more for 18 point text, or larger
The contrast ratio should be 3.0 or more for 14 point bold text, or larger
The contrast ratio should be 4.5 or more for all other text
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
outline-style:none or
outline-width:0<button type='button' class='btn-action-buy' onclick='cart.add('2519', ...'>Купить</button>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<button type="button" class="btn-action-buy" onclick="cart.add('2519', '1'); ">Купить</button>
896 </div>
897 </div>
898
899 </div>
900
901
902 </div>
903 </div>
904 <div class="product-layout product-grid col-lg-2 col-md-6 col-sm-6 col-xs-6 col-6">
905 <div class="product-thumb 2222">
906 <div class="image">
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
outline-style:none or
outline-width:0<a href='.../'>...</a>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<a href="https://zaroom.ru/plintus-napolnyj/px011/">
Omitting
img width or
height attributes makes the page layout jump about as images load.
<img src='...g' alt=' PX011' title=' PX011' class='img-responsive'> 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="https://zaroom.ru/image/cache/catalog/catalog/plintys/cosca/601-p011-200x200.jpg" alt=" PX011" title=" PX011" class="img-responsive"> </a></div>
907
908
909 <div class="caption">
910 <h4><a href="https://zaroom.ru/plintus-napolnyj/px011/" class="catalog__productname"> PX011</a></h4>
911
912
913
914
915 <br><br>
916 <div class="price product-price catalog_price">
917 <div class="price-default ">540 ₽/метр</div>
918 </div>
919
920
921
922
923 <div class="button-group">
924
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
outline-style:none or
outline-width:0<button type='button' class='btn-action-wishlist' title='В закладки' onclick='...'>...</button>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<button type="button" class="btn-action-wishlist" title="В закладки" onclick="wishlist.add('2518'); ">
925 <svg viewBox="0 0 24 24" width="20" height="20" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="icon">
926 <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"></path>
927 </svg>
928 </button>
929 <div class="button-groupbtn">
930
Ensure that text and background colors have enough contrast.
The text color to background color contrast ratio after composition is:
2.78 with
color: background: font-size: 10.50ptfont-weight: 600<button type='button' class='btn-action-buy' onclick='cart.add('2518', ...'>Купить </button>Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 3.0 or more for 18 point text, or larger
The contrast ratio should be 3.0 or more for 14 point bold text, or larger
The contrast ratio should be 4.5 or more for all other text
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
outline-style:none or
outline-width:0<button type='button' class='btn-action-buy' onclick='cart.add('2518', ...'>Купить</button>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<button type="button" class="btn-action-buy" onclick="cart.add('2518', '1'); ">Купить</button>
931 </div>
932 </div>
933
934 </div>
935
936
937 </div>
938 </div>
939 <div class="product-layout product-grid col-lg-2 col-md-6 col-sm-6 col-xs-6 col-6">
940 <div class="product-thumb 2222">
941 <div class="image">
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
outline-style:none or
outline-width:0<a href='.../'>...</a>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<a href="https://zaroom.ru/plintus-napolnyj/px007/">
Omitting
img width or
height attributes makes the page layout jump about as images load.
<img src='...g' alt='PX007' title='PX007' class='img-responsive'> 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="https://zaroom.ru/image/cache/catalog/catalog/plintys/cosca/363-p007-200x200.jpg" alt="PX007" title="PX007" class="img-responsive"> </a></div>
942
943
944 <div class="caption">
945 <h4><a href="https://zaroom.ru/plintus-napolnyj/px007/" class="catalog__productname">PX007</a></h4>
946
947
948
949
950 <br><br>
951 <div class="price product-price catalog_price">
952 <div class="price-default ">467 ₽/метр</div>
953 </div>
954
955
956
957
958 <div class="button-group">
959
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
outline-style:none or
outline-width:0<button type='button' class='btn-action-wishlist' title='В закладки' onclick='...'>...</button>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<button type="button" class="btn-action-wishlist" title="В закладки" onclick="wishlist.add('2517'); ">
960 <svg viewBox="0 0 24 24" width="20" height="20" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="icon">
961 <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"></path>
962 </svg>
963 </button>
964 <div class="button-groupbtn">
965
Ensure that text and background colors have enough contrast.
The text color to background color contrast ratio after composition is:
2.78 with
color: background: font-size: 10.50ptfont-weight: 600<button type='button' class='btn-action-buy' onclick='cart.add('2517', ...'>Купить </button>Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 3.0 or more for 18 point text, or larger
The contrast ratio should be 3.0 or more for 14 point bold text, or larger
The contrast ratio should be 4.5 or more for all other text
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
outline-style:none or
outline-width:0<button type='button' class='btn-action-buy' onclick='cart.add('2517', ...'>Купить</button>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<button type="button" class="btn-action-buy" onclick="cart.add('2517', '1'); ">Купить</button>
966 </div>
967 </div>
968
969 </div>
970
971
972 </div>
973 </div>
974
975</div>
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995 </div>
996 </div>
997</div>
998<br><br><br><br>
999<div class="container">
1000
If you set any of the colors on the
body or
a elements you must set all of them.
The colors used are:
color: from stylesheet.css
background: from browser settings
<h3 class='maintitle'>Последние Статьи </h3>In HTML the color attributes are text, bgcolor, link, alink and vlink.
In CSS the attributes are color and background-color.
Some users have browser defaults set to white text on a black background, so setting
one color without setting the others can result in white text on a white background.
<h3 class="maintitle"> Последние Статьи</h3>
1001 <div class="row">
1002 <div class="product-layout product-grid col-lg-2 col-md-6 col-sm-6 col-xs-6 col-6">
1003 <div class="product-thumb transition">
1004 <div class="image">
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
outline-style:none or
outline-width:0<a href='.../'>...</a>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<a href="https://zaroom.ru/kak-vybrat-plintusy-dlya-doma/">
Omitting
img width or
height attributes makes the page layout jump about as images load.
<img src='...g' alt='Как выбрать идеальные плинтусы для вашего интерьера' title='Как выбрать идеальные плинтусы для вашего интерьера' class='img-responsive'> 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="https://zaroom.ru/image/cache/catalog/blog/6514-800x800-200x200.jpg" alt="Как выбрать идеальные плинтусы для вашего интерьера" title="Как выбрать идеальные плинтусы для вашего интерьера" class="img-responsive"> </a></div>
1005 <div class="caption">
1006 <h4>
Use at least a 12-point font on all web pages.
font-size: 11.25pt<a href='.../' class='catalog__productname'>Как ... </a>
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" >
<a href="https://zaroom.ru/kak-vybrat-plintusy-dlya-doma/" class="catalog__productname"> Как выбрать идеальные плинтусы для вашего интерьера</a></h4>
1007 </div>
1008
1009 </div>
1010 </div>
1011 <div class="product-layout product-grid col-lg-2 col-md-6 col-sm-6 col-xs-6 col-6">
1012 <div class="product-thumb transition">
1013 <div class="image">
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
outline-style:none or
outline-width:0<a href='.../'>...</a>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<a href="https://zaroom.ru/news_orac_16/">
Omitting
img width or
height attributes makes the page layout jump about as images load.
<img src='...g' alt='Повышение цен на все продукцию бренда Orac Decor с 15 августа ' title='Повышение цен на все продукцию бренда Orac Decor с 15 августа ' class='img-responsive'> 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="https://zaroom.ru/image/cache/catalog/blog/logos-web_Mesa-de-trabajo-1-copia-43-200x200.png" alt="Повышение цен на все продукцию бренда Orac Decor с 15 августа " title="Повышение цен на все продукцию бренда Orac Decor с 15 августа " class="img-responsive"> </a></div>
1014 <div class="caption">
1015 <h4>
Use at least a 12-point font on all web pages.
font-size: 11.25pt<a href='.../' class='catalog__productname'>... </a>
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" >
<a href="https://zaroom.ru/news_orac_16/" class="catalog__productname"> Повышение цен на все продукцию бренда Orac Decor с 15 августа </a></h4>
1016 </div>
1017
1018 </div>
1019 </div>
1020 <div class="product-layout product-grid col-lg-2 col-md-6 col-sm-6 col-xs-6 col-6">
1021 <div class="product-thumb transition">
1022 <div class="image">
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
outline-style:none or
outline-width:0<a href='.../'>...</a>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<a href="https://zaroom.ru/vidy-plintusov-podrobnyy-obzor/">
Omitting
img width or
height attributes makes the page layout jump about as images load.
<img src='...g' alt='Виды плинтусов – подробный обзор' title='Виды плинтусов – подробный обзор' class='img-responsive'> 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="https://zaroom.ru/image/cache/catalog/blog/Screenshot%202023-12-19%20at%2023.27.04-200x200.png" alt="Виды плинтусов – подробный обзор" title="Виды плинтусов – подробный обзор" class="img-responsive"> </a></div>
1023 <div class="caption">
1024 <h4><a href="https://zaroom.ru/vidy-plintusov-podrobnyy-obzor/" class="catalog__productname">Виды плинтусов – подробный обзор</a></h4>
1025 </div>
1026
1027 </div>
1028 </div>
1029 <div class="product-layout product-grid col-lg-2 col-md-6 col-sm-6 col-xs-6 col-6">
1030 <div class="product-thumb transition">
1031 <div class="image">
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
outline-style:none or
outline-width:0<a href='.../'>...</a>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<a href="https://zaroom.ru/pokraska-plintusa-sposoby/">
Omitting
img width or
height attributes makes the page layout jump about as images load.
<img src='...g' alt='Покраска плинтуса: способы' title='Покраска плинтуса: способы' class='img-responsive'> 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="https://zaroom.ru/image/cache/catalog/blog/pokraska-plintusa-200x200.jpeg" alt="Покраска плинтуса: способы" title="Покраска плинтуса: способы" class="img-responsive"> </a></div>
1032 <div class="caption">
1033 <h4><a href="https://zaroom.ru/pokraska-plintusa-sposoby/" class="catalog__productname">Покраска плинтуса: способы</a></h4>
1034 </div>
1035
1036 </div>
1037 </div>
1038 <div class="product-layout product-grid col-lg-2 col-md-6 col-sm-6 col-xs-6 col-6">
1039 <div class="product-thumb transition">
1040 <div class="image">
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
outline-style:none or
outline-width:0<a href='.../'>...</a>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<a href="https://zaroom.ru/kak-ustanavlivat-plintus-sovety-i-rekomendatsii/">
Omitting
img width or
height attributes makes the page layout jump about as images load.
<img src='...g' alt='Как устанавливать плинтус: советы и рекомендации' title='Как устанавливать плинтус: советы и рекомендации' class='img-responsive'> 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="https://zaroom.ru/image/cache/catalog/blog/skoba-200x200.jpg" alt="Как устанавливать плинтус: советы и рекомендации" title="Как устанавливать плинтус: советы и рекомендации" class="img-responsive"> </a></div>
1041 <div class="caption">
1042 <h4>
Use at least a 12-point font on all web pages.
font-size: 11.25pt<a href='.../' class='catalog__productname'>Как ... </a>
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" >
<a href="https://zaroom.ru/kak-ustanavlivat-plintus-sovety-i-rekomendatsii/" class="catalog__productname"> Как устанавливать плинтус: советы и рекомендации</a></h4>
1043 </div>
1044
1045 </div>
1046 </div>
1047 <div class="product-layout product-grid col-lg-2 col-md-6 col-sm-6 col-xs-6 col-6">
1048 <div class="product-thumb transition">
1049 <div class="image">
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
outline-style:none or
outline-width:0<a href='.../'>...</a>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<a href="https://zaroom.ru/kak-vybrat-plintus-dlya-doma/">
Omitting
img width or
height attributes makes the page layout jump about as images load.
<img src='...g' alt='Как выбрать плинтус для дома' title='Как выбрать плинтус для дома' class='img-responsive'> 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="https://zaroom.ru/image/cache/catalog/blog/Screenshot-2023-05-18-09.54.03-200x200.jpg" alt="Как выбрать плинтус для дома" title="Как выбрать плинтус для дома" class="img-responsive"> </a></div>
1050 <div class="caption">
1051 <h4><a href="https://zaroom.ru/kak-vybrat-plintus-dlya-doma/" class="catalog__productname">Как выбрать плинтус для дома</a></h4>
1052 </div>
1053
1054 </div>
1055 </div>
1056 </div>
1057</div>
1058
1059<div class="container">
1060 <br><br><br>
1061<div class="ex-reviews__carousel" id="ex-reviews-carousel0">
1062 <div class="">
1063 <div class="ex-reviews__head">
1064 <h2 class="maintitle">Последние отзывы</h2>
1065 </div>
1066 <div class="ex-reviews__carousel-container swiper-container-horizontal">
1067 <div class="swiper-wrapper">
1068
1069 <div class="ex-reviews__carousel-item swiper-slide product-thumb88 transition11 swiper-slide-active" style="width: 319.667px; margin-right: 10px;">
1070 <div class="ex-reviews__item-image">
Links must have an accessible name.
<a class='...' href='.../'><img src='...g' alt=''></a> A link name allows screen readers to voice what the links does. If there is no link content, or the link content is hidden by CSS, screen readers have nothing to read, so read out the URL instead. To add a name do one of the following:
Add text between the a element start and end tags
Add an aria-label attribute
Add an aria-labelledby attribute
Add an img alt attribute labeling the link if it contains an img element
img elements with
role=presentation or
role=none are not included in the link's accessible name.
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
outline-style:none or
outline-width:0<a class='...' href='.../'><img src='...g' alt=''></a>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<a class="ex-reviews__image-link" href="https://zaroom.ru/plintus-napolnyj/px013/">
Omitting
img width or
height attributes makes the page layout jump about as images load.
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="https://zaroom.ru/image/cache/catalog/catalog/plintys/cosca/488-p013-300x300.jpg" alt=""> </a></div>
1071 <div class="ex-reviews__item-body ex-review-body37">
1072 <div class="ex-reviews__item-title"><a href="https://zaroom.ru/plintus-napolnyj/px013/" class="catalog__productname">PX013</a></div>
1073 <div class="">
1074 <div class="rating-background">
1075
1076
1077
1078
1079 <svg class="ex-star">
1080 <use xlink:href="#ex-star"></use>
1081 </svg>
1082
1083
1084
1085 <svg class="ex-star">
1086 <use xlink:href="#ex-star"></use>
1087 </svg>
1088
1089
1090
1091 <svg class="ex-star">
1092 <use xlink:href="#ex-star"></use>
1093 </svg>
1094
1095
1096
1097 <svg class="ex-star">
1098 <use xlink:href="#ex-star"></use>
1099 </svg>
1100
1101
1102
1103 <svg class="ex-star">
1104 <use xlink:href="#ex-star"></use>
1105 </svg>
1106
1107
1108
1109 </div>
1110 </div>
1111
Use at least a 12-point font on all web pages.
font-size: 10.50pt<div class='...'>Плинтус ... очень тщ.. </div>
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" >
<div class="ex-reviews__item-text"> Плинтус отличного качества, полностью соответствует заявленным размерам. Упаковка выполнена очень тщ..</div>
1112
1113
1114 <div class="review-media-container">
1115
1116 <div class="ex-reviews__thumbneils">
1117
1118 <div class="ex-reviews__photo">
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
outline-style:none or
outline-width:0<a class='ex-thumbnail' href='...g' title='PX013'>...</a>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<a class="ex-thumbnail" href="image/catalog/extended-reviews/Sx2TqpWV2U.png" title="PX013">
Omitting
img width or
height attributes makes the page layout jump about as images load.
<img src='...g' title='PX013' alt='PX013' class='image-crop'> 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="https://zaroom.ru/image/cache/catalog/extended-reviews/Sx2TqpWV2U-130x130.png" title="PX013" alt="PX013" class="image-crop"> </a>
1119 </div>
1120
1121 <div class="ex-reviews__photo">
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
outline-style:none or
outline-width:0<a class='ex-thumbnail' href='...g' title='PX013'>...</a>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<a class="ex-thumbnail" href="image/catalog/extended-reviews/3L60W2HNkp.png" title="PX013">
Omitting
img width or
height attributes makes the page layout jump about as images load.
<img src='...g' title='PX013' alt='PX013' class='image-crop'> 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="https://zaroom.ru/image/cache/catalog/extended-reviews/3L60W2HNkp-130x130.png" title="PX013" alt="PX013" class="image-crop"> </a>
1122 </div>
1123
1124 <div class="ex-reviews__photo">
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
outline-style:none or
outline-width:0<a class='ex-thumbnail' href='...g' title='PX013'>...</a>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<a class="ex-thumbnail" href="image/catalog/extended-reviews/BJrW5nTVsu.png" title="PX013">
Omitting
img width or
height attributes makes the page layout jump about as images load.
<img src='...g' title='PX013' alt='PX013' class='image-crop'> 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="https://zaroom.ru/image/cache/catalog/extended-reviews/BJrW5nTVsu-130x130.png" title="PX013" alt="PX013" class="image-crop"> </a>
1125 </div>
1126
1127 </div>
1128
1129
1130 </div>
1131
1132 </div>
1133 <div class="review-footer-container">
1134 <div class="review-author">
1135
1136 <span class="review-author-name">Светлана</span>
1137 </div>
1138 <div class="review-rating-change-buttons">
1139
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
:focus and
:not(:focus) have same outline:
<button class='review-vote ...' data-value='37'><svg class='ex-like'>...</svg>...</button>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<button class="review-vote review-vote-positive" data-value="37">
1140 <svg class="ex-like">
1141 <use xlink:href="#ex-thumb"></use>
1142 </svg>
1143 <span class="review-vote-count vote_count_positive-37" data-value="1">1</span>
1144 </button>
1145
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
:focus and
:not(:focus) have same outline:
<button class='review-vote ...' data-value='37'>...</button>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<button class="review-vote review-vote-negative" data-value="37">
1146 <svg class="ex-like ex-dislike">
1147 <use xlink:href="#ex-thumb"></use>
1148 </svg>
1149 <span class="review-vote-count vote_count_negative-37" data-value="0">0</span>
1150 </button>
1151 </div>
1152 </div>
1153 </div>
1154
1155 <div class="ex-reviews__carousel-item swiper-slide product-thumb88 transition11 swiper-slide-next" style="width: 319.667px; margin-right: 10px;">
1156 <div class="ex-reviews__item-image">
Links must have an accessible name.
<a class='...' href='.../'><img src='...g' alt=''></a> A link name allows screen readers to voice what the links does. If there is no link content, or the link content is hidden by CSS, screen readers have nothing to read, so read out the URL instead. To add a name do one of the following:
Add text between the a element start and end tags
Add an aria-label attribute
Add an aria-labelledby attribute
Add an img alt attribute labeling the link if it contains an img element
img elements with
role=presentation or
role=none are not included in the link's accessible name.
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
outline-style:none or
outline-width:0<a class='...' href='.../'><img src='...g' alt=''></a>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<a class="ex-reviews__image-link" href="https://zaroom.ru/plintus-napolnyj/belyj-ap72-mdf-75x10/">
Omitting
img width or
height attributes makes the page layout jump about as images load.
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="https://zaroom.ru/image/cache/catalog/catalog/plintys/cosca/AP72-1.1631181617.jpg.1240x1024r-300x300.jpg" alt=""> </a></div>
1157 <div class="ex-reviews__item-body ex-review-body36">
1158 <div class="ex-reviews__item-title"><a href="https://zaroom.ru/plintus-napolnyj/belyj-ap72-mdf-75x10/" class="catalog__productname">Белый AP72 мдф 75x10</a></div>
1159 <div class="">
1160 <div class="rating-background">
1161
1162
1163
1164
1165 <svg class="ex-star">
1166 <use xlink:href="#ex-star"></use>
1167 </svg>
1168
1169
1170
1171 <svg class="ex-star">
1172 <use xlink:href="#ex-star"></use>
1173 </svg>
1174
1175
1176
1177 <svg class="ex-star">
1178 <use xlink:href="#ex-star"></use>
1179 </svg>
1180
1181
1182
1183 <svg class="ex-star">
1184 <use xlink:href="#ex-star"></use>
1185 </svg>
1186
1187
1188
1189 <svg class="ex-star">
1190 <use xlink:href="#ex-star"></use>
1191 </svg>
1192
1193
1194
1195 </div>
1196 </div>
1197
Use at least a 12-point font on all web pages.
font-size: 10.50pt<div class='...'>Плинтусы ... на жидкие г.. </div>
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" >
<div class="ex-reviews__item-text"> Плинтусы оказались очень удобными в работе. Они достаточно узкие, что упрощает установку на жидкие г..</div>
1198
1199
1200 <div class="review-media-container">
1201
1202 <div class="ex-reviews__thumbneils">
1203
1204 <div class="ex-reviews__photo">
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
outline-style:none or
outline-width:0<a class='ex-thumbnail' href='...g' title='Белый AP72 мдф 75x10'>...</a>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<a class="ex-thumbnail" href="image/catalog/extended-reviews/fWYe8cT2jG.png" title="Белый AP72 мдф 75x10">
Omitting
img width or
height attributes makes the page layout jump about as images load.
<img src='...g' title='Белый AP72 мдф 75x10' alt='Белый AP72 мдф 75x10' class='image-crop'> 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="https://zaroom.ru/image/cache/catalog/extended-reviews/fWYe8cT2jG-130x130.png" title="Белый AP72 мдф 75x10" alt="Белый AP72 мдф 75x10" class="image-crop"> </a>
1205 </div>
1206
1207 <div class="ex-reviews__photo">
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
outline-style:none or
outline-width:0<a class='ex-thumbnail' href='...g' title='Белый AP72 мдф 75x10'>...</a>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<a class="ex-thumbnail" href="image/catalog/extended-reviews/tnBENVVy5X.png" title="Белый AP72 мдф 75x10">
Omitting
img width or
height attributes makes the page layout jump about as images load.
<img src='...g' title='Белый AP72 мдф 75x10' alt='Белый AP72 мдф 75x10' class='image-crop'> 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="https://zaroom.ru/image/cache/catalog/extended-reviews/tnBENVVy5X-130x130.png" title="Белый AP72 мдф 75x10" alt="Белый AP72 мдф 75x10" class="image-crop"> </a>
1208 </div>
1209
1210 </div>
1211
1212
1213 </div>
1214
1215 </div>
1216 <div class="review-footer-container">
1217 <div class="review-author">
1218
1219 <span class="review-author-name">Илья</span>
1220 </div>
1221 <div class="review-rating-change-buttons">
1222
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
:focus and
:not(:focus) have same outline:
<button class='review-vote ...' data-value='36'><svg class='ex-like'>...</svg>...</button>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<button class="review-vote review-vote-positive" data-value="36">
1223 <svg class="ex-like">
1224 <use xlink:href="#ex-thumb"></use>
1225 </svg>
1226 <span class="review-vote-count vote_count_positive-36" data-value="1">1</span>
1227 </button>
1228
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
:focus and
:not(:focus) have same outline:
<button class='review-vote ...' data-value='36'>...</button>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<button class="review-vote review-vote-negative" data-value="36">
1229 <svg class="ex-like ex-dislike">
1230 <use xlink:href="#ex-thumb"></use>
1231 </svg>
1232 <span class="review-vote-count vote_count_negative-36" data-value="0">0</span>
1233 </button>
1234 </div>
1235 </div>
1236 </div>
1237
1238 <div class="ex-reviews__carousel-item swiper-slide product-thumb88 transition11" style="width: 319.667px; margin-right: 10px;">
1239 <div class="ex-reviews__item-image">
Links must have an accessible name.
<a class='...' href='.../'><img src='...g' alt=''></a> A link name allows screen readers to voice what the links does. If there is no link content, or the link content is hidden by CSS, screen readers have nothing to read, so read out the URL instead. To add a name do one of the following:
Add text between the a element start and end tags
Add an aria-label attribute
Add an aria-labelledby attribute
Add an img alt attribute labeling the link if it contains an img element
img elements with
role=presentation or
role=none are not included in the link's accessible name.
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
outline-style:none or
outline-width:0<a class='...' href='.../'><img src='...g' alt=''></a>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<a class="ex-reviews__image-link" href="https://zaroom.ru/plintus-napolnyj/belyj-ap72-mdf-75x10/">
Omitting
img width or
height attributes makes the page layout jump about as images load.
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="https://zaroom.ru/image/cache/catalog/catalog/plintys/cosca/AP72-1.1631181617.jpg.1240x1024r-300x300.jpg" alt=""> </a></div>
1240 <div class="ex-reviews__item-body ex-review-body35">
1241 <div class="ex-reviews__item-title"><a href="https://zaroom.ru/plintus-napolnyj/belyj-ap72-mdf-75x10/" class="catalog__productname">Белый AP72 мдф 75x10</a></div>
1242 <div class="">
1243 <div class="rating-background">
1244
1245
1246
1247
1248 <svg class="ex-star">
1249 <use xlink:href="#ex-star"></use>
1250 </svg>
1251
1252
1253
1254 <svg class="ex-star">
1255 <use xlink:href="#ex-star"></use>
1256 </svg>
1257
1258
1259
1260 <svg class="ex-star">
1261 <use xlink:href="#ex-star"></use>
1262 </svg>
1263
1264
1265
1266 <svg class="ex-star">
1267 <use xlink:href="#ex-star"></use>
1268 </svg>
1269
1270
1271
1272 <svg class="ex-star">
1273 <use xlink:href="#ex-star"></use>
1274 </svg>
1275
1276
1277
1278 </div>
1279 </div>
1280
Use at least a 12-point font on all web pages.
font-size: 10.50pt<div class='...'>Искали ... а каче.. </div>
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" >
<div class="ex-reviews__item-text"> Искали плинтус в Леруа, но нашли его здесь — и не прогадали! Цена оказалась гораздо приятнее, а каче..</div>
1281
1282
1283 <div class="review-media-container">
1284
1285 <div class="ex-reviews__thumbneils">
1286
1287 <div class="ex-reviews__photo">
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
outline-style:none or
outline-width:0<a class='ex-thumbnail' href='...g' title='Белый AP72 мдф 75x10'>...</a>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<a class="ex-thumbnail" href="image/catalog/extended-reviews/FjsCbsKfFe.png" title="Белый AP72 мдф 75x10">
Omitting
img width or
height attributes makes the page layout jump about as images load.
<img src='...g' title='Белый AP72 мдф 75x10' alt='Белый AP72 мдф 75x10' class='image-crop'> 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="https://zaroom.ru/image/cache/catalog/extended-reviews/FjsCbsKfFe-130x130.png" title="Белый AP72 мдф 75x10" alt="Белый AP72 мдф 75x10" class="image-crop"> </a>
1288 </div>
1289
1290 <div class="ex-reviews__photo">
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
outline-style:none or
outline-width:0<a class='ex-thumbnail' href='...g' title='Белый AP72 мдф 75x10'>...</a>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<a class="ex-thumbnail" href="image/catalog/extended-reviews/K90dSTI88P.png" title="Белый AP72 мдф 75x10">
Omitting
img width or
height attributes makes the page layout jump about as images load.
<img src='...g' title='Белый AP72 мдф 75x10' alt='Белый AP72 мдф 75x10' class='image-crop'> 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="https://zaroom.ru/image/cache/catalog/extended-reviews/K90dSTI88P-130x130.png" title="Белый AP72 мдф 75x10" alt="Белый AP72 мдф 75x10" class="image-crop"> </a>
1291 </div>
1292
1293 </div>
1294
1295
1296 </div>
1297
1298 </div>
1299 <div class="review-footer-container">
1300 <div class="review-author">
1301
1302 <span class="review-author-name">Марина</span>
1303 </div>
1304 <div class="review-rating-change-buttons">
1305
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
:focus and
:not(:focus) have same outline:
<button class='review-vote ...' data-value='35'><svg class='ex-like'>...</svg>...</button>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<button class="review-vote review-vote-positive" data-value="35">
1306 <svg class="ex-like">
1307 <use xlink:href="#ex-thumb"></use>
1308 </svg>
1309 <span class="review-vote-count vote_count_positive-35" data-value="1">1</span>
1310 </button>
1311
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
:focus and
:not(:focus) have same outline:
<button class='review-vote ...' data-value='35'>...</button>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<button class="review-vote review-vote-negative" data-value="35">
1312 <svg class="ex-like ex-dislike">
1313 <use xlink:href="#ex-thumb"></use>
1314 </svg>
1315 <span class="review-vote-count vote_count_negative-35" data-value="0">0</span>
1316 </button>
1317 </div>
1318 </div>
1319 </div>
1320
1321 <div class="ex-reviews__carousel-item swiper-slide product-thumb88 transition11" style="width: 319.667px; margin-right: 10px;">
1322 <div class="ex-reviews__item-image">
Links must have an accessible name.
<a class='...' href='.../'><img src='...g' alt=''></a> A link name allows screen readers to voice what the links does. If there is no link content, or the link content is hidden by CSS, screen readers have nothing to read, so read out the URL instead. To add a name do one of the following:
Add text between the a element start and end tags
Add an aria-label attribute
Add an aria-labelledby attribute
Add an img alt attribute labeling the link if it contains an img element
img elements with
role=presentation or
role=none are not included in the link's accessible name.
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
outline-style:none or
outline-width:0<a class='...' href='.../'><img src='...g' alt=''></a>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<a class="ex-reviews__image-link" href="https://zaroom.ru/plintus-napolnyj/belyj-ap72-mdf-75x10/">
Omitting
img width or
height attributes makes the page layout jump about as images load.
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="https://zaroom.ru/image/cache/catalog/catalog/plintys/cosca/AP72-1.1631181617.jpg.1240x1024r-300x300.jpg" alt=""> </a></div>
1323 <div class="ex-reviews__item-body ex-review-body34">
1324 <div class="ex-reviews__item-title"><a href="https://zaroom.ru/plintus-napolnyj/belyj-ap72-mdf-75x10/" class="catalog__productname">Белый AP72 мдф 75x10</a></div>
1325 <div class="">
1326 <div class="rating-background">
1327
1328
1329
1330
1331 <svg class="ex-star">
1332 <use xlink:href="#ex-star"></use>
1333 </svg>
1334
1335
1336
1337 <svg class="ex-star">
1338 <use xlink:href="#ex-star"></use>
1339 </svg>
1340
1341
1342
1343 <svg class="ex-star">
1344 <use xlink:href="#ex-star"></use>
1345 </svg>
1346
1347
1348
1349 <svg class="ex-star">
1350 <use xlink:href="#ex-star"></use>
1351 </svg>
1352
1353
1354
1355 <svg class="ex-star">
1356 <use xlink:href="#ex-star"></use>
1357 </svg>
1358
1359
1360
1361 </div>
1362 </div>
1363
Use at least a 12-point font on all web pages.
font-size: 10.50pt<div class='...'>Прекрасный ... упакован, .. </div>
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" >
<div class="ex-reviews__item-text"> Прекрасный вариант плинтусов! Приобрел 10 штук для оформления лестницы. Товар был отлично упакован, ..</div>
1364
1365
1366 <div class="review-media-container">
1367
1368 <div class="ex-reviews__thumbneils">
1369
1370 <div class="ex-reviews__photo">
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
outline-style:none or
outline-width:0<a class='ex-thumbnail' href='...g' title='Белый AP72 мдф 75x10'>...</a>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<a class="ex-thumbnail" href="image/catalog/extended-reviews/mKiiT2iRUC.png" title="Белый AP72 мдф 75x10">
Omitting
img width or
height attributes makes the page layout jump about as images load.
<img src='...g' title='Белый AP72 мдф 75x10' alt='Белый AP72 мдф 75x10' class='image-crop'> 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="https://zaroom.ru/image/cache/catalog/extended-reviews/mKiiT2iRUC-130x130.png" title="Белый AP72 мдф 75x10" alt="Белый AP72 мдф 75x10" class="image-crop"> </a>
1371 </div>
1372
1373 <div class="ex-reviews__photo">
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
outline-style:none or
outline-width:0<a class='ex-thumbnail' href='...g' title='Белый AP72 мдф 75x10'>...</a>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<a class="ex-thumbnail" href="image/catalog/extended-reviews/norg9DSwG0.png" title="Белый AP72 мдф 75x10">
Omitting
img width or
height attributes makes the page layout jump about as images load.
<img src='...g' title='Белый AP72 мдф 75x10' alt='Белый AP72 мдф 75x10' class='image-crop'> 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="https://zaroom.ru/image/cache/catalog/extended-reviews/norg9DSwG0-130x130.png" title="Белый AP72 мдф 75x10" alt="Белый AP72 мдф 75x10" class="image-crop"> </a>
1374 </div>
1375
1376 </div>
1377
1378
1379 </div>
1380
1381 </div>
1382 <div class="review-footer-container">
1383 <div class="review-author">
1384
1385 <span class="review-author-name">Егор</span>
1386 </div>
1387 <div class="review-rating-change-buttons">
1388
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
:focus and
:not(:focus) have same outline:
<button class='review-vote ...' data-value='34'><svg class='ex-like'>...</svg>...</button>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<button class="review-vote review-vote-positive" data-value="34">
1389 <svg class="ex-like">
1390 <use xlink:href="#ex-thumb"></use>
1391 </svg>
1392 <span class="review-vote-count vote_count_positive-34" data-value="1">1</span>
1393 </button>
1394
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
:focus and
:not(:focus) have same outline:
<button class='review-vote ...' data-value='34'>...</button>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<button class="review-vote review-vote-negative" data-value="34">
1395 <svg class="ex-like ex-dislike">
1396 <use xlink:href="#ex-thumb"></use>
1397 </svg>
1398 <span class="review-vote-count vote_count_negative-34" data-value="0">0</span>
1399 </button>
1400 </div>
1401 </div>
1402 </div>
1403
1404 <div class="ex-reviews__carousel-item swiper-slide product-thumb88 transition11" style="width: 319.667px; margin-right: 10px;">
1405 <div class="ex-reviews__item-image">
Links must have an accessible name.
<a class='...' href='.../'><img src='...g' alt=''></a> A link name allows screen readers to voice what the links does. If there is no link content, or the link content is hidden by CSS, screen readers have nothing to read, so read out the URL instead. To add a name do one of the following:
Add text between the a element start and end tags
Add an aria-label attribute
Add an aria-labelledby attribute
Add an img alt attribute labeling the link if it contains an img element
img elements with
role=presentation or
role=none are not included in the link's accessible name.
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
outline-style:none or
outline-width:0<a class='...' href='.../'><img src='...g' alt=''></a>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<a class="ex-reviews__image-link" href="https://zaroom.ru/soputstvuyushchie-tovary/krepleniya-dlya-plintusa/montazhnaya-planka-cosca/">
Omitting
img width or
height attributes makes the page layout jump about as images load.
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="https://zaroom.ru/image/cache/catalog/catalog/krepleniya/montazhnaya-planka-cosca-300x300.jpg" alt=""> </a></div>
1406 <div class="ex-reviews__item-body ex-review-body33">
1407 <div class="ex-reviews__item-title"><a href="https://zaroom.ru/soputstvuyushchie-tovary/krepleniya-dlya-plintusa/montazhnaya-planka-cosca/" class="catalog__productname">Монтажная планка Cosca</a></div>
1408 <div class="">
1409 <div class="rating-background">
1410
1411
1412
1413
1414 <svg class="ex-star">
1415 <use xlink:href="#ex-star"></use>
1416 </svg>
1417
1418
1419
1420 <svg class="ex-star">
1421 <use xlink:href="#ex-star"></use>
1422 </svg>
1423
1424
1425
1426 <svg class="ex-star">
1427 <use xlink:href="#ex-star"></use>
1428 </svg>
1429
1430
1431
1432 <svg class="ex-star">
1433 <use xlink:href="#ex-star"></use>
1434 </svg>
1435
1436
1437
1438 <svg class="ex-star">
1439 <use xlink:href="#ex-star"></use>
1440 </svg>
1441
1442
1443
1444 </div>
1445 </div>
1446
Use at least a 12-point font on all web pages.
font-size: 10.50pt<div class='...'>Монтажную ... гвозди. И де.. </div>
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" >
<div class="ex-reviews__item-text"> Монтажную планку Cosca мне порекомендовали как удобную альтернативу креплению на жидкие гвозди. И де..</div>
1447
1448
1449 <div class="review-media-container">
1450
1451 <div class="ex-reviews__thumbneils">
1452
1453 <div class="ex-reviews__photo">
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
outline-style:none or
outline-width:0<a class='ex-thumbnail' href='...g' title='Монтажная планка Cosca'>...</a>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<a class="ex-thumbnail" href="image/catalog/extended-reviews/5RIT4oKZ4Z.png" title="Монтажная планка Cosca">
Omitting
img width or
height attributes makes the page layout jump about as images load.
<img src='...g' title='Монтажная планка Cosca' alt='Монтажная планка Cosca' class='image-crop'> 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="https://zaroom.ru/image/cache/catalog/extended-reviews/5RIT4oKZ4Z-130x130.png" title="Монтажная планка Cosca" alt="Монтажная планка Cosca" class="image-crop"> </a>
1454 </div>
1455
1456 <div class="ex-reviews__photo">
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
outline-style:none or
outline-width:0<a class='ex-thumbnail' href='...g' title='Монтажная планка Cosca'>...</a>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<a class="ex-thumbnail" href="image/catalog/extended-reviews/qiUmpfCezz.png" title="Монтажная планка Cosca">
Omitting
img width or
height attributes makes the page layout jump about as images load.
<img src='...g' title='Монтажная планка Cosca' alt='Монтажная планка Cosca' class='image-crop'> 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="https://zaroom.ru/image/cache/catalog/extended-reviews/qiUmpfCezz-130x130.png" title="Монтажная планка Cosca" alt="Монтажная планка Cosca" class="image-crop"> </a>
1457 </div>
1458
1459 <div class="ex-reviews__photo">
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
outline-style:none or
outline-width:0<a class='ex-thumbnail' href='...g' title='Монтажная планка Cosca'>...</a>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<a class="ex-thumbnail" href="image/catalog/extended-reviews/8OeOXypujn.png" title="Монтажная планка Cosca">
Omitting
img width or
height attributes makes the page layout jump about as images load.
<img src='...g' title='Монтажная планка Cosca' alt='Монтажная планка Cosca' class='image-crop'> 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="https://zaroom.ru/image/cache/catalog/extended-reviews/8OeOXypujn-130x130.png" title="Монтажная планка Cosca" alt="Монтажная планка Cosca" class="image-crop"> </a>
1460 </div>
1461
1462 <div class="ex-reviews__photo">
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
outline-style:none or
outline-width:0<a class='ex-thumbnail' href='...g' title='Монтажная планка Cosca'>...</a>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<a class="ex-thumbnail" href="image/catalog/extended-reviews/Ik2ed12GwQ.png" title="Монтажная планка Cosca">
Omitting
img width or
height attributes makes the page layout jump about as images load.
<img src='...g' title='Монтажная планка Cosca' alt='Монтажная планка Cosca' class='image-crop'> 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="https://zaroom.ru/image/cache/catalog/extended-reviews/Ik2ed12GwQ-130x130.png" title="Монтажная планка Cosca" alt="Монтажная планка Cosca" class="image-crop"> </a>
1463 </div>
1464
1465 </div>
1466
1467
1468 </div>
1469
1470 </div>
1471 <div class="review-footer-container">
1472 <div class="review-author">
1473
1474 <span class="review-author-name">Анжела</span>
1475 </div>
1476 <div class="review-rating-change-buttons">
1477
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
:focus and
:not(:focus) have same outline:
<button class='review-vote ...' data-value='33'><svg class='ex-like'>...</svg>...</button>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<button class="review-vote review-vote-positive" data-value="33">
1478 <svg class="ex-like">
1479 <use xlink:href="#ex-thumb"></use>
1480 </svg>
1481 <span class="review-vote-count vote_count_positive-33" data-value="1">1</span>
1482 </button>
1483
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
:focus and
:not(:focus) have same outline:
<button class='review-vote ...' data-value='33'>...</button>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<button class="review-vote review-vote-negative" data-value="33">
1484 <svg class="ex-like ex-dislike">
1485 <use xlink:href="#ex-thumb"></use>
1486 </svg>
1487 <span class="review-vote-count vote_count_negative-33" data-value="0">0</span>
1488 </button>
1489 </div>
1490 </div>
1491 </div>
1492
1493 <div class="ex-reviews__carousel-item swiper-slide product-thumb88 transition11" style="width: 319.667px; margin-right: 10px;">
1494 <div class="ex-reviews__item-image">
Links must have an accessible name.
<a class='...' href='.../'><img src='...g' alt=''></a> A link name allows screen readers to voice what the links does. If there is no link content, or the link content is hidden by CSS, screen readers have nothing to read, so read out the URL instead. To add a name do one of the following:
Add text between the a element start and end tags
Add an aria-label attribute
Add an aria-labelledby attribute
Add an img alt attribute labeling the link if it contains an img element
img elements with
role=presentation or
role=none are not included in the link's accessible name.
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
outline-style:none or
outline-width:0<a class='...' href='.../'><img src='...g' alt=''></a>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<a class="ex-reviews__image-link" href="https://zaroom.ru/plintus-napolnyj/belyj-pn-050-led-mdf-80x12/">
Omitting
img width or
height attributes makes the page layout jump about as images load.
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="https://zaroom.ru/image/cache/catalog/catalog/plintys/ewrowood/898-plintus-pn-0503-300x300.png" alt=""> </a></div>
1495 <div class="ex-reviews__item-body ex-review-body32">
1496 <div class="ex-reviews__item-title"><a href="https://zaroom.ru/plintus-napolnyj/belyj-pn-050-led-mdf-80x12/" class="catalog__productname">Белый PN 050 led мдф 80x12</a></div>
1497 <div class="">
1498 <div class="rating-background">
1499
1500
1501
1502
1503 <svg class="ex-star">
1504 <use xlink:href="#ex-star"></use>
1505 </svg>
1506
1507
1508
1509 <svg class="ex-star">
1510 <use xlink:href="#ex-star"></use>
1511 </svg>
1512
1513
1514
1515 <svg class="ex-star">
1516 <use xlink:href="#ex-star"></use>
1517 </svg>
1518
1519
1520
1521 <svg class="ex-star">
1522 <use xlink:href="#ex-star"></use>
1523 </svg>
1524
1525
1526
1527 <svg class="ex-star">
1528 <use xlink:href="#ex-star"></use>
1529 </svg>
1530
1531
1532
1533 </div>
1534 </div>
1535
Use at least a 12-point font on all web pages.
font-size: 10.50pt<div class='...'>Всем привет! ... панели и нап.. </div>
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" >
<div class="ex-reviews__item-text"> Всем привет! Делюсь своим опытом.
1536По проекту дизайна у меня должны были быть стеновые панели и нап..</div>
1537
1538
1539 <div class="review-media-container">
1540
1541 <div class="ex-reviews__thumbneils">
1542
1543 <div class="ex-reviews__photo">
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
outline-style:none or
outline-width:0<a class='ex-thumbnail' href='...g' title='Белый PN 050 led мдф 80x12'>...</a>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<a class="ex-thumbnail" href="image/catalog/extended-reviews/ELVN5MBNep.png" title="Белый PN 050 led мдф 80x12">
Omitting
img width or
height attributes makes the page layout jump about as images load.
<img src='...g' title='Белый PN 050 led мдф 80x12' alt='Белый PN 050 led мдф 80x12' class='image-crop'> 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="https://zaroom.ru/image/cache/catalog/extended-reviews/ELVN5MBNep-130x130.png" title="Белый PN 050 led мдф 80x12" alt="Белый PN 050 led мдф 80x12" class="image-crop"> </a>
1544 </div>
1545
1546 <div class="ex-reviews__photo">
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
outline-style:none or
outline-width:0<a class='ex-thumbnail' href='...g' title='Белый PN 050 led мдф 80x12'>...</a>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<a class="ex-thumbnail" href="image/catalog/extended-reviews/4bF1Necr4h.png" title="Белый PN 050 led мдф 80x12">
Omitting
img width or
height attributes makes the page layout jump about as images load.
<img src='...g' title='Белый PN 050 led мдф 80x12' alt='Белый PN 050 led мдф 80x12' class='image-crop'> 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="https://zaroom.ru/image/cache/catalog/extended-reviews/4bF1Necr4h-130x130.png" title="Белый PN 050 led мдф 80x12" alt="Белый PN 050 led мдф 80x12" class="image-crop"> </a>
1547 </div>
1548
1549 </div>
1550
1551
1552 </div>
1553
1554 </div>
1555 <div class="review-footer-container">
1556 <div class="review-author">
1557
1558 <span class="review-author-name">Егор Маленко</span>
1559 </div>
1560 <div class="review-rating-change-buttons">
1561
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
:focus and
:not(:focus) have same outline:
<button class='review-vote ...' data-value='32'><svg class='ex-like'>...</svg>...</button>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<button class="review-vote review-vote-positive" data-value="32">
1562 <svg class="ex-like">
1563 <use xlink:href="#ex-thumb"></use>
1564 </svg>
1565 <span class="review-vote-count vote_count_positive-32" data-value="1">1</span>
1566 </button>
1567
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
:focus and
:not(:focus) have same outline:
<button class='review-vote ...' data-value='32'>...</button>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<button class="review-vote review-vote-negative" data-value="32">
1568 <svg class="ex-like ex-dislike">
1569 <use xlink:href="#ex-thumb"></use>
1570 </svg>
1571 <span class="review-vote-count vote_count_negative-32" data-value="0">0</span>
1572 </button>
1573 </div>
1574 </div>
1575 </div>
1576
1577 <div class="ex-reviews__carousel-item swiper-slide product-thumb88 transition11" style="width: 319.667px; margin-right: 10px;">
1578 <div class="ex-reviews__item-image">
Links must have an accessible name.
<a class='...' href='.../'><img src='...g' alt=''></a> A link name allows screen readers to voice what the links does. If there is no link content, or the link content is hidden by CSS, screen readers have nothing to read, so read out the URL instead. To add a name do one of the following:
Add text between the a element start and end tags
Add an aria-label attribute
Add an aria-labelledby attribute
Add an img alt attribute labeling the link if it contains an img element
img elements with
role=presentation or
role=none are not included in the link's accessible name.
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
outline-style:none or
outline-width:0<a class='...' href='.../'><img src='...g' alt=''></a>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<a class="ex-reviews__image-link" href="https://zaroom.ru/plintus-napolnyj/belyj-ap79-mdf-80x16/">
Omitting
img width or
height attributes makes the page layout jump about as images load.
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="https://zaroom.ru/image/cache/catalog/catalog/plintys/cosca/original-925x925-fit-300x300.jpg" alt=""> </a></div>
1579 <div class="ex-reviews__item-body ex-review-body30">
1580 <div class="ex-reviews__item-title"><a href="https://zaroom.ru/plintus-napolnyj/belyj-ap79-mdf-80x16/" class="catalog__productname">Белый AP79 мдф 80x16</a></div>
1581 <div class="">
1582 <div class="rating-background">
1583
1584
1585
1586
1587 <svg class="ex-star">
1588 <use xlink:href="#ex-star"></use>
1589 </svg>
1590
1591
1592
1593 <svg class="ex-star">
1594 <use xlink:href="#ex-star"></use>
1595 </svg>
1596
1597
1598
1599 <svg class="ex-star">
1600 <use xlink:href="#ex-star"></use>
1601 </svg>
1602
1603
1604
1605 <svg class="ex-star">
1606 <use xlink:href="#ex-star"></use>
1607 </svg>
1608
1609
1610
1611 <svg class="ex-star">
1612 <use xlink:href="#ex-star"></use>
1613 </svg>
1614
1615
1616
1617 </div>
1618 </div>
1619
Use at least a 12-point font on all web pages.
font-size: 10.50pt<div class='...'>Хорошие ... всей квартире </div>
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" >
<div class="ex-reviews__item-text"> Хорошие плинтуса, поставил во всей квартире </div>
1620
1621
1622 <div class="review-media-container">
1623
1624 <div class="ex-reviews__thumbneils">
1625
1626 <div class="ex-reviews__photo">
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
outline-style:none or
outline-width:0<a class='ex-thumbnail' href='...g' title='Белый AP79 мдф 80x16'>...</a>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<a class="ex-thumbnail" href="image/catalog/extended-reviews/3sKjhi6FN5.png" title="Белый AP79 мдф 80x16">
Omitting
img width or
height attributes makes the page layout jump about as images load.
<img src='...g' title='Белый AP79 мдф 80x16' alt='Белый AP79 мдф 80x16' class='image-crop'> 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="https://zaroom.ru/image/cache/catalog/extended-reviews/3sKjhi6FN5-130x130.png" title="Белый AP79 мдф 80x16" alt="Белый AP79 мдф 80x16" class="image-crop"> </a>
1627 </div>
1628
1629 </div>
1630
1631
1632 </div>
1633
1634 </div>
1635 <div class="review-footer-container">
1636 <div class="review-author">
1637
1638 <span class="review-author-name">Максим Горов</span>
1639 </div>
1640 <div class="review-rating-change-buttons">
1641
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
:focus and
:not(:focus) have same outline:
<button class='review-vote ...' data-value='30'><svg class='ex-like'>...</svg>...</button>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<button class="review-vote review-vote-positive" data-value="30">
1642 <svg class="ex-like">
1643 <use xlink:href="#ex-thumb"></use>
1644 </svg>
1645 <span class="review-vote-count vote_count_positive-30" data-value="0">0</span>
1646 </button>
1647
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
:focus and
:not(:focus) have same outline:
<button class='review-vote ...' data-value='30'>...</button>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<button class="review-vote review-vote-negative" data-value="30">
1648 <svg class="ex-like ex-dislike">
1649 <use xlink:href="#ex-thumb"></use>
1650 </svg>
1651 <span class="review-vote-count vote_count_negative-30" data-value="0">0</span>
1652 </button>
1653 </div>
1654 </div>
1655 </div>
1656
1657 <div class="ex-reviews__carousel-item swiper-slide product-thumb88 transition11" style="width: 319.667px; margin-right: 10px;">
1658 <div class="ex-reviews__item-image">
Links must have an accessible name.
<a class='...' href='.../'><img src='...g' alt=''></a> A link name allows screen readers to voice what the links does. If there is no link content, or the link content is hidden by CSS, screen readers have nothing to read, so read out the URL instead. To add a name do one of the following:
Add text between the a element start and end tags
Add an aria-label attribute
Add an aria-labelledby attribute
Add an img alt attribute labeling the link if it contains an img element
img elements with
role=presentation or
role=none are not included in the link's accessible name.
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
outline-style:none or
outline-width:0<a class='...' href='.../'><img src='...g' alt=''></a>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<a class="ex-reviews__image-link" href="https://zaroom.ru/plintus-napolnyj/kw-81303-80h16/">
Omitting
img width or
height attributes makes the page layout jump about as images load.
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="https://zaroom.ru/image/cache/catalog/catalog/plintys/Hannahholz/613-kw-81303-300x300.jpg" alt=""> </a></div>
1659 <div class="ex-reviews__item-body ex-review-body29">
1660 <div class="ex-reviews__item-title"><a href="https://zaroom.ru/plintus-napolnyj/kw-81303-80h16/" class="catalog__productname">KW 81303 80х16</a></div>
1661 <div class="">
1662 <div class="rating-background">
1663
1664
1665
1666
1667 <svg class="ex-star">
1668 <use xlink:href="#ex-star"></use>
1669 </svg>
1670
1671
1672
1673 <svg class="ex-star">
1674 <use xlink:href="#ex-star"></use>
1675 </svg>
1676
1677
1678
1679 <svg class="ex-star">
1680 <use xlink:href="#ex-star"></use>
1681 </svg>
1682
1683
1684
1685 <svg class="ex-star">
1686 <use xlink:href="#ex-star"></use>
1687 </svg>
1688
1689
1690
1691 <svg class="ex-star">
1692 <use xlink:href="#ex-star"></use>
1693 </svg>
1694
1695
1696
1697 </div>
1698 </div>
1699
Use at least a 12-point font on all web pages.
font-size: 10.50pt<div class='...'>хороший ... пленка .. </div>
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" >
<div class="ex-reviews__item-text"> хороший плинтус, нравится тем, что можно оставить в таком виде, не красить, так как защитная пленка ..</div>
1700
1701
1702 </div>
1703 <div class="review-footer-container">
1704 <div class="review-author">
1705
1706 <span class="review-author-name">Дмитрий</span>
1707 </div>
1708 <div class="review-rating-change-buttons">
1709
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
:focus and
:not(:focus) have same outline:
<button class='review-vote ...' data-value='29'><svg class='ex-like'>...</svg>...</button>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<button class="review-vote review-vote-positive" data-value="29">
1710 <svg class="ex-like">
1711 <use xlink:href="#ex-thumb"></use>
1712 </svg>
1713 <span class="review-vote-count vote_count_positive-29" data-value="0">0</span>
1714 </button>
1715
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
:focus and
:not(:focus) have same outline:
<button class='review-vote ...' data-value='29'>...</button>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<button class="review-vote review-vote-negative" data-value="29">
1716 <svg class="ex-like ex-dislike">
1717 <use xlink:href="#ex-thumb"></use>
1718 </svg>
1719 <span class="review-vote-count vote_count_negative-29" data-value="0">0</span>
1720 </button>
1721 </div>
1722 </div>
1723 </div>
1724
1725 <div class="ex-reviews__carousel-item swiper-slide product-thumb88 transition11" style="width: 319.667px; margin-right: 10px;">
1726 <div class="ex-reviews__item-image">
Links must have an accessible name.
<a class='...' href='.../'><img src='...g' alt=''></a> A link name allows screen readers to voice what the links does. If there is no link content, or the link content is hidden by CSS, screen readers have nothing to read, so read out the URL instead. To add a name do one of the following:
Add text between the a element start and end tags
Add an aria-label attribute
Add an aria-labelledby attribute
Add an img alt attribute labeling the link if it contains an img element
img elements with
role=presentation or
role=none are not included in the link's accessible name.
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
outline-style:none or
outline-width:0<a class='...' href='.../'><img src='...g' alt=''></a>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<a class="ex-reviews__image-link" href="https://zaroom.ru/plintus-napolnyj/kw-81301-80h16/">
Omitting
img width or
height attributes makes the page layout jump about as images load.
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="https://zaroom.ru/image/cache/catalog/catalog/plintys/Hannahholz/259-kw-81301-300x300.jpg" alt=""> </a></div>
1727 <div class="ex-reviews__item-body ex-review-body28">
1728 <div class="ex-reviews__item-title"><a href="https://zaroom.ru/plintus-napolnyj/kw-81301-80h16/" class="catalog__productname">KW 81301 80х16</a></div>
1729 <div class="">
1730 <div class="rating-background">
1731
1732
1733
1734
1735 <svg class="ex-star">
1736 <use xlink:href="#ex-star"></use>
1737 </svg>
1738
1739
1740
1741 <svg class="ex-star">
1742 <use xlink:href="#ex-star"></use>
1743 </svg>
1744
1745
1746
1747 <svg class="ex-star">
1748 <use xlink:href="#ex-star"></use>
1749 </svg>
1750
1751
1752
1753 <svg class="ex-star">
1754 <use xlink:href="#ex-star"></use>
1755 </svg>
1756
1757
1758
1759 <svg class="ex-star ex-star-grey">
1760 <use xlink:href="#ex-star"></use>
1761 </svg>
1762
1763
1764
1765 </div>
1766 </div>
1767
Use at least a 12-point font on all web pages.
font-size: 10.50pt<div class='...'>красивая ... С бол.. </div>
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" >
<div class="ex-reviews__item-text"> красивая форма у плинтуса, но пыль забивается сверху плинтуса, приходится протирать постоянно. С бол..</div>
1768
1769
1770 </div>
1771 <div class="review-footer-container">
1772 <div class="review-author">
1773
1774 <span class="review-author-name">Наталья</span>
1775 </div>
1776 <div class="review-rating-change-buttons">
1777
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
:focus and
:not(:focus) have same outline:
<button class='review-vote ...' data-value='28'><svg class='ex-like'>...</svg>...</button>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<button class="review-vote review-vote-positive" data-value="28">
1778 <svg class="ex-like">
1779 <use xlink:href="#ex-thumb"></use>
1780 </svg>
1781 <span class="review-vote-count vote_count_positive-28" data-value="0">0</span>
1782 </button>
1783
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
:focus and
:not(:focus) have same outline:
<button class='review-vote ...' data-value='28'>...</button>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<button class="review-vote review-vote-negative" data-value="28">
1784 <svg class="ex-like ex-dislike">
1785 <use xlink:href="#ex-thumb"></use>
1786 </svg>
1787 <span class="review-vote-count vote_count_negative-28" data-value="0">0</span>
1788 </button>
1789 </div>
1790 </div>
1791 </div>
1792
1793 <div class="ex-reviews__carousel-item swiper-slide product-thumb88 transition11" style="width: 319.667px; margin-right: 10px;">
1794 <div class="ex-reviews__item-image">
Links must have an accessible name.
<a class='...' href='.../'><img src='...g' alt=''></a> A link name allows screen readers to voice what the links does. If there is no link content, or the link content is hidden by CSS, screen readers have nothing to read, so read out the URL instead. To add a name do one of the following:
Add text between the a element start and end tags
Add an aria-label attribute
Add an aria-labelledby attribute
Add an img alt attribute labeling the link if it contains an img element
img elements with
role=presentation or
role=none are not included in the link's accessible name.
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
outline-style:none or
outline-width:0<a class='...' href='.../'><img src='...g' alt=''></a>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<a class="ex-reviews__image-link" href="https://zaroom.ru/plintus-napolnyj/aw-81403-80h16/">
Omitting
img width or
height attributes makes the page layout jump about as images load.
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="https://zaroom.ru/image/cache/catalog/catalog/plintys/Hannahholz/536-aw-81403-300x300.jpg" alt=""> </a></div>
1795 <div class="ex-reviews__item-body ex-review-body27">
1796 <div class="ex-reviews__item-title"><a href="https://zaroom.ru/plintus-napolnyj/aw-81403-80h16/" class="catalog__productname">AW 81403 80х16</a></div>
1797 <div class="">
1798 <div class="rating-background">
1799
1800
1801
1802
1803 <svg class="ex-star">
1804 <use xlink:href="#ex-star"></use>
1805 </svg>
1806
1807
1808
1809 <svg class="ex-star">
1810 <use xlink:href="#ex-star"></use>
1811 </svg>
1812
1813
1814
1815 <svg class="ex-star">
1816 <use xlink:href="#ex-star"></use>
1817 </svg>
1818
1819
1820
1821 <svg class="ex-star">
1822 <use xlink:href="#ex-star"></use>
1823 </svg>
1824
1825
1826
1827 <svg class="ex-star">
1828 <use xlink:href="#ex-star"></use>
1829 </svg>
1830
1831
1832
1833 </div>
1834 </div>
1835
Use at least a 12-point font on all web pages.
font-size: 10.50pt<div class='...'>когда ... не больше 12.. </div>
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" >
<div class="ex-reviews__item-text"> когда заказывал плинтус, почему то не обратил внимание, что он толщиной 16, а нужен был не больше 12..</div>
1836
1837
1838 </div>
1839 <div class="review-footer-container">
1840 <div class="review-author">
1841
1842 <span class="review-author-name">Егор</span>
1843 </div>
1844 <div class="review-rating-change-buttons">
1845
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
:focus and
:not(:focus) have same outline:
<button class='review-vote ...' data-value='27'><svg class='ex-like'>...</svg>...</button>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<button class="review-vote review-vote-positive" data-value="27">
1846 <svg class="ex-like">
1847 <use xlink:href="#ex-thumb"></use>
1848 </svg>
1849 <span class="review-vote-count vote_count_positive-27" data-value="0">0</span>
1850 </button>
1851
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
:focus and
:not(:focus) have same outline:
<button class='review-vote ...' data-value='27'>...</button>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<button class="review-vote review-vote-negative" data-value="27">
1852 <svg class="ex-like ex-dislike">
1853 <use xlink:href="#ex-thumb"></use>
1854 </svg>
1855 <span class="review-vote-count vote_count_negative-27" data-value="0">0</span>
1856 </button>
1857 </div>
1858 </div>
1859 </div>
1860
1861 <div class="ex-reviews__carousel-item swiper-slide product-thumb88 transition11" style="width: 319.667px; margin-right: 10px;">
1862 <div class="ex-reviews__item-image">
Links must have an accessible name.
<a class='...' href='.../'><img src='...g' alt=''></a> A link name allows screen readers to voice what the links does. If there is no link content, or the link content is hidden by CSS, screen readers have nothing to read, so read out the URL instead. To add a name do one of the following:
Add text between the a element start and end tags
Add an aria-label attribute
Add an aria-labelledby attribute
Add an img alt attribute labeling the link if it contains an img element
img elements with
role=presentation or
role=none are not included in the link's accessible name.
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
outline-style:none or
outline-width:0<a class='...' href='.../'><img src='...g' alt=''></a>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<a class="ex-reviews__image-link" href="https://zaroom.ru/plintus-napolnyj/aw-81402-80h16/">
Omitting
img width or
height attributes makes the page layout jump about as images load.
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="https://zaroom.ru/image/cache/catalog/catalog/plintys/Hannahholz/574-aw-81402-300x300.jpg" alt=""> </a></div>
1863 <div class="ex-reviews__item-body ex-review-body26">
1864 <div class="ex-reviews__item-title"><a href="https://zaroom.ru/plintus-napolnyj/aw-81402-80h16/" class="catalog__productname">AW 81402 80х16</a></div>
1865 <div class="">
1866 <div class="rating-background">
1867
1868
1869
1870
1871 <svg class="ex-star">
1872 <use xlink:href="#ex-star"></use>
1873 </svg>
1874
1875
1876
1877 <svg class="ex-star">
1878 <use xlink:href="#ex-star"></use>
1879 </svg>
1880
1881
1882
1883 <svg class="ex-star">
1884 <use xlink:href="#ex-star"></use>
1885 </svg>
1886
1887
1888
1889 <svg class="ex-star">
1890 <use xlink:href="#ex-star"></use>
1891 </svg>
1892
1893
1894
1895 <svg class="ex-star">
1896 <use xlink:href="#ex-star"></use>
1897 </svg>
1898
1899
1900
1901 </div>
1902 </div>
1903
Use at least a 12-point font on all web pages.
font-size: 10.50pt<div class='...'>дизайнер ... плинтуса, и.. </div>
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" >
<div class="ex-reviews__item-text"> дизайнер посоветовала именно этого производителя, я изначально не хотела красить никакие плинтуса, и..</div>
1904
1905
1906 </div>
1907 <div class="review-footer-container">
1908 <div class="review-author">
1909
1910 <span class="review-author-name">Александра</span>
1911 </div>
1912 <div class="review-rating-change-buttons">
1913
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
:focus and
:not(:focus) have same outline:
<button class='review-vote ...' data-value='26'><svg class='ex-like'>...</svg>...</button>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<button class="review-vote review-vote-positive" data-value="26">
1914 <svg class="ex-like">
1915 <use xlink:href="#ex-thumb"></use>
1916 </svg>
1917 <span class="review-vote-count vote_count_positive-26" data-value="0">0</span>
1918 </button>
1919
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
:focus and
:not(:focus) have same outline:
<button class='review-vote ...' data-value='26'>...</button>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<button class="review-vote review-vote-negative" data-value="26">
1920 <svg class="ex-like ex-dislike">
1921 <use xlink:href="#ex-thumb"></use>
1922 </svg>
1923 <span class="review-vote-count vote_count_negative-26" data-value="0">0</span>
1924 </button>
1925 </div>
1926 </div>
1927 </div>
1928
1929 <div class="ex-reviews__carousel-item swiper-slide product-thumb88 transition11" style="width: 319.667px; margin-right: 10px;">
1930 <div class="ex-reviews__item-image">
Links must have an accessible name.
<a class='...' href='.../'><img src='...g' alt=''></a> A link name allows screen readers to voice what the links does. If there is no link content, or the link content is hidden by CSS, screen readers have nothing to read, so read out the URL instead. To add a name do one of the following:
Add text between the a element start and end tags
Add an aria-label attribute
Add an aria-labelledby attribute
Add an img alt attribute labeling the link if it contains an img element
img elements with
role=presentation or
role=none are not included in the link's accessible name.
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
outline-style:none or
outline-width:0<a class='...' href='.../'><img src='...g' alt=''></a>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<a class="ex-reviews__image-link" href="https://zaroom.ru/plintus-napolnyj/aw-81401-80h16/">
Omitting
img width or
height attributes makes the page layout jump about as images load.
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="https://zaroom.ru/image/cache/catalog/catalog/plintys/Hannahholz/843-321-aw-81401-300x300.jpg" alt=""> </a></div>
1931 <div class="ex-reviews__item-body ex-review-body25">
1932 <div class="ex-reviews__item-title"><a href="https://zaroom.ru/plintus-napolnyj/aw-81401-80h16/" class="catalog__productname">AW 81401 80х16</a></div>
1933 <div class="">
1934 <div class="rating-background">
1935
1936
1937
1938
1939 <svg class="ex-star">
1940 <use xlink:href="#ex-star"></use>
1941 </svg>
1942
1943
1944
1945 <svg class="ex-star">
1946 <use xlink:href="#ex-star"></use>
1947 </svg>
1948
1949
1950
1951 <svg class="ex-star">
1952 <use xlink:href="#ex-star"></use>
1953 </svg>
1954
1955
1956
1957 <svg class="ex-star">
1958 <use xlink:href="#ex-star"></use>
1959 </svg>
1960
1961
1962
1963 <svg class="ex-star">
1964 <use xlink:href="#ex-star"></use>
1965 </svg>
1966
1967
1968
1969 </div>
1970 </div>
1971
Use at least a 12-point font on all web pages.
font-size: 10.50pt<div class='...'>хоть мастер и ... его и.. </div>
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" >
<div class="ex-reviews__item-text"> хоть мастер и был изначально против мдф, и советовал пластик, но очень рады что не послушались его и..</div>
1972
1973
1974 </div>
1975 <div class="review-footer-container">
1976 <div class="review-author">
1977
1978 <span class="review-author-name">Лариса</span>
1979 </div>
1980 <div class="review-rating-change-buttons">
1981
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
:focus and
:not(:focus) have same outline:
<button class='review-vote ...' data-value='25'><svg class='ex-like'>...</svg>...</button>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<button class="review-vote review-vote-positive" data-value="25">
1982 <svg class="ex-like">
1983 <use xlink:href="#ex-thumb"></use>
1984 </svg>
1985 <span class="review-vote-count vote_count_positive-25" data-value="0">0</span>
1986 </button>
1987
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
:focus and
:not(:focus) have same outline:
<button class='review-vote ...' data-value='25'>...</button>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<button class="review-vote review-vote-negative" data-value="25">
1988 <svg class="ex-like ex-dislike">
1989 <use xlink:href="#ex-thumb"></use>
1990 </svg>
1991 <span class="review-vote-count vote_count_negative-25" data-value="0">0</span>
1992 </button>
1993 </div>
1994 </div>
1995 </div>
1996
1997 </div>
1998 </div>
1999
2000
2001 <div class="swiper-pager">
2002 <div class="ex-swiper-button-next"></div>
2003 <div class="ex-swiper-button-prev swiper-button-disabled"></div>
2004 </div>
2005
2006
2007 </div>
2008</div>
2009
2010</div>
2011
2012<script type="text/javascript"><!--
2013$('#ex-reviews-carousel0 .ex-reviews__carousel-container').swiper({
2014mode: 'horizontal',
2015slidesPerView: 5,
2016pagination: '.ex-reviews__carousel-pagination0',
2017paginationClickable: true,
2018nextButton: '.ex-swiper-button-next',
2019prevButton: '.ex-swiper-button-prev',
2020spaceBetween: 10,
2021autoplayDisableOnInteraction: true,
2022loop: 0,
2023breakpoints: {
2024 1200: {
2025 slidesPerView: 3,
2026},
2027769: {
2028 slidesPerView: 2,
2029},
2030 480: {
2031 slidesPerView: 2,
2032}
2033}
2034});
2035
2036addMagnific('.ex-reviews__thumbneils');
2037addMagnificVideo('.popup-youtube');
2038
2039$(document).on('click', '.review-vote-negative', function() {
2040alertRemove()
2041var id = $(this).data("value");
2042var votename = "vote"+id;
2043var note_block = $(".ex-review-body"+id);
2044if(localStorage.getItem(votename) == null){
2045var vote_count_span = $('.vote_count_negative-'+id);
2046var vote_count = parseInt(vote_count_span.data("value"));
2047$.ajax({
2048 url: 'index.php?route=product/extended_reviews/minusReviewRating',
2049 type: 'post',
2050 data: { review_id : id } ,
2051 dataType: 'json',
2052 success: function(json) {
2053 if (json['success']) {
2054
2055 $(vote_count_span).text(vote_count + 1);
2056
2057 localStorage.setItem(votename , true);
2058
2059 $(note_block).after('<div class="ex-alert alert-success m-0"><i class="fa fa-check" aria-hidden="true"></i> ' + json['success'] + '</div>');
2060
2061 } else if(json['login']) {
2062
2063 $(note_block).after('<div class="ex-alert alert-info m-0"><i class="fa fa-exclamation" aria-hidden="true"></i> ' + json['login'] + '</div>');
2064
2065 }
2066 }
2067});
2068}
2069else{
2070$(note_block).after('<div class="ex-alert alert-warning m-0">Ваш голос уже был учтен.</div>');
2071}
2072});
2073$(document).on('click', '.review-vote-positive', function() {
2074alertRemove()
2075var id = $(this).data("value");
2076var votename = "vote"+id;
2077var note_block = $(".ex-review-body"+id);
2078if(localStorage.getItem(votename) == null){
2079var vote_count_span = $('.vote_count_positive-'+id);
2080var vote_count = parseInt(vote_count_span.data("value"));
2081$.ajax({
2082 url: 'index.php?route=product/extended_reviews/plusReviewRating',
2083 type: 'post',
2084 data: { review_id : id } ,
2085 dataType: 'json',
2086 success: function(json) {
2087 if (json['success']) {
2088
2089 $(vote_count_span).text(vote_count + 1);
2090
2091 localStorage.setItem(votename , true);
2092
2093 $(note_block).after('<div class="ex-alert alert-success m-0"><i class="fa fa-check" aria-hidden="true"></i> ' + json['success'] + '</div>');
2094
2095 } else if(json['login']) {
2096
2097 console.log(json['login']);
2098
2099 $(note_block).after('<div class="ex-alert alert-info m-0"><i class="fa fa-exclamation" aria-hidden="true"></i> ' + json['login'] + '</div>');
2100
2101 }
2102}
2103});
2104}
2105else{
2106 $(note_block).after('<div class="ex-alert alert-warning m-0">Ваш голос уже был учтен.</div>');
2107}
2108});
2109--></script>
2110<style type="text/css">
2111.ex-reviews__photo a{
2112height: 65px !important;
2113width: 65px !important;
2114border-radius: 0px !important;
2115}
2116.ex-reviews__photo a .image-crop{
2117height: 117px !important;
2118width: 117px !important;
2119}
2120.ex-reviews__photo .imgbb{
2121height: 65px !important;
2122width: 65px !important;
2123}
2124.ex-reviews__video img{
2125height: 50px !important;
2126width: 90px !important;
2127}
2128.ex-reviews__video a{
2129height: 50px !important;
2130width: 90px !important;
2131border-radius: 2px !important;
2132}
2133.ex-reviews__carousel-item{
2134
2135}
2136
2137</style>
2138<div style="position: absolute; left: -9999px;">
2139<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><symbol viewBox="0 0 512 511" id="ex-star"><path xmlns="http://www.w3.org/2000/svg" d="m510.652344 185.902344c-3.351563-10.367188-12.546875-17.730469-23.425782-18.710938l-147.773437-13.417968-58.433594-136.769532c-4.308593-10.023437-14.121093-16.511718-25.023437-16.511718s-20.714844 6.488281-25.023438 16.535156l-58.433594 136.746094-147.796874 13.417968c-10.859376 1.003906-20.03125 8.34375-23.402344 18.710938-3.371094 10.367187-.257813 21.738281 7.957031 28.90625l111.699219 97.960937-32.9375 145.089844c-2.410156 10.667969 1.730468 21.695313 10.582031 28.09375 4.757813 3.4375 10.324219 5.1875 15.9375 5.1875 4.839844 0 9.640625-1.304687 13.949219-3.882813l127.46875-76.183593 127.421875 76.183593c9.324219 5.609376 21.078125 5.097657 29.910156-1.304687 8.855469-6.417969 12.992187-17.449219 10.582031-28.09375l-32.9375-145.089844 111.699219-97.941406c8.214844-7.1875 11.351563-18.539063 7.980469-28.925781zm0 0"></path></symbol><symbol id="ex-thumb" viewBox="0, 0, 400,400" version="1.1"><g id="svgg"><path id="path0" d="M181.557 42.708 C 178.182 47.865,174.197 59.754,172.701 69.128 C 170.624 82.143,163.677 93.273,143.324 116.198 L 116.667 146.222 116.667 239.778 C 116.667 360.805,106.942 350.000,215.870 350.000 C 315.166 350.000,304.598 356.200,339.300 277.588 C 389.110 164.749,382.881 150.000,285.417 150.000 C 249.896 150.000,220.854 149.531,220.878 148.958 C 220.903 148.385,223.716 138.712,227.128 127.463 C 240.084 84.756,234.486 50.953,212.583 39.626 C 195.909 31.004,188.751 31.715,181.557 42.708 M38.333 155.000 C 31.250 162.083,31.250 337.917,38.333 345.000 C 44.802 351.469,71.865 351.469,78.333 345.000 C 85.417 337.917,85.417 162.083,78.333 155.000 C 75.583 152.250,66.583 150.000,58.333 150.000 C 50.083 150.000,41.083 152.250,38.333 155.000 " stroke="none"></path></g></symbol><symbol viewBox="0 0 57 40" id="ex-youtube"><path fill="#ff1818" d="M28.537 0C21.938 0 15.326.2 8.715.6 1.702 1 .701 6.5.301 11.9c-.4 5.4-.4 10.8 0 16.2S1.702 39 8.715 39.4c13.123.8 26.347.8 39.57 0 7.012-.4 8.014-5.9 8.414-11.3.4-5.4.4-10.8 0-16.2-.4-5.4-1.402-10.9-8.414-11.3C41.724.2 35.135 0 28.537 0zm-6.098 11l16.329 8.5L22.439 28V11z"></path><path fill="#fff" d="M22.439 11.002l16.3 8.5-16.3 8.5v-17z"></path></symbol><symbol version="1.1" id="ex-cart" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"><g><path d="M394.667,0c-64,0-117.333,53.333-117.333,117.333s53.333,117.333,117.333,117.333S512,181.333,512,117.333S458.667,0,394.667,0z M467.2,83.2l-85.333,85.333c-2.133,2.133-6.4,2.133-8.533,2.133c-2.133,0-6.4,0-8.533-2.133l-42.667-42.667c-4.267-4.267-4.267-10.667,0-14.933s10.667-4.267,14.933,0l34.133,34.133l76.8-76.8c4.267-4.267,10.667-4.267,14.933,0C469.333,70.4,469.333,78.933,467.2,83.2z"></path></g><g><circle cx="394.667" cy="458.667" r="53.333"></circle></g><g><circle cx="181.333" cy="458.667" r="53.333"></circle></g><g><path d="M471.467,236.8c-2.133,0-6.4,0-10.667,2.133C441.6,249.6,418.133,256,394.667,256C317.867,256,256,194.133,256,117.333c0-6.4-4.267-10.667-10.667-10.667H96L85.333,51.2c-2.133-4.267-6.4-8.533-10.667-8.533h-64C4.267,42.667,0,46.933,0,53.333C0,59.733,4.267,64,10.667,64h55.467l51.2,260.267C125.867,358.4,155.733,384,192,384h245.333c6.4,0,10.667-4.267,10.667-10.667c0-6.4-4.267-10.667-10.667-10.667H192c-17.067,0-34.133-8.533-42.667-23.467L460.8,296.533c4.267,0,8.533-4.267,8.533-8.533l6.4-40.533C475.733,243.2,475.733,238.933,471.467,236.8z"></path></g></symbol><symbol viewBox="0 0 268.832 268.832" id="ex-arrow"><g><path d="M265.171,125.577l-80-80c-4.881-4.881-12.797-4.881-17.678,0c-4.882,4.882-4.882,12.796,0,17.678l58.661,58.661H12.5 c-6.903,0-12.5,5.597-12.5,12.5c0,6.902,5.597,12.5,12.5,12.5h213.654l-58.659,58.661c-4.882,4.882-4.882,12.796,0,17.678 c2.44,2.439,5.64,3.661,8.839,3.661s6.398-1.222,8.839-3.661l79.998-80C270.053,138.373,270.053,130.459,265.171,125.577z"></path></g></symbol></svg>
2140</div>
2141
2142
2143
2144 <div id="common-home" class="container">
2145 <div class="delivery-wrap">
2146 <div class="row">
2147 <div class="col-lg-6">
2148 <div class="delivery-section__advantages_item">
2149 <div class="delivery-section__advantages_icon delivery-section__advantages_icon-blue">
2150
Omitting
img width or
height attributes makes the page layout jump about as images load.
<img src='...g' alt='Доставка в течение часа'> 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="/image/catalog/icon-png/shuttle.png" alt="Доставка в течение часа">
2151 </div>
2152 <div class="delivery-section__advantages_text">
2153
If you set any of the colors on the
body or
a elements you must set all of them.
The colors used are:
color: from stylesheet.css
background: from browser settings
<p class='...'>Доставка в течение дня </p>In HTML the color attributes are text, bgcolor, link, alink and vlink.
In CSS the attributes are color and background-color.
Some users have browser defaults set to white text on a black background, so setting
one color without setting the others can result in white text on a white background.
Use HTML headings instead of applying CSS heading styles to non-headings.
<p class='delivery-section__advantages_text-title' >... дня</p> Screen reader users rely on headings to navigate within pages. Either add role=heading with aria-level or use h1-h6 elements to identify the element as a heading to screen readers.
<p class="delivery-section__advantages_text-title"> Доставка в течение дня</p>
2154
If you set any of the colors on the
body or
a elements you must set all of them.
The colors used are:
color: from stylesheet.css
background: from browser settings
<p class='...'>Если утром ... заказ уже у вас </p>In HTML the color attributes are text, bgcolor, link, alink and vlink.
In CSS the attributes are color and background-color.
Some users have browser defaults set to white text on a black background, so setting
one color without setting the others can result in white text on a white background.
Use at least a 12-point font on all web pages.
font-size: 11.25pt<p class='...'>Если утром ... заказ уже у вас </p>
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" >
<p class="delivery-section__advantages_text-descr"> Если утром заказали, днем заказ уже у вас</p>
2155 </div>
2156 </div>
2157 <div class="delivery-section__advantages_item">
2158 <div class="delivery-section__advantages_icon delivery-section__advantages_icon-green">
2159
Omitting
img width or
height attributes makes the page layout jump about as images load.
<img src='...g' alt='Дарим 2% бонусов за любую покупку'> 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="/image/catalog/icon-png/tovar.png" alt="Дарим 2% бонусов за любую покупку">
2160 </div>
2161 <div class="delivery-section__advantages_text">
2162
If you set any of the colors on the
body or
a elements you must set all of them.
The colors used are:
color: from stylesheet.css
background: from browser settings
<p class='...'>Дарим скидки за покупку </p>In HTML the color attributes are text, bgcolor, link, alink and vlink.
In CSS the attributes are color and background-color.
Some users have browser defaults set to white text on a black background, so setting
one color without setting the others can result in white text on a white background.
Use HTML headings instead of applying CSS heading styles to non-headings.
<p class='delivery-section__advantages_text-title' >...</p> Screen reader users rely on headings to navigate within pages. Either add role=heading with aria-level or use h1-h6 elements to identify the element as a heading to screen readers.
<p class="delivery-section__advantages_text-title"> Дарим скидки за покупку</p>
2163
If you set any of the colors on the
body or
a elements you must set all of them.
The colors used are:
color: from stylesheet.css
background: from browser settings
<p class='...'>Чем больше ... больше скидка </p>In HTML the color attributes are text, bgcolor, link, alink and vlink.
In CSS the attributes are color and background-color.
Some users have browser defaults set to white text on a black background, so setting
one color without setting the others can result in white text on a white background.
<p class="delivery-section__advantages_text-descr"> Чем больше заказ, тем больше скидка</p>
2164 </div>
2165 </div>
2166 </div>
2167 <div class="col-lg-6">
2168 <div class="delivery-section__advantages_item">
2169 <div class="delivery-section__advantages_icon delivery-section__advantages_icon-green">
2170
Omitting
img width or
height attributes makes the page layout jump about as images load.
<img src='...g' alt='Более 5 000 товаров'> 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="/image/catalog/icon-png/doki.png" alt="Более 5 000 товаров">
2171 </div>
2172 <div class="delivery-section__advantages_text">
2173
If you set any of the colors on the
body or
a elements you must set all of them.
The colors used are:
color: from stylesheet.css
background: from browser settings
<p class='...'>Более 1 000 товаров </p>In HTML the color attributes are text, bgcolor, link, alink and vlink.
In CSS the attributes are color and background-color.
Some users have browser defaults set to white text on a black background, so setting
one color without setting the others can result in white text on a white background.
Use HTML headings instead of applying CSS heading styles to non-headings.
<p class='delivery-section__advantages_text-title' >...</p> Screen reader users rely on headings to navigate within pages. Either add role=heading with aria-level or use h1-h6 elements to identify the element as a heading to screen readers.
<p class="delivery-section__advantages_text-title"> Более 1 000 товаров</p>
2174
If you set any of the colors on the
body or
a elements you must set all of them.
The colors used are:
color: from stylesheet.css
background: from browser settings
<p class='...'>Официальные ... </p>In HTML the color attributes are text, bgcolor, link, alink and vlink.
In CSS the attributes are color and background-color.
Some users have browser defaults set to white text on a black background, so setting
one color without setting the others can result in white text on a white background.
Use at least a 12-point font on all web pages.
font-size: 11.25pt<p class='...'>Официальные ... </p>
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" >
<p class="delivery-section__advantages_text-descr"> Официальные дилеры всех поставщиков, за качество несем ответственность</p>
2175 </div>
2176 </div>
2177 <div class="delivery-section__advantages_item">
2178 <div class="delivery-section__advantages_icon delivery-section__advantages_icon-yellow">
2179
Omitting
img width or
height attributes makes the page layout jump about as images load.
<img src='...g' alt='Цены как в магазине'> 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="/image/catalog/icon-png/star.png" alt="Цены как в магазине">
2180 </div>
2181 <div class="delivery-section__advantages_text">
2182
If you set any of the colors on the
body or
a elements you must set all of them.
The colors used are:
color: from stylesheet.css
background: from browser settings
<p class='...'>Отличная репутация </p>In HTML the color attributes are text, bgcolor, link, alink and vlink.
In CSS the attributes are color and background-color.
Some users have browser defaults set to white text on a black background, so setting
one color without setting the others can result in white text on a white background.
Use HTML headings instead of applying CSS heading styles to non-headings.
<p class='delivery-section__advantages_text-title' >...</p> Screen reader users rely on headings to navigate within pages. Either add role=heading with aria-level or use h1-h6 elements to identify the element as a heading to screen readers.
<p class="delivery-section__advantages_text-title"> Отличная репутация</p>
2183
If you set any of the colors on the
body or
a elements you must set all of them.
The colors used are:
color: from stylesheet.css
background: from browser settings
<p class='...'>У нас много ... наш сервис </p>In HTML the color attributes are text, bgcolor, link, alink and vlink.
In CSS the attributes are color and background-color.
Some users have browser defaults set to white text on a black background, so setting
one color without setting the others can result in white text on a white background.
Use at least a 12-point font on all web pages.
font-size: 11.25pt<p class='...'>У нас много ... наш сервис </p>
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" >
<p class="delivery-section__advantages_text-descr"> У нас много отзывов на Яндексе и Google, людям нравиться наш сервис</p>
2184 </div>
2185 </div>
2186 </div>
2187 </div>
2188 </div>
2189 <div class="seo-text wrap-seo-pane editable">
2190
If you set any of the colors on the
body or
a elements you must set all of them.
The colors used are:
color: from stylesheet.css
background: from browser settings
<h2>«ZAROOM» доставка ... области </h2>In HTML the color attributes are text, bgcolor, link, alink and vlink.
In CSS the attributes are color and background-color.
Some users have browser defaults set to white text on a black background, so setting
one color without setting the others can result in white text on a white background.
<h2> «ZAROOM» доставка декора на дом в Москве и Московской области</h2>
2191
Ensure that text and background colors have enough contrast.
The text color to background color contrast ratio after composition is:
2.38 with
color: background: font-size: 11.25ptfont-weight: 400<p>ZAROOM это самый ... плинтуса. </p>Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 3.0 or more for 18 point text, or larger
The contrast ratio should be 3.0 or more for 14 point bold text, or larger
The contrast ratio should be 4.5 or more for all other text
If you set any of the colors on the
body or
a elements you must set all of them.
The colors used are:
color: from stylesheet.css
background: from browser settings
<p>ZAROOM это самый ... плинтуса. </p>In HTML the color attributes are text, bgcolor, link, alink and vlink.
In CSS the attributes are color and background-color.
Some users have browser defaults set to white text on a black background, so setting
one color without setting the others can result in white text on a white background.
Use at least a 12-point font on all web pages.
font-size: 11.25pt<p>ZAROOM это самый ... плинтуса. </p>
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" >
<p> ZAROOM это самый большой шоу-рум в Москве по выбору напольного плинтуса.</p>
2192
Ensure that text and background colors have enough contrast.
The text color to background color contrast ratio after composition is:
2.38 with
color: background: font-size: 11.25ptfont-weight: 400<p>Мы являемся ... Perfect, Ultrawood, Ликорн. <br></p>Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 3.0 or more for 18 point text, or larger
The contrast ratio should be 3.0 or more for 14 point bold text, or larger
The contrast ratio should be 4.5 or more for all other text
If you set any of the colors on the
body or
a elements you must set all of them.
The colors used are:
color: from stylesheet.css
background: from browser settings
<p>Мы являемся ... Perfect, Ultrawood, Ликорн. <br></p>In HTML the color attributes are text, bgcolor, link, alink and vlink.
In CSS the attributes are color and background-color.
Some users have browser defaults set to white text on a black background, so setting
one color without setting the others can result in white text on a white background.
Use at least a 12-point font on all web pages.
font-size: 11.25pt<p>Мы являемся ... Perfect, Ultrawood, Ликорн. <br></p>
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" >
<p> Мы являемся официальными дилерами таких брендов, как: Cosca, Deartio, Decomaster, Evrowood, Hannahholz, NMC, Orac, Perfect, Ultrawood, Ликорн.<br></p>
2193 </div>
2194
2195 <br><br>
2196 <br><br>
2197
2198 <div class="category-wall">
2199 <div class="category-catalog">
2200 <div class="category-blocks">
2201
2202 <div class="mainblock not-column">
2203 <div class="categonew">
2204 <div class="category-cards">
2205 <div class="category-image">
2206 <a class="category-img-link" href="https://zaroom.ru/pokraska-dekora/">👨🎨</a>
2207 </div>
2208 <div class="category-body">
2209 <div class="category-card-title2">
2210 <a href="https://zaroom.ru/pokraska-dekora/" class="category-name">Покраска декора</a>
2211 </div>
2212 <div class="category-footer">
2213
Use at least a 12-point font on all web pages.
font-size: 9.75pt<div class='category-list'>Красим за 7 ... погонный </div>
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" >
<div class="category-list"> Красим за 7 дней от 150 ₽ за метр погонный</div>
2214 </div>
2215 </div>
2216 </div>
2217 </div>
2218 </div>
2219
2220 <div class="mainblock not-column">
2221 <div class="categonew">
2222 <div class="category-cards">
2223 <div class="category-image">
2224 <a class="category-img-link" href="https://zaroom.ru/master/">🧑🏼🔧</a>
2225 </div>
2226 <div class="category-body">
2227 <div class="category-card-title2">
2228 <a href="https://zaroom.ru/master/" class="category-name">Установка плинтусов</a>
2229 </div>
2230 <div class="category-footer">
2231 <div class="category-list">Установка плинтусов 300 ₽ метр плинтуса</div>
2232 </div>
2233 </div>
2234 </div>
2235 </div>
2236 </div>
2237
2238 <div class="mainblock not-column">
2239 <div class="categonew">
2240 <div class="category-cards">
2241 <div class="category-image">
2242
Links must have an accessible name.
<a class='category-img-link' href='.../'></a> A link name allows screen readers to voice what the links does. If there is no link content, or the link content is hidden by CSS, screen readers have nothing to read, so read out the URL instead. To add a name do one of the following:
Add text between the a element start and end tags
Add an aria-label attribute
Add an aria-labelledby attribute
Add an img alt attribute labeling the link if it contains an img element
img elements with
role=presentation or
role=none are not included in the link's accessible name.
<a class="category-img-link" href="https://zaroom.ru/dostavka-i-oplata/"> 🚚</a>
2243 </div>
2244 <div class="category-body">
2245 <div class="category-card-title2">
2246 <a href="https://zaroom.ru/dostavka-i-oplata/" class="category-name">Доставка</a>
2247 </div>
2248 <div class="category-footer">
2249
Use at least a 12-point font on all web pages.
font-size: 9.75pt<div class='category-list'>Бесплатная ... и области </div>
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" >
<div class="category-list"> Бесплатная доставка ваших заказов по Москве и области</div>
2250 </div>
2251 </div>
2252 </div>
2253 </div>
2254 </div>
2255
2256 </div>
2257 </div>
2258 </div>
2259
2260 <br><br><br><br>
2261
If you set any of the colors on the
body or
a elements you must set all of them.
The colors used are:
color: from stylesheet.css
background: from browser settings
<h3 class='maintitle'>Часто ищут на сайте </h3>In HTML the color attributes are text, bgcolor, link, alink and vlink.
In CSS the attributes are color and background-color.
Some users have browser defaults set to white text on a black background, so setting
one color without setting the others can result in white text on a white background.
<h3 class="maintitle"> Часто ищут на сайте</h3>
2262
Ensure that text and background colors have a 7:1 contrast ratio.
The text color to background color contrast ratio after composition is:
5.36 with
color: background: font-size: 9.75ptfont-weight: 600<a href='...a' class='linktags'>Плинтус Cosca </a>Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 4.5 or more for 18 point text, or larger
The contrast ratio should be 4.5 or more for 14 point bold text, or larger
The contrast ratio should be 7.0 or more for all other text
If you set any of the colors on the
body or
a elements you must set all of them.
The colors used are:
color: from stylesheet.css
background: from browser settings
<a href='...a' class='linktags'>Плинтус Cosca </a>In HTML the color attributes are text, bgcolor, link, alink and vlink.
In CSS the attributes are color and background-color.
Some users have browser defaults set to white text on a black background, so setting
one color without setting the others can result in white text on a white background.
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
outline-style:none or
outline-width:0<a href='...a' class='linktags'>Плинтус Cosca</a>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<a href="https://zaroom.ru/plintus-napolnyj/cosca" class="linktags"> Плинтус Cosca</a>
2263
Ensure that text and background colors have a 7:1 contrast ratio.
The text color to background color contrast ratio after composition is:
5.36 with
color: background: font-size: 9.75ptfont-weight: 600<a href='...o' class='linktags'>Плинтус Deartio </a>Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 4.5 or more for 18 point text, or larger
The contrast ratio should be 4.5 or more for 14 point bold text, or larger
The contrast ratio should be 7.0 or more for all other text
If you set any of the colors on the
body or
a elements you must set all of them.
The colors used are:
color: from stylesheet.css
background: from browser settings
<a href='...o' class='linktags'>Плинтус Deartio </a>In HTML the color attributes are text, bgcolor, link, alink and vlink.
In CSS the attributes are color and background-color.
Some users have browser defaults set to white text on a black background, so setting
one color without setting the others can result in white text on a white background.
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
outline-style:none or
outline-width:0<a href='...o' class='linktags'>Плинтус Deartio</a>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<a href="https://zaroom.ru/plintus-napolnyj/deartio" class="linktags"> Плинтус Deartio</a>
2264
Ensure that text and background colors have a 7:1 contrast ratio.
The text color to background color contrast ratio after composition is:
5.36 with
color: background: font-size: 9.75ptfont-weight: 600<a href='...d' class='linktags'>Плинтус Evrowood </a>Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 4.5 or more for 18 point text, or larger
The contrast ratio should be 4.5 or more for 14 point bold text, or larger
The contrast ratio should be 7.0 or more for all other text
If you set any of the colors on the
body or
a elements you must set all of them.
The colors used are:
color: from stylesheet.css
background: from browser settings
<a href='...d' class='linktags'>Плинтус Evrowood </a>In HTML the color attributes are text, bgcolor, link, alink and vlink.
In CSS the attributes are color and background-color.
Some users have browser defaults set to white text on a black background, so setting
one color without setting the others can result in white text on a white background.
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
outline-style:none or
outline-width:0<a href='...d' class='linktags'>Плинтус Evrowood</a>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<a href="https://zaroom.ru/plintus-napolnyj/evrowood" class="linktags"> Плинтус Evrowood</a>
2265
Ensure that text and background colors have a 7:1 contrast ratio.
The text color to background color contrast ratio after composition is:
5.36 with
color: background: font-size: 9.75ptfont-weight: 600<a href='...a' class='linktags'>Плинтус Finitura </a>Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 4.5 or more for 18 point text, or larger
The contrast ratio should be 4.5 or more for 14 point bold text, or larger
The contrast ratio should be 7.0 or more for all other text
If you set any of the colors on the
body or
a elements you must set all of them.
The colors used are:
color: from stylesheet.css
background: from browser settings
<a href='...a' class='linktags'>Плинтус Finitura </a>In HTML the color attributes are text, bgcolor, link, alink and vlink.
In CSS the attributes are color and background-color.
Some users have browser defaults set to white text on a black background, so setting
one color without setting the others can result in white text on a white background.
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
outline-style:none or
outline-width:0<a href='...a' class='linktags'>Плинтус Finitura</a>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<a href="https://zaroom.ru/plintus-napolnyj/finitura" class="linktags"> Плинтус Finitura</a>
2266
Ensure that text and background colors have a 7:1 contrast ratio.
The text color to background color contrast ratio after composition is:
5.36 with
color: background: font-size: 9.75ptfont-weight: 600<a href='...z' class='linktags'>Плинтус Hannahholz </a>Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 4.5 or more for 18 point text, or larger
The contrast ratio should be 4.5 or more for 14 point bold text, or larger
The contrast ratio should be 7.0 or more for all other text
If you set any of the colors on the
body or
a elements you must set all of them.
The colors used are:
color: from stylesheet.css
background: from browser settings
<a href='...z' class='linktags'>Плинтус Hannahholz </a>In HTML the color attributes are text, bgcolor, link, alink and vlink.
In CSS the attributes are color and background-color.
Some users have browser defaults set to white text on a black background, so setting
one color without setting the others can result in white text on a white background.
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
outline-style:none or
outline-width:0<a href='...z' class='linktags'>Плинтус Hannahholz</a>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<a href="https://zaroom.ru/plintus-napolnyj/hannahholz" class="linktags"> Плинтус Hannahholz</a>
2267
Ensure that text and background colors have a 7:1 contrast ratio.
The text color to background color contrast ratio after composition is:
5.36 with
color: background: font-size: 9.75ptfont-weight: 600<a href='...r' class='linktags'>Плинтус Haut Decor </a>Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 4.5 or more for 18 point text, or larger
The contrast ratio should be 4.5 or more for 14 point bold text, or larger
The contrast ratio should be 7.0 or more for all other text
If you set any of the colors on the
body or
a elements you must set all of them.
The colors used are:
color: from stylesheet.css
background: from browser settings
<a href='...r' class='linktags'>Плинтус Haut Decor </a>In HTML the color attributes are text, bgcolor, link, alink and vlink.
In CSS the attributes are color and background-color.
Some users have browser defaults set to white text on a black background, so setting
one color without setting the others can result in white text on a white background.
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
outline-style:none or
outline-width:0<a href='...r' class='linktags'>Плинтус Haut Decor</a>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<a href="https://zaroom.ru/plintus-napolnyj/haut-decor" class="linktags"> Плинтус Haut Decor</a>
2268
Ensure that text and background colors have a 7:1 contrast ratio.
The text color to background color contrast ratio after composition is:
5.36 with
color: background: font-size: 9.75ptfont-weight: 600<a href='...c' class='linktags'>Плинтус nmc </a>Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 4.5 or more for 18 point text, or larger
The contrast ratio should be 4.5 or more for 14 point bold text, or larger
The contrast ratio should be 7.0 or more for all other text
If you set any of the colors on the
body or
a elements you must set all of them.
The colors used are:
color: from stylesheet.css
background: from browser settings
<a href='...c' class='linktags'>Плинтус nmc </a>In HTML the color attributes are text, bgcolor, link, alink and vlink.
In CSS the attributes are color and background-color.
Some users have browser defaults set to white text on a black background, so setting
one color without setting the others can result in white text on a white background.
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
outline-style:none or
outline-width:0<a href='...c' class='linktags'>Плинтус nmc</a>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<a href="https://zaroom.ru/plintus-napolnyj/nmc" class="linktags"> Плинтус nmc</a>
2269
Ensure that text and background colors have a 7:1 contrast ratio.
The text color to background color contrast ratio after composition is:
5.36 with
color: background: font-size: 9.75ptfont-weight: 600<a href='...r' class='linktags'>Плинтус Orac </a>Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 4.5 or more for 18 point text, or larger
The contrast ratio should be 4.5 or more for 14 point bold text, or larger
The contrast ratio should be 7.0 or more for all other text
If you set any of the colors on the
body or
a elements you must set all of them.
The colors used are:
color: from stylesheet.css
background: from browser settings
<a href='...r' class='linktags'>Плинтус Orac </a>In HTML the color attributes are text, bgcolor, link, alink and vlink.
In CSS the attributes are color and background-color.
Some users have browser defaults set to white text on a black background, so setting
one color without setting the others can result in white text on a white background.
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
outline-style:none or
outline-width:0<a href='...r' class='linktags'>Плинтус Orac</a>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<a href="https://zaroom.ru/plintus-napolnyj/orac-decor" class="linktags"> Плинтус Orac</a>
2270
Ensure that text and background colors have a 7:1 contrast ratio.
The text color to background color contrast ratio after composition is:
5.36 with
color: background: font-size: 9.75ptfont-weight: 600<a href='...s' class='linktags'>Плинтус Pedross </a>Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 4.5 or more for 18 point text, or larger
The contrast ratio should be 4.5 or more for 14 point bold text, or larger
The contrast ratio should be 7.0 or more for all other text
If you set any of the colors on the
body or
a elements you must set all of them.
The colors used are:
color: from stylesheet.css
background: from browser settings
<a href='...s' class='linktags'>Плинтус Pedross </a>In HTML the color attributes are text, bgcolor, link, alink and vlink.
In CSS the attributes are color and background-color.
Some users have browser defaults set to white text on a black background, so setting
one color without setting the others can result in white text on a white background.
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
outline-style:none or
outline-width:0<a href='...s' class='linktags'>Плинтус Pedross</a>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<a href="https://zaroom.ru/plintus-napolnyj/pedross" class="linktags"> Плинтус Pedross</a>
2271
Ensure that text and background colors have a 7:1 contrast ratio.
The text color to background color contrast ratio after composition is:
5.36 with
color: background: font-size: 9.75ptfont-weight: 600<a href='...s' class='linktags'>Плинтус Perfect Plus </a>Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 4.5 or more for 18 point text, or larger
The contrast ratio should be 4.5 or more for 14 point bold text, or larger
The contrast ratio should be 7.0 or more for all other text
If you set any of the colors on the
body or
a elements you must set all of them.
The colors used are:
color: from stylesheet.css
background: from browser settings
<a href='...s' class='linktags'>Плинтус Perfect Plus </a>In HTML the color attributes are text, bgcolor, link, alink and vlink.
In CSS the attributes are color and background-color.
Some users have browser defaults set to white text on a black background, so setting
one color without setting the others can result in white text on a white background.
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
outline-style:none or
outline-width:0<a href='...s' class='linktags'>Плинтус Perfect Plus</a>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<a href="https://zaroom.ru/plintus-napolnyj/perfect-plus" class="linktags"> Плинтус Perfect Plus</a>
2272
Ensure that text and background colors have a 7:1 contrast ratio.
The text color to background color contrast ratio after composition is:
5.36 with
color: background: font-size: 9.75ptfont-weight: 600<a href='...d' class='linktags'>Плинтус Teckwood </a>Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 4.5 or more for 18 point text, or larger
The contrast ratio should be 4.5 or more for 14 point bold text, or larger
The contrast ratio should be 7.0 or more for all other text
If you set any of the colors on the
body or
a elements you must set all of them.
The colors used are:
color: from stylesheet.css
background: from browser settings
<a href='...d' class='linktags'>Плинтус Teckwood </a>In HTML the color attributes are text, bgcolor, link, alink and vlink.
In CSS the attributes are color and background-color.
Some users have browser defaults set to white text on a black background, so setting
one color without setting the others can result in white text on a white background.
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
outline-style:none or
outline-width:0<a href='...d' class='linktags'>Плинтус Teckwood</a>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<a href="https://zaroom.ru/plintus-napolnyj/teckwood" class="linktags"> Плинтус Teckwood</a>
2273
Ensure that text and background colors have a 7:1 contrast ratio.
The text color to background color contrast ratio after composition is:
5.36 with
color: background: font-size: 9.75ptfont-weight: 600<a href='...d' class='linktags'>Плинтус Ultrawood </a>Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 4.5 or more for 18 point text, or larger
The contrast ratio should be 4.5 or more for 14 point bold text, or larger
The contrast ratio should be 7.0 or more for all other text
If you set any of the colors on the
body or
a elements you must set all of them.
The colors used are:
color: from stylesheet.css
background: from browser settings
<a href='...d' class='linktags'>Плинтус Ultrawood </a>In HTML the color attributes are text, bgcolor, link, alink and vlink.
In CSS the attributes are color and background-color.
Some users have browser defaults set to white text on a black background, so setting
one color without setting the others can result in white text on a white background.
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
outline-style:none or
outline-width:0<a href='...d' class='linktags'>Плинтус Ultrawood</a>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<a href="https://zaroom.ru/plintus-napolnyj/ultrawood" class="linktags"> Плинтус Ultrawood</a>
2274
Ensure that text and background colors have a 7:1 contrast ratio.
The text color to background color contrast ratio after composition is:
5.36 with
color: background: font-size: 9.75ptfont-weight: 600<a href='...e' class='linktags'>Плинтус White </a>Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 4.5 or more for 18 point text, or larger
The contrast ratio should be 4.5 or more for 14 point bold text, or larger
The contrast ratio should be 7.0 or more for all other text
If you set any of the colors on the
body or
a elements you must set all of them.
The colors used are:
color: from stylesheet.css
background: from browser settings
<a href='...e' class='linktags'>Плинтус White </a>In HTML the color attributes are text, bgcolor, link, alink and vlink.
In CSS the attributes are color and background-color.
Some users have browser defaults set to white text on a black background, so setting
one color without setting the others can result in white text on a white background.
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
outline-style:none or
outline-width:0<a href='...e' class='linktags'>Плинтус White</a>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<a href="https://zaroom.ru/plintus-napolnyj/white" class="linktags"> Плинтус White</a>
2275
Ensure that text and background colors have a 7:1 contrast ratio.
The text color to background color contrast ratio after composition is:
5.36 with
color: background: font-size: 9.75ptfont-weight: 600<a href='...n' class='linktags'>Плинтус Ликорн </a>Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 4.5 or more for 18 point text, or larger
The contrast ratio should be 4.5 or more for 14 point bold text, or larger
The contrast ratio should be 7.0 or more for all other text
If you set any of the colors on the
body or
a elements you must set all of them.
The colors used are:
color: from stylesheet.css
background: from browser settings
<a href='...n' class='linktags'>Плинтус Ликорн </a>In HTML the color attributes are text, bgcolor, link, alink and vlink.
In CSS the attributes are color and background-color.
Some users have browser defaults set to white text on a black background, so setting
one color without setting the others can result in white text on a white background.
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
outline-style:none or
outline-width:0<a href='...n' class='linktags'>Плинтус Ликорн</a>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<a href="https://zaroom.ru/plintus-napolnyj/likorn" class="linktags"> Плинтус Ликорн</a>
2276
Ensure that text and background colors have a 7:1 contrast ratio.
The text color to background color contrast ratio after composition is:
5.36 with
color: background: font-size: 9.75ptfont-weight: 600<a href='...j' class='linktags'>Деревянный плинтус </a>Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 4.5 or more for 18 point text, or larger
The contrast ratio should be 4.5 or more for 14 point bold text, or larger
The contrast ratio should be 7.0 or more for all other text
If you set any of the colors on the
body or
a elements you must set all of them.
The colors used are:
color: from stylesheet.css
background: from browser settings
<a href='...j' class='linktags'>Деревянный плинтус </a>In HTML the color attributes are text, bgcolor, link, alink and vlink.
In CSS the attributes are color and background-color.
Some users have browser defaults set to white text on a black background, so setting
one color without setting the others can result in white text on a white background.
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
outline-style:none or
outline-width:0<a href='...j' class='linktags'>Деревянный плинтус</a>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<a href="https://zaroom.ru/plintus-napolnyj/tip-materiala/derevjannyj" class="linktags"> Деревянный плинтус</a>
2277
Ensure that text and background colors have a 7:1 contrast ratio.
The text color to background color contrast ratio after composition is:
5.36 with
color: background: font-size: 9.75ptfont-weight: 600<a href='...f' class='linktags'>Плинтус из ЛДФ </a>Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 4.5 or more for 18 point text, or larger
The contrast ratio should be 4.5 or more for 14 point bold text, or larger
The contrast ratio should be 7.0 or more for all other text
If you set any of the colors on the
body or
a elements you must set all of them.
The colors used are:
color: from stylesheet.css
background: from browser settings
<a href='...f' class='linktags'>Плинтус из ЛДФ </a>In HTML the color attributes are text, bgcolor, link, alink and vlink.
In CSS the attributes are color and background-color.
Some users have browser defaults set to white text on a black background, so setting
one color without setting the others can result in white text on a white background.
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
outline-style:none or
outline-width:0<a href='...f' class='linktags'>Плинтус из ЛДФ</a>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<a href="https://zaroom.ru/plintus-napolnyj/tip-materiala/ldf" class="linktags"> Плинтус из ЛДФ</a>
2278
Ensure that text and background colors have a 7:1 contrast ratio.
The text color to background color contrast ratio after composition is:
5.36 with
color: background: font-size: 9.75ptfont-weight: 600<a href='...f' class='linktags'>МДФ плинтус </a>Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 4.5 or more for 18 point text, or larger
The contrast ratio should be 4.5 or more for 14 point bold text, or larger
The contrast ratio should be 7.0 or more for all other text
If you set any of the colors on the
body or
a elements you must set all of them.
The colors used are:
color: from stylesheet.css
background: from browser settings
<a href='...f' class='linktags'>МДФ плинтус </a>In HTML the color attributes are text, bgcolor, link, alink and vlink.
In CSS the attributes are color and background-color.
Some users have browser defaults set to white text on a black background, so setting
one color without setting the others can result in white text on a white background.
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
outline-style:none or
outline-width:0<a href='...f' class='linktags'>МДФ плинтус</a>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<a href="https://zaroom.ru/plintus-napolnyj/tip-materiala/mdf" class="linktags"> МДФ плинтус</a>
2279
Ensure that text and background colors have a 7:1 contrast ratio.
The text color to background color contrast ratio after composition is:
5.36 with
color: background: font-size: 9.75ptfont-weight: 600<a href='...r' class='linktags'>Плинтус из ... </a>Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 4.5 or more for 18 point text, or larger
The contrast ratio should be 4.5 or more for 14 point bold text, or larger
The contrast ratio should be 7.0 or more for all other text
If you set any of the colors on the
body or
a elements you must set all of them.
The colors used are:
color: from stylesheet.css
background: from browser settings
<a href='...r' class='linktags'>Плинтус из ... </a>In HTML the color attributes are text, bgcolor, link, alink and vlink.
In CSS the attributes are color and background-color.
Some users have browser defaults set to white text on a black background, so setting
one color without setting the others can result in white text on a white background.
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
outline-style:none or
outline-width:0<a href='...r' class='linktags'>Плинтус ...</a>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<a href="https://zaroom.ru/plintus-napolnyj/tip-materiala/djuropolimer" class="linktags"> Плинтус из Дюрополимера</a>
2280
Ensure that text and background colors have a 7:1 contrast ratio.
The text color to background color contrast ratio after composition is:
5.36 with
color: background: font-size: 9.75ptfont-weight: 600<a href='...r' class='linktags'>Плинтус из Экополимера </a>Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 4.5 or more for 18 point text, or larger
The contrast ratio should be 4.5 or more for 14 point bold text, or larger
The contrast ratio should be 7.0 or more for all other text
If you set any of the colors on the
body or
a elements you must set all of them.
The colors used are:
color: from stylesheet.css
background: from browser settings
<a href='...r' class='linktags'>Плинтус из Экополимера </a>In HTML the color attributes are text, bgcolor, link, alink and vlink.
In CSS the attributes are color and background-color.
Some users have browser defaults set to white text on a black background, so setting
one color without setting the others can result in white text on a white background.
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
outline-style:none or
outline-width:0<a href='...r' class='linktags'>Плинтус ...</a>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<a href="https://zaroom.ru/plintus-napolnyj/tip-materiala/ekopolimer" class="linktags"> Плинтус из Экополимера</a>
2281
Ensure that text and background colors have a 7:1 contrast ratio.
The text color to background color contrast ratio after composition is:
5.36 with
color: background: font-size: 9.75ptfont-weight: 600<a href='...j' class='linktags'>Алюминиевый плинтус </a>Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 4.5 or more for 18 point text, or larger
The contrast ratio should be 4.5 or more for 14 point bold text, or larger
The contrast ratio should be 7.0 or more for all other text
If you set any of the colors on the
body or
a elements you must set all of them.
The colors used are:
color: from stylesheet.css
background: from browser settings
<a href='...j' class='linktags'>Алюминиевый плинтус </a>In HTML the color attributes are text, bgcolor, link, alink and vlink.
In CSS the attributes are color and background-color.
Some users have browser defaults set to white text on a black background, so setting
one color without setting the others can result in white text on a white background.
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
outline-style:none or
outline-width:0<a href='...j' class='linktags'>Алюминиевый плинтус</a>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<a href="https://zaroom.ru/plintus-napolnyj/tip-materiala/aljuminij" class="linktags"> Алюминиевый плинтус</a>
2282
Ensure that text and background colors have a 7:1 contrast ratio.
The text color to background color contrast ratio after composition is:
5.36 with
color: background: font-size: 9.75ptfont-weight: 600<a href='...u' class='linktags'>Плинтус под покраску </a>Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 4.5 or more for 18 point text, or larger
The contrast ratio should be 4.5 or more for 14 point bold text, or larger
The contrast ratio should be 7.0 or more for all other text
If you set any of the colors on the
body or
a elements you must set all of them.
The colors used are:
color: from stylesheet.css
background: from browser settings
<a href='...u' class='linktags'>Плинтус под покраску </a>In HTML the color attributes are text, bgcolor, link, alink and vlink.
In CSS the attributes are color and background-color.
Some users have browser defaults set to white text on a black background, so setting
one color without setting the others can result in white text on a white background.
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
outline-style:none or
outline-width:0<a href='...u' class='linktags'>Плинтус под покраску</a>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<a href="https://zaroom.ru/plintus-napolnyj/vid-pokrytija/pod-pokrasku" class="linktags"> Плинтус под покраску</a>
2283
Ensure that text and background colors have a 7:1 contrast ratio.
The text color to background color contrast ratio after composition is:
5.36 with
color: background: font-size: 9.75ptfont-weight: 600<a href='...j' class='linktags'>Ламинированный плинтус </a>Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 4.5 or more for 18 point text, or larger
The contrast ratio should be 4.5 or more for 14 point bold text, or larger
The contrast ratio should be 7.0 or more for all other text
If you set any of the colors on the
body or
a elements you must set all of them.
The colors used are:
color: from stylesheet.css
background: from browser settings
<a href='...j' class='linktags'>Ламинированный плинтус </a>In HTML the color attributes are text, bgcolor, link, alink and vlink.
In CSS the attributes are color and background-color.
Some users have browser defaults set to white text on a black background, so setting
one color without setting the others can result in white text on a white background.
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
outline-style:none or
outline-width:0<a href='...j' class='linktags'>... плинтус</a>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<a href="https://zaroom.ru/plintus-napolnyj/vid-pokrytija/laminirovannyj" class="linktags"> Ламинированный плинтус</a>
2284
Ensure that text and background colors have a 7:1 contrast ratio.
The text color to background color contrast ratio after composition is:
5.36 with
color: background: font-size: 9.75ptfont-weight: 600<a href='...s' class='linktags'>Белый плинтус </a>Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 4.5 or more for 18 point text, or larger
The contrast ratio should be 4.5 or more for 14 point bold text, or larger
The contrast ratio should be 7.0 or more for all other text
If you set any of the colors on the
body or
a elements you must set all of them.
The colors used are:
color: from stylesheet.css
background: from browser settings
<a href='...s' class='linktags'>Белый плинтус </a>In HTML the color attributes are text, bgcolor, link, alink and vlink.
In CSS the attributes are color and background-color.
Some users have browser defaults set to white text on a black background, so setting
one color without setting the others can result in white text on a white background.
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
outline-style:none or
outline-width:0<a href='...s' class='linktags'>Белый плинтус</a>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<a href="https://zaroom.ru/plintus-napolnyj/ottenki/belyj-plintus" class="linktags"> Белый плинтус</a>
2285
Ensure that text and background colors have a 7:1 contrast ratio.
The text color to background color contrast ratio after composition is:
5.36 with
color: background: font-size: 9.75ptfont-weight: 600<a href='...j' class='linktags'>Черный плинтус </a>Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 4.5 or more for 18 point text, or larger
The contrast ratio should be 4.5 or more for 14 point bold text, or larger
The contrast ratio should be 7.0 or more for all other text
If you set any of the colors on the
body or
a elements you must set all of them.
The colors used are:
color: from stylesheet.css
background: from browser settings
<a href='...j' class='linktags'>Черный плинтус </a>In HTML the color attributes are text, bgcolor, link, alink and vlink.
In CSS the attributes are color and background-color.
Some users have browser defaults set to white text on a black background, so setting
one color without setting the others can result in white text on a white background.
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
outline-style:none or
outline-width:0<a href='...j' class='linktags'>Черный плинтус</a>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<a href="https://zaroom.ru/plintus-napolnyj/ottenki/chernyj" class="linktags"> Черный плинтус</a>
2286
Ensure that text and background colors have a 7:1 contrast ratio.
The text color to background color contrast ratio after composition is:
5.36 with
color: background: font-size: 9.75ptfont-weight: 600<a href='...t' class='linktags'>Плинтус с подсветкой </a>Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 4.5 or more for 18 point text, or larger
The contrast ratio should be 4.5 or more for 14 point bold text, or larger
The contrast ratio should be 7.0 or more for all other text
If you set any of the colors on the
body or
a elements you must set all of them.
The colors used are:
color: from stylesheet.css
background: from browser settings
<a href='...t' class='linktags'>Плинтус с подсветкой </a>In HTML the color attributes are text, bgcolor, link, alink and vlink.
In CSS the attributes are color and background-color.
Some users have browser defaults set to white text on a black background, so setting
one color without setting the others can result in white text on a white background.
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
outline-style:none or
outline-width:0<a href='...t' class='linktags'>Плинтус с подсветкой</a>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<a href="https://zaroom.ru/plintus-napolnyj/led-podsvetka/prisutstvuet" class="linktags"> Плинтус с подсветкой</a>
2287
2288 </div>
2289
2290
2291 </div>
2292
2293
2294
2295
2296 <script type="text/javascript">
2297 window.dataLayer = window.dataLayer || [];
2298 function sendEcommerceAdd(id, quantity) {
2299 $.ajax({
2300 url: 'index.php?route=extension/payment/yandex_money/productInfo',
2301 type: 'post',
2302 data: 'id=' + id,
2303 dataType: 'json',
2304 success: function(json) {
2305 json.quantity = quantity;
2306 dataLayer.push({ecommerce: {add: {products: [json]}}});
2307 }
2308 });
2309 }
2310 $(window).on("load", function () {
2311 var opencartCartAdd = cart.add;
2312 cart.add = function (product_id, quantity) {
2313 opencartCartAdd(product_id, quantity);
2314 sendEcommerceAdd(product_id, typeof(quantity) !== 'undefined' ? parseInt(quantity) : 1);
2315 };
2316
2317 $('#button-cart').on('click', function() {
2318 var ecommerce_product = new Array();
2319 sendEcommerceAdd($('#product input[name="product_id"]').val(), parseInt($('#product input[name="quantity"]').val()));
2320 });
2321 });
2322 </script>
2323
2324<footer>
2325 <div class="container">
2326 <div class="footer-row">
2327 <div class="footer-column">
2328 <div class="footer-title">
2329 <span class="footer__logo">
2330 <a href="https://zaroom.ru/" class="footer__logo-link"><span class="za">za</span>room</a>
2331 </span>
2332 <div class="niceverynice">nice very nice</div>
2333 </div>
2334 <span class="footer__info-text">
2335 Магазин архитектурного декора на севере Москвы с доставкой на дом
2336 <br><br>
2337 Работаем с 2016 года 🥳
2338 </span>
2339
iframe and
frame elements must have a
title attribute.
<iframe src='...k' width='150' height='50' frameborder='0'></iframe> Add a
title attribute or ARIA label to each
iframe and
frame element (e.g.
title='Main Content'). VoiceOver on macOS does not read frame contents automatically, and without a title the user does not know what the frame contains.
Impact on users:
VoiceOver macOS 14.6 Safari 17.6 macOS 14.6.1 Reading: Meaningless frame title read out. <iframe src="https://www.yandex.ru/sprav/widget/rating-badge/102542247605?type=rating& theme=dark" width="150" height="50" frameborder="0"></iframe>
2340 </div>
2341 <div class="footer-column">
2342 <div class="footer-title">Компания</div>
2343 <ul class="list-unstyled">
2344 <li>
Ensure that text and background colors have enough contrast.
The text color to background color contrast ratio after composition is:
4.37 with
color: background: font-size: 11.25ptfont-weight: 400<a href='/contacts/' class='footer-link'>Контакты </a>Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 3.0 or more for 18 point text, or larger
The contrast ratio should be 3.0 or more for 14 point bold text, or larger
The contrast ratio should be 4.5 or more for all other text
<a href="/contacts/" class="footer-link"> Контакты</a></li>
2345 <li>
Ensure that text and background colors have enough contrast.
The text color to background color contrast ratio after composition is:
4.37 with
color: background: font-size: 11.25ptfont-weight: 400<a href='/about/' class='footer-link'>О Компании </a>Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 3.0 or more for 18 point text, or larger
The contrast ratio should be 3.0 or more for 14 point bold text, or larger
The contrast ratio should be 4.5 or more for all other text
<a href="/about/" class="footer-link"> О Компании</a></li>
2346 <li>
Ensure that text and background colors have enough contrast.
The text color to background color contrast ratio after composition is:
4.37 with
color: background: font-size: 11.25ptfont-weight: 400<a href='/news/' class='footer-link'>Новости </a>Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 3.0 or more for 18 point text, or larger
The contrast ratio should be 3.0 or more for 14 point bold text, or larger
The contrast ratio should be 4.5 or more for all other text
<a href="/news/" class="footer-link"> Новости</a></li>
2347 <li>
Ensure that text and background colors have enough contrast.
The text color to background color contrast ratio after composition is:
4.37 with
color: background: font-size: 11.25ptfont-weight: 400<a href='/requisites/' class='footer-link'>Реквизиты </a>Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 3.0 or more for 18 point text, or larger
The contrast ratio should be 3.0 or more for 14 point bold text, or larger
The contrast ratio should be 4.5 or more for all other text
<a href="/requisites/" class="footer-link"> Реквизиты</a></li>
2348 </ul>
2349 </div>
2350 <div class="footer-column">
2351 <div class="footer-title">Дополнительно</div>
2352 <ul class="list-unstyled">
2353 <li>
Ensure that text and background colors have enough contrast.
The text color to background color contrast ratio after composition is:
4.37 with
color: background: font-size: 11.25ptfont-weight: 400<a href='/dostavka-i-oplata/' class='footer-link'>... </a>Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 3.0 or more for 18 point text, or larger
The contrast ratio should be 3.0 or more for 14 point bold text, or larger
The contrast ratio should be 4.5 or more for all other text
<a href="/dostavka-i-oplata/" class="footer-link"> Доставка и оплата</a></li>
2354 <li>
Ensure that text and background colors have enough contrast.
The text color to background color contrast ratio after composition is:
4.37 with
color: background: font-size: 11.25ptfont-weight: 400<a href='/return-form/' class='footer-link'>Обмен - возврат </a>Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 3.0 or more for 18 point text, or larger
The contrast ratio should be 3.0 or more for 14 point bold text, or larger
The contrast ratio should be 4.5 or more for all other text
<a href="/return-form/" class="footer-link"> Обмен - возврат</a></li>
2355 <li>
Ensure that text and background colors have enough contrast.
The text color to background color contrast ratio after composition is:
4.37 with
color: background: font-size: 11.25ptfont-weight: 400<a href='/pokraska-dekora/' class='footer-link'>... </a>Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 3.0 or more for 18 point text, or larger
The contrast ratio should be 3.0 or more for 14 point bold text, or larger
The contrast ratio should be 4.5 or more for all other text
<a href="/pokraska-dekora/" class="footer-link"> Покраска плинтуса</a></li>
2356 <li>
Ensure that text and background colors have enough contrast.
The text color to background color contrast ratio after composition is:
4.37 with
color: background: font-size: 11.25ptfont-weight: 400<a href='/master/' class='footer-link'>Установка плинтуса </a>Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 3.0 or more for 18 point text, or larger
The contrast ratio should be 3.0 or more for 14 point bold text, or larger
The contrast ratio should be 4.5 or more for all other text
<a href="/master/" class="footer-link"> Установка плинтуса</a></li>
2357 <li>
Ensure that text and background colors have enough contrast.
The text color to background color contrast ratio after composition is:
4.37 with
color: background: font-size: 11.25ptfont-weight: 400<a href='/kalkulyator-plintusa/' class='footer-link'>... </a>Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 3.0 or more for 18 point text, or larger
The contrast ratio should be 3.0 or more for 14 point bold text, or larger
The contrast ratio should be 4.5 or more for all other text
<a href="/kalkulyator-plintusa/" class="footer-link"> Калькулятор расчета плинтуса</a></li>
2358 <li>
Ensure that text and background colors have enough contrast.
The text color to background color contrast ratio after composition is:
4.37 with
color: background: font-size: 11.25ptfont-weight: 400<a href='/kalkulyator-laminata/' class='footer-link'>... </a>Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 3.0 or more for 18 point text, or larger
The contrast ratio should be 3.0 or more for 14 point bold text, or larger
The contrast ratio should be 4.5 or more for all other text
<a href="/kalkulyator-laminata/" class="footer-link"> Калькулятор Ламината</a></li>
2359 </ul>
2360 </div>
2361 <div class="footer-column">
2362 <div class="footer-text"><span>Звоните и пишите нам</span></div>
2363
2364 <div class="footer-feedback">
2365 <span class="whatsapp">WhatsApp</span><br>
2366
This link is broken. The url scheme is unrecognized.
Link: whatsapp://send?phone=+79680138808
The URL scheme should be http:https:file:mailto:data: or javascript:mailto: should not be followed by // or contain more than one colon.
Line 2366 Broken Link
<a href="whatsapp://send?phone=+79680138808" class="footer-link footer-phone right"> +7 968 013 88 08</a>
2367 <br>
2368
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
outline-style:none or
outline-width:0<a href='mailto:mail@zaroom.ru' class='...'><span itemprop='email'>...u</span></a>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<a href="mailto:mail@zaroom.ru" class="contacts__mail_footer right">
Ensure that text and background colors have a 7:1 contrast ratio.
The text color to background color contrast ratio after composition is:
6.47 with
color: background: font-size: 10.50ptfont-weight: 400<span itemprop='email'>mail@zaroom.ru </span>Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 4.5 or more for 18 point text, or larger
The contrast ratio should be 4.5 or more for 14 point bold text, or larger
The contrast ratio should be 7.0 or more for all other text
<span itemprop="email"> mail@zaroom.ru</span></a>
2369 </div>
2370 </div>
2371 </div>
2372
2373 <div class="footer-row">
2374 <div class="footer-column footer-powered">
2375 <div class="footer-text">ZAROOM © 2016 — 2025</div>
2376 <div class="footer-social">
2377
2378
2379 </div>
2380
The CSS outline or border style on this element makes it difficult or impossible to see the link focus outline.
outline-style:none or
outline-width:0<a href='https://ilpetrakov.com/' class='ilpetrakovlink'>...</a>
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See
:focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
<a href="https://ilpetrakov.com/" class="ilpetrakovlink">
2381 <spain class="ilpetrakovlink fondev"><spain class="il">Il </spain>Petrakov</spain>
2382 </a>
2383 </div>
2384 </div>
2385 </div>
2386</footer>
2387
2388
2389
2390</body></html>
Issues: