PageSourceSearch

https://chondropaw.com/about

html chondropaw.com collected 2026-10-07 12:16:49 UTC 72,492 bytes, 1,018 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3<head>
4    <meta charset="utf-8">
5    <meta http-equiv="X-UA-Compatible" content="IE=edge">
6    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
7    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
8    <link rel="canonical" href="https://chondropaw.com/about">
9    <title>About</title>
10    <meta name="description" content="">
11    <meta name="keywords" content="">
12        <!-- open graph -->
13    <meta property="og:locale" content="en_US">        <meta property="og:site_name" content="about">
14        <meta property="og:description" content="">
15        <meta property="og:type" content="website">
16        <meta name="google-site-verification" content="m59pVBHdQjLDzgoX-rMT7MewCQLdOBUF_G9nzFX85bs" />
17<!-- Google Tag Manager -->
18<script>
vendor: 436 bytes, lines 18-32
18
19  (function(w, d, s, l, i) {
20    w[l] = w[l] || [];
21    w[l].push({
22      'gtm.start': new Date().getTime(),
23      event: 'gtm.js'
24    });
25    var f = d.getElementsByTagName(s)[0],
26      j = d.createElement(s),
27      dl = l != 'dataLayer' ? '&l=' + l : '';
28    j.async = true;
29    j.src =
30      'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
31    f.parentNode.insertBefore(j, f);
32  })(window, document, 'script', 'dataLayer', '
32GTM-MWZKXFWC
vendor: 4 bytes, line 32
32');
33</script>
33
34<!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 34-35
34
35<script async src="https://www.googletagmanager.com/gtag/js?id=
35AW-865564905
vendor: 12 bytes, line 35
35"></script>
36<script>
37  
vendor: 134 bytes, lines 37-41
37window.dataLayer = window.dataLayer || [];
38  function gtag(){dataLayer.push(arguments);}
39  gtag('js', new Date());
40
41  gtag('config', '
41AW-865564905
vendor: 4 bytes, line 41
41');
42</script>
42
43<!-- End Google Tag Manager -->
44<!-- Stylesheets -->
45<link href="../public/90/theme/assets/css/static.min.css?v=1750693810" rel="stylesheet">
46<!-- Favicon -->
47<link href="https://chondropaw.com/public/90/media/image/favicon_logo.png" rel="shortcut icon" type="image/x-icon">
48<link href="https://chondropaw.com/public/90/media/image/favicon_logo.png" rel="icon" type="image/x-icon">
49<!-- Responsive -->
50<meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name = "viewport" content = "width=device-width, initial-scale=1.0"><link href="https://chondropaw.com/cms/assets/css/accessible.css" rel="stylesheet"><style>#cc-accessible-popup-box{ --accessible-overlay : #ff5800; --accessible-border-radius : 16px; --accessible-animate : 600ms; --accessible-color : #444444; --accessible-bg : #ffffff; --accessible-border-color : rgba(255, 255, 255, 0.2); --accessible-header-footer-color : #ffffff; --accessible-header-footer-bg : #a2c52d; --accessible-color-dark : #9458f3; --accessible-bg-dark : #16191b; --accessible-border-color-dark : rgba(155, 139, 243, 0.2); --accessible-header-footer-color-dark : #ffffff; --accessible-header-footer-bg-dark : #9458f3; } .cc-accessible-trigger-button-box{ --accessible-btn-size : 24px; --accessible-btn-margin : 20px; --accessible-btn-padding : 20px; --accessible-btn-radius : 50px; --accessible-btn-delay : 2s; --accessible-btn-color : #ffffff; --accessible-btn-bg : #3c3c3c; --accessible-btn-color-hover : #3c3c3c; --accessible-btn-bg-hover : #ff5800; }</style></head>
51<body> <!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 51-52
51
52<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
52GTM-MWZKXFWC
vendor: 83 bytes, line 52
52" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
53<!-- End Google Tag Manager (noscript) -->
54        <!-- Preloader -->
55        <div id="preloader">
56            <img src="https://chondropaw.com/public/90/media/image/preloader.gif" alt="Preloader">
57        </div>
58        <!-- Preloader-end -->
59
60		<!-- Scroll-top -->
61        <button class="scroll-top scroll-to-target" data-target="html" aria-label="Scroll Top">
62            <i class="fas fa-angle-up"></i>
63        </button>
64        <!-- Scroll-top-end-->
65
66        <!-- header-area -->
67        <header>
68            <!--<div id="sticky-header" class="menu-area ">-->
69            <div class="menu-area sticky-menu"> 
70                <div class="container custom-container">
71                    <div class="row">
72                        <div class="col-12">
73                            <ul><li class="header-shop-cart d-mobile"><a href="https://shop.chondropaw.com" aria-label="Shopping Bag"><i class="flaticon-shopping-bag"></i></a></li></ul>
74                            <div class="mobile-nav-toggler"><i class="fas fa-bars"></i></div>
75                            <div class="menu-wrap">
76                                <nav class="menu-nav show">
77                                    <div class="logo"><a href="https://chondropaw.com/"><img src="https://chondropaw.com/public/90/media/image/logo.png" alt="ChondroPaw Logo"></a></div>
78                                    <div class="navbar-wrap main-menu d-none d-lg-flex justify-content-end">
79                                        <ul class="navigation">
80                                            <li><a href="../">Home</a></li><li><a href="../products">Products</a></li><li><a href="../stories">Stories</a></li><li><a href="../blog">Our Blog</a></li><li><a href="../faqs">FAQs</a></li><li class="active"><a href="../about">About</a></li>
81                                            <!--<li class="d-mobile" ><a href="https://chondropaw.com/shop">Shop</a></li>-->
82                                            <li class="d-mobile" ><a href="https://shop.chondropaw.com/my-account/">My Account</a></li>
83                                            <li class="d-mobile" ><a href="../customer-service">Customer Service</a></li>
84                                        </ul>
85                                    </div>
86                                    <div class="header-action d-none d-md-block justify-content-end">
87                                        <ul>
88                                            <li class="header-shop-cart"><a href="https://shop.chondropaw.com" aria-label="Shopping Bag"><i class="flaticon-shopping-bag"></i></a></li>
89                                            <li class="header-shop-cart"><a href="https://shop.chondropaw.com/my-account/" aria-label="My Account"><i class="fa fa-user"></i></a></li>
90                                            <li class="header-shop-cart"><a href="../customer-service" aria-label="Customer Service"><i class="fa fa-phone"></i></a></li>
91                                        </ul>
92                                    </div>
93                                </nav>
94                            </div>
95                            <!-- Mobile Menu  -->
96                            <div class="mobile-menu">
97                                <nav class="menu-box">
98                                    <div class="close-btn" aria-label="Close"><i class="fas fa-times"></i></div>
99                                    <div class="nav-logo"><a href="https://chondropaw.com/"><img src="https://chondropaw.com/public/90/media/image/logo.png" alt="ChondroPaw Logo"></a>
100                                    </div>
101                                    <div class="menu-outer">
102                                        <!--Here Menu Will Come Automatically Via Javascript / Same Menu as in Header-->
103                                    </div>
104                                    <div class="social-links">
105                                        <ul class="clearfix">
106                                            <li><a href="https://www.facebook.com/canine.hip.dysplasia/" target="_blank" aria-label="Go to Facebook"><i class="fab fa-facebook-f"></i></a></li>
107                                            <li><a href="https://www.instagram.com/chondropawllc/" target="_blank" aria-label="Go to Instagram"><i class="fab fa-instagram"></i></a></li>
108                                            <li><a href="https://twitter.com/chondropawllc" target="_blank" aria-label="Go to Twitter"><i class="fab fa-twitter"></i></a></li>
109                                            <li><a href="https://www.youtube.com/channel/UC6auDoN3fEaUIBU2GgyvmZA" target="_blank" aria-label="Go to Youtube"><i class="fab fa-youtube"></i></a></li>
110                                        </ul>
111                                    </div>
112                                </nav>
113                            </div>
114                            <div class="menu-backdrop"></div>
115                            <!-- End Mobile Menu -->
116                        </div>
117                    </div>
118                </div>
119                <div class="header-shape" data-background="https://chondropaw.com/public/90/media/image/header_shape.png"></div>
120            </div>
121        </header>
122        <!-- header-area-end -->
123
124        <!-- main-area -->
125        <main>
126        <section class="breadcrumb-area breadcrumb-bg" data-background="https://chondropaw.com/public/90/media/image/breadcrumb_bg.jpeg">
127  <div class="container">
128    <div class="row">
129      <div class="col-12">
130        <div class="breadcrumb-content">
131          <h2 class="title">About Us</h2>
132          <nav aria-label="breadcrumb">
133            <ol class="breadcrumb">
134              <li class="breadcrumb-item"><a href="https://chondropaw.com/">Home</a></li>
135              <li class="breadcrumb-item active" aria-current="page">About</li>
136            </ol>
137          </nav>
138        </div>
139      </div>
140    </div>
141  </div>
142</section><section class="adoption-area-two why-choose pt-110 pb-110">
143  <div class="container">
144    <div class="row justify-content-center">
145      <div class="col-lg-12">
146        <div class="section-title text-center mb-65">
147          <h2 class="title">What is ChondroPaw® and How Does it Work?</h2>
148        </div>
149      </div>
150    </div>
151  </div>
152  <div class="container">
153    <div class="row ">
154      <div class="col-md-6 col-lg-6">
155        <div class="image pb-20">
156          <img src="https://chondropaw.com/public/90/media/image/chondropaw-prefered-by-vets.jpeg" alt="chondropaw prefered by vets">
157        </div>
158        <p>We are proud to be able to share over 15 years of research and great success in canine health support. ChondroPaw® was born from a desire to help dogs suffering from arthritis, hip dysplasia, and mobility problems. It is a human-grade remedy safe for dogs with no sides effects so simple to use that you do not need a veterinarian to administer the weekly doses.</p>
159        <p>ChondroPaw® has helped thousands of dogs all over the world to achieve a higher quality of life. Please join our family of happy dogs and owners who enjoy the unique benefits of our products.</p>
160      </div>
161      <div class="col-md-6 col-lg-6">
162        <div class="adoption-content">
163          <div class="adoption-list">
164            <ul>
165              <li><i class="flaticon-tick"></i> No Side-Effects: <span> Doesn’t cause nausea, vomiting, adrenal gland damage, or GI distress.</span></li>
166              <li><i class="flaticon-tick"></i> Vet Approved and Backed by Science: <span> <a href="https://chondropaw.com/public/90/media/doc/99-Covance-certificate-of-Chondroitin.pdf" target="_blank">Pharmaceutical grade Chondroitin</a> and a micro-dose of botanical extracts is proven to be a natural anti-inflammatory for dogs that helps alleviate dog arthritis.</span></li>
167              <li><i class="flaticon-tick"></i> Gluten Free: <span> All Chondropaw® ingredients are completely gluten-free to help with pets that may have certain allergies.</span></li>
168              <li><i class="flaticon-tick"></i> Shellfish Free: <span> All Chondropaw® ingredients are shellfish free to help with pets that may have certain allergies.</span></li>
169              <li><i class="flaticon-tick"></i> No Artificial Flavors: <span>Chondropaw® has no artificial flavors or additives to help with pets that may have certain allergies.</span></li>
170              <li><i class="flaticon-tick"></i> Manufactured in an FDA-Registered Facility: <span>Our facility adheres to the current Good Manufacturing Practices & Guidelines.</span></li>
171              <li><i class="flaticon-tick"></i> 30-Day, Money-Back Guarantee: <span>If you are not completely satisfied with Chondropaw, you will get your money back, no questions asked.</span></li>
172            </ul>
173          </div>
174        </div>
175      </div>
176    </div>
177  </div>
178</section><section class="about-ing-directions adoption-area-two why-choose pt-110 pb-110">
179  <div class="container">
180    <div class="row justify-content-center">
181      <div class="col-lg-12">
182        <div class="section-title text-center mb-65">
183          <h2 class="title">ChondroPaw® Ingredients and Directions How to Use</h2>
184        </div>
185      </div>
186    </div>
187  </div>
188  <div class="container">
189    <div class="row">
190      <div class="col-lg-6">
191        <h2>Ingredients</h2>
192        <p>ChondroPaw® is an all natural formula that contains:</p>
193        <div class="adoption-content">
194          <div class="adoption-list">
195            <ul>
196              <li><i class="flaticon-tick"></i> <a href="https://chondropaw.com/public/90/media/doc/99-Covance-certificate-of-Chondroitin.pdf" target="_blank">99% pure pharmaceutical grade Chondroitin</a></li>
197              <li><i class="flaticon-tick"></i> A micro-dose of botanical extracts called <a href="https://immuvet.com/product/immun-k/" target="_blank">Immun-K™</a> composed of: Aconitum, Allium Sativa, Avena Sativa, Brionia Alba, Cinamoniun, Pulsatilla, Kali Carbonicum, Lycopodium, and Ethyl Alcohol (FCC)</li>
198            </ul>
199          </div>
200        </div>
201        <p>Chondroitin is the main structural component of healthy cartilage. The unique combination of these elements when taken weekly supports your dog’s healthy hard t
201issue (bone/cartilage) and soft tissue (muscles/tendons/ligaments).</p>
202        <p>The Chondroitin Sulfate is approved for the control of the symptoms associated with non-infectious degenerative arthritis.</p>
203      </div>
204      <div class="col-lg-6">
205        <h2>Uses</h2>
206        <div class="adoption-content">
207          <div class="adoption-list">
208            <ul>
209              <li><i class="flaticon-tick"></i> Dog Arthritis – <span>Osteoarthritis/Degenerative Joint Disease is a condition that can result from trauma to the joint, infection of the joint, age, or other autoimmune diseases that affect the joint itself.</span></li>
210              <li><i class="flaticon-tick"></i> Dog Hip Dysplasia – <span>This is a common condition, especially prevalent in older dogs and large breeds. Hip dysplasia is an abnormal formation of the joint that in its most severe form can eventually cause crippling lameness. The most common joints affected are the hips and elbows of the dog.</span></li>
211              <li><i class="flaticon-tick"></i> Dog Arthrosis – <span>This condition is simply the damage to a joint that occurs over time, secondary to normal wear and tear. This is more commonly found in older dogs.</span></li>
212            </ul>
213          </div>
214        </div>
215      </div>
216    </div>
217    <div class="row">
218      <div class="col-lg-6 pt-30">
219        <h2>Directions for Use of ChondrowPaw®</h2>
220        <p>Each box contains 5 doses (5-week supply, or 4-week supply for initial dose)</p>
221        <div class="adoption-content">
222          <div class="adoption-list">
223            <ul>
224              <li><i class="flaticon-tick"></i> Use 2 vials of ChondroPaw, by mouth, on an empty stomach the first week.</li>
225              <li><i class="flaticon-tick"></i> Use 1 vial of ChondroPaw, by mouth, on an empty stomach each week thereafter.</li>
226            </ul>
227          </div>
228        </div>
229        <p>If you are having trouble giving ChondroPaw by mouth, you may put it in the dog’s food or water. Store the product in a cool, dry place. Avoid direct sunlight, along with prolonged exposure to high temperatures.</p>
230      </div>
231      <div class="col-lg-6 pt-30">
232        <div class="video-about">
233          <div class="lazyframe" data-src="https://www.youtube.com/embed/Vl51GlIUxc8?wmode=transparent&rel=0&feature=oembed&wmode=opaque&rel=0" data-vendor="youtube" data-title="How to use ChondroPaw">
234          </div>
235        </div>
236      </div>
237    </div>
238    <div class="row">
239      <div class="col-lg-6 pt-30">
240        <h2>What to Expect from ChondroPaw®?</h2>
241        <p>You should notice results within 30 days. If you do not see noticeable results within the initial 30 days, you are welcome to take advantage of our 30-day satisfaction guarantee and return the product. However, if you notice improvement in your dog’s general condition, we strongly recommend that you continue administering the product on a weekly or bi-weekly basis for 3-6 months to receive the continued desired results.</p>
242        <p>Please check our 30-day return policy. There are no reported side effects or drug interactions with Chondropaw, and it may be used along with prescription or OTC medications. All-natural and safe to use in conjunction with any other products. We recommend that you consult with your veterinarian if you have any specific concerns.</p>
243      </div>
244      <div class="col-lg-6 pt-30">
245        <h2>ChondroPaw® Facts</h2>
246        <div class="table-responsive">
247          <table class="table table-striped table-bordered ">
248            <tbody>
249              <tr>
250                <th scope="row">Serving Size:</th>
251                <td>1 vial (1.2ml), (5.0 ml) or (10ml)</td>
252              </tr>
253              <tr>
254                <th scope="row">Servings per Container:</th>
255                <td>5 vials (6.25ml, 25ml or 50ml)</td>
256              </tr>
257              <tr>
258                <th scope="row">Each Serving Contains:</th>
259                <td>
260                  <p>– 125mg(1.25ml), 250mg(5.0ml), 500mg(5.0ml) or 1000mg(10ml) Chondroitin Sulfate (99% pure, pharmaceutical grade)</p>
261                  <p>– Micro dosage of proprietary blend: Aconitum, Allium Sativa, Avena Sativa, Brionia Alba, Cinamoniun, Pulsatilla, Kali Carbonicum, Lycopodium, Ethyl Alcohol (FCC)</p>
262                  <p>– Other ingredients: Distilled water, Potassium Sorbate</p>
263                </td>
264              </tr>
265            </tbody>
266          </table>
267        </div>
268      </div>
269    </div>
270  </div>
271</section><section class="adoption-area-two  pt-110 pb-110">
272  <div class="container">
273    <div class="row justify-content-center">
274      <div class="col-lg-10">
275        <div class="section-title text-center mb-65">
276          <h2 class="title">Chondroitin and the Global Shark Population</h2>
277        </div>
278      </div>
279    </div>
280  </div>
281  <div class="container">
282    <div class="row">
283      <div class="col-lg-12">
284        <p>
284Chondroitin is typically sourced from shark species and we’re not satisfied that this is a renewable resource. We’re also concerned about reports of how cruel the shark fishing industry is. Worldwide demand for shark cartilage has meant the depletion of the global shark population and sadly the loss of many of these beautiful creatures from our oceans. For this reason, we’ve chosen to switch to bovine chondroitin for our chondroitin supplement as this is a by-product of the beef industry and a well regulated, high-quality material. The bovine chondroitin we use is a highly refined material made to GMP (Good Manufacturing Practice) and USP(United States Pharmacopeia) standards.</p>
285        <p>ChondroPaw® helps your dog: Prevent, Delay, Stabilize, Repair, Reverse Lesions of the Articular Cartilage and Subchondral Bone. Maximum strength joint supplement helps your dog stay active, healthy, happy, pain-free and enjoying life; designed for dogs in all stages of life; for younger healthy dogs it provides the building blocks for healthy joints, bones and connective tissue In older or larger dogs with joint issues, it rebuilds and strengthens cartilage, reduces joint inflammation and associated pain, naturally lubricates and helps soothe sore achy joints, and increases flexibility and mobility.</p>
286        <div class="see-results-btn">
287          <a href="https://shop.chondropaw.com" class="btn">Help Your Dog Now <img src="https://chondropaw.enccode.com/public/90/media/image/w_pawprint.png" alt=""></a>
288        </div>
289      </div>
290    </div>
291  </div>
292</section> 
293        </main>
294        <!-- main-area-end -->
295
296
297        <!-- footer-start -->
298        <footer>
299            <div class="footer-top-area footer-bg">
300                <div class="container">
301                    <div class="row justify-content-between">
302                        <div class="col-3">
303                            <div class="footer-widget">
304                                <div class="f-logo">
305                                    <a href="https://chondropaw.com/"><img src="https://chondropaw.com/public/90/media/image/logo.png" alt="ChondroPaw Logo"></a>
306                                </div>
307                                <div class="footer-social pt-20">
308                                    <ul>
309                                        <li class="follow">Follow :</li>
310                                    <li><a href="https://www.facebook.com/canine.hip.dysplasia/" target="_blank" aria-label="Go to Facebook"><i class="fab fa-facebook-f"></i></a></li>
311                                    <li><a href="https://www.instagram.com/chondropawllc/" target="_blank" aria-label="Go to Instagram"><i class="fab fa-instagram"></i></a></li>
312                                    <li><a href="https://twitter.com/chondropawllc" target="_blank" aria-label="Go to Twitter "><i class="fab fa-twitter"></i></a></li>
313                                    <li><a href="https://www.youtube.com/channel/UC6auDoN3fEaUIBU2GgyvmZA" target="_blank" aria-label="Go to Youtube Channel"><i class="fab fa-youtube"></i></a></li>
314                                    </ul>
315                                </div>
316                            </div>
317                        </div>
318                        <div class="col-2">
319                            <div class="footer-widget">
320                                <h2 class="fw-title">Information</h2>
321                                <div class="fw-link">
322                                    <ul>
323                                        <li><a href="../customer-service">Customer Service</a></li><li><a href="../privacy-policy">Privacy Policy</a></li><li><a href="../terms-of-conditions">Terms of Conditions</a></li>
324                                    </ul>
325                                </div>
326                            </div>
327                        </div>
328                        <div class="col-2">
329                            <div class="footer-widget">
330                                <h2 class="fw-title">Site Menu</h2>
331                                <div class="fw-link">
332                                    <ul>
333                                        <li><a href="../">Home</a></li><li><a href="../faqs">FAQs</a></li><li><a href="../stories">Stories</a></li><li><a href="../about">About</a></li>
334                                    </ul>
335                                </div>
336                            </div>
337                        </div>
338                        <div class="col-3">
339                            <div class="footer-widget">
340                                <h2 class="fw-title">Corportate</h2>
341                                <div class="fw-link">
342                                    <ul>
343                                        <li><a href="tel:13525508508">TEL: 1 (352) 550-8508</a></li>
344                                        <li><a href="mailto:[email protected]">EMAIL: [email protected]</a></li>
345                                        <li>ADDR: 5640 SW 6th Place STE 500 <br> OCALA, FL 34474</li>
346                                    </ul>
347                                </div>
348                               
349                            </div>
350                        </div>
351                    </div>
352                </div>
353                <div class="footer-shape"><img src="https://chondropaw.com/public/90/media/image/footer_shape01.png" alt="Footer Shape Style One"></div>
354                <div class="footer-shape shape-two"><img src="https://chondropaw.com/public/90/media/image/footer_shape02.png" alt="Footer Shape Style Two"></div>
355            </div>
356            <div class="copyright-area">
357                <div class="container">
358                    <div class="row">
359                        <div class="col-md-8">
360                            <div class="copyright-text">
361                                <p>
361Copyright &copy; 2026 Chondropaw. All Rights Reserved.</p>
362                            </div>
363                        </div>
364                    </div>
365                </div>
366            </div>
367        </footer>
368        <!-- footer-end --><!-- Start Accessible Toggle -->
369<div class="cc-accessible-trigger-button-box bottom-right mdp-entrance-bounce mdp-hover-scale">
370    <button aria-label="Open Accessibility Panel" class="mdp-icon-position-before" data-readabler-trigger="" id="cc-accessible-trigger-button">
371    <span class="cc-accessible-trigger-button-icon"><svg viewBox="0 0 293.05 349.63" xmlns="http://www.w3.org/2000/svg">
372        <path d="M95.37,51.29a51.23,51.23,0,1,1,51.29,51.16h-.07A51.19,51.19,0,0,1,95.37,51.29ZM293,134.59A25.61,25.61,0,0,0,265.49,111h-.13l-89.64,8c-3.06.28-6.13.42-9.19.42H126.65q-4.59,0-9.16-.41L27.7,111a25.58,25.58,0,0,0-4.23,51l.22,0,72.45,6.56a8.55,8.55,0,0,1,7.77,8.48v19.62a33.82,33.82,0,0,1-2.36,12.45L60.48,313.66a25.61,25.61,0,1,0,46.85,20.71h0l39.14-95.61L186,334.63A25.61,25.61,0,0,0,232.86,314L191.63,209.14a34.14,34.14,0,0,1-2.35-12.44V177.09a8.55,8.55,0,0,1,7.77-8.49l72.33-6.55A25.61,25.61,0,0,0,293,134.59Z" /></svg></span>
373
374    </button>
375</div>
376<!-- End Accessible Toggle -->
377<!-- Start Accessible-->
378<div aria-hidden="true" class="cc-accessible-modal-animation-fade cc-accessible-modal-fixed cc-accessible-modal-shadow" id="cc-accessible-popup-box">
379    <div aria-labelledby="cc-accessible-popup-box" aria-modal="true" data-start="right" id="cc-accessible-popup" role="dialog">
380        <div id="cc-accessible-popup-header">
381            <h3>Accessibility</h3>
382            <button aria-label="Close Accessibility Panel" id="cc-accessible-popup-close"></button>
383        </div>
384        <div id="cc-accessible-popup-main">
385
386            <div class="cc-accessible-subheader">
387                <h4>Accessibility modes</h4>
388            </div>
389
390            <div id="cc-accessible-accessibility-profiles-box">
391                <div class="cc-accessible-accessibility-profile-item" id="cc-accessible-accessibility-profile-epilepsy" tabindex="0">
392                    <div class="cc-accessible-row">
393                        <div class="cc-accessible-switch-box">
394                            <label class="mdp-switch">
395                                Epilepsy Safe Mode <input name="cc-accessible-accessibility-profile-epilepsy" tabindex="-1" type="checkbox" value="on">
396                                <span class="mdp-slider"></span>
397                            </label>
398                        </div>
399                        <div class="cc-accessible-title-box">
400                            <div class="cc-accessible-profile-title">Epilepsy Safe Mode</div>
401                            <div class="cc-accessible-profile-short">Dampens color and removes blinks</div>
402                        </div>
403                    </div>
404                    <div class="cc-accessible-profile-description">This mode enables people with epilepsy to use the
405                        website safely by eliminating the risk of seizures that result from flashing or blinking
406                        animations and risky color combinations.
407                    </div>
408                </div>
409                <div class="cc-accessible-accessibility-profile-item" id="cc-accessible-accessibility-profile-visually-impaired" tabindex="0">
410                    <div class="cc-accessible-row">
411                        <div class="cc-accessible-switch-box">
412                            <label class="mdp-switch">
413                                Visually Impaired Mode <input name="cc-accessible-accessibility-profile-visually-impaired" tabindex="-1" type="checkbox" value="on">
414                                <span class="mdp-slider"></span>
415                            </label>
416                        </div>
417                        <div class="cc-accessible-title-box">
418                            <div class="cc-accessible-profile-title">Visually Impaired Mode</div>
419                            <div class="cc-accessible-profile-short">Improves website&#039;s visuals</div>
420                        </div>
421                    </div>
422                    <div class="cc-accessible-profile-description">This mode adjusts the website for the convenience of
423                        users with visual impairments such as Degrading Eyesight, Tunnel Vision, Cataract, Glaucoma, and
424                        others.
425                    </div>
426                </div>
427                <div class="cc-accessible-accessibility-profile-item" id="cc-accessible-accessibility-profile-cognitive-disability" tabindex="0">
428                    <div class="cc-accessible-row">
429                        <div class="cc-accessible-switch-box">
430                            <label class="mdp-switch">
431                                Cognitive Disability Mode <input name="cc-accessible-accessibility-profile-cognitive-disability" tabindex="-1" type="checkbox" value="on">
432                                <span class="mdp-slider"></span>
433                            </label>
434                        </div>
435                        <div class="cc-accessible-title-box">
436                            <div class="cc-accessible-profile-title">Cognitive Disability Mode</div>
437                            <div class="cc-accessible-profile-short">Helps to focus on specific content</div>
438                        </div>
439                    </div>
440                    <div class="cc-accessible-profile-description">This mode provides different assistive options to
441                        help users with cognitive impairments such as Dyslexia, Autism, CVA, and others, to focus on the
442                        essential elements of the website more easily.
443                    </div>
444                </div>
445                <div class="cc-accessible-accessibility-profile-item" id="cc-accessible-accessibility-profile-adhd-friendly" tabindex="0">
446                    <div class="cc-accessible-row">
447                        <div class="cc-accessible-switch-box">
448                            <label class="mdp-switch">
449                                ADHD Friendly Mode <input name="cc-accessible-accessibility-profile-adhd-friendly" tabindex="-1" type="checkbox" value="on">
450                                <span class="mdp-slider"></span>
451                            </label>
452                        </div>
453                        <div class="cc-accessible-title-box">
454                            <div class="cc-accessible-profile-title">ADHD Friendly Mode</div>
455                            <div class="cc-accessible-profile-short">Reduces distractions and improve focus</div>
456                        </div>
457                    </div>
458                    <div class="cc-accessible-profile-description">This mode helps users with ADHD and
459                        Neurodevelopmental disorders to read, browse, and focus on the main website elements more easily
460                        while significantly reducing distractions.
461                    </div>
462                </div>
463                <div class="cc-accessible-accessibility-profile-item" id="cc-accessible-accessibility-profile-blind-users" tabindex="0">
464                    <div class="cc-accessible-row">
465                        <div class="cc-accessible-switch-box">
466                            <label class="mdp-switch">
467                                Blindness Mode <input name="cc-accessible-accessibility-profile-blind-users" tabindex="-1" type="checkbox" value="on">
468                                <span class="mdp-slider"></span>
469                            </label>
470                        </div>
471                        <div class="cc-accessible-title-box">
472                            <div class="cc-accessible-profile-title">Blindness Mode</div>
473                            <div class="cc-accessible-profile-short">Allows using the site with your screen-reader</div>
474                        </div>
475                    </div>
476                    <div class="cc-accessible-profile-description">This mode configures the website to be compatible
477                        with screen-readers such as JAWS, NVDA, VoiceOver, and TalkBack. A screen-reader is software for
478                        blind users that is installed on a computer and smartphone, and websites must be compatible with
479                        it.
480                    </div>
481                </div>
482            </div>
483            <div class="cc-accessible-subheader">
484                <h4>Online Dictionary</h4>
485            </div>
486
487            <div id="cc-accessible-online-dictionary-box">
488                <form action="#" enctype="multipart/form-data" id="cc-accessible-online-dictionary-form" method="POST">
489                    <input aria-label="Search the online dictionary..." autocomplete="off" id="cc-accessible-online-dictionary-search" name="cc-accessible-online-dictionary-search" placeholder="Search the online dictionary..." tabindex="0" type="text">
490                    <label for="cc-accessible-online-dictionary-search">Start typing to search in Wikipedia</label>
491                </form>
492                <button aria-label="Clear search results" id="cc-accessible-online-dictionary-search-close" role="button" tabindex="0"></button>
493                <div id="cc-accessible-online-dictionary-search-results-box">
494                    <ul id="cc-accessible-online-dictionary-search-results"></ul>
495                </div>
496            </div>
497
498            <div class="cc-accessible-subheader">
499                <h4>Readable Experience</h4>
500            </div>
501
502            <div id="cc-accessible-readable-experience-box">
503                <div class="cc-accessible-action-box cc-accessible-spinner-box" id="cc-accessible-action-content-scaling">
504                    <div class="cc-accessible-action-box-content">
505                        <span class="cc-accessible-title">Content Scaling</span>
506                    </div>
507                    <div class="cc-accessible-input-spinner-box" data-step="5">
508                        <div class="cc-accessible-control">
509                            <button aria-label="Increase" class="cc-accessible-plus" role="button" tabindex="0"></button>
510                            <div class="cc-accessible-value" data-value="0">Default</div>
511                            <button aria-label="Decrease" class="cc-accessible-minus" role="button" tabindex="0"></button>
512                        </div>
513                    </div>
514                </div>
515                <div class="cc-accessible-action-box cc-accessible-toggle-box" id="cc-accessible-action-text-magnifier" tabindex="0">
516                    <div class="cc-accessible-action-box-content">
517                        <span class="cc-accessible-icon"></span>
518                        <span class="cc-accessible-title">Text Magnifier</span>
519                    </div>
520                </div>
521                <div class="cc-accessible-action-box cc-accessible-toggle-box" id="cc-accessible-action-readable-font" tabindex="0">
522                    <div class="cc-accessible-action-box-content">
523                        <span class="cc-accessible-icon"></span>
524                        <span class="cc-accessible-title">Readable Font</span>
525                    </div>
526                </div>
527                <div class="cc-accessible-action-box cc-accessible-toggle-box" id="cc-accessible-action-dyslexia-font" tabindex="0">
528                    <div class="cc-accessible-action-box-content">
529                        <span class="cc-accessible-icon"></span>
530                        <span class="cc-accessible-title">Dyslexia Friendly</span>
531                    </div>
532                </div>
533                <div class="cc-accessible-action-box cc-accessible-toggle-box" id="cc-accessible-action-highlight-titles" tabindex="0">
534                    <div class="cc-accessible-action-box-content">
535                        <span class="cc-accessible-icon"></span>
536                        <span class="cc-accessible-title">Highlight Titles</span>
537                    </div>
538                </div>
539                <div class="cc-accessible-action-box cc-accessible-toggle-box" id="cc-accessible-action-highlight-links" tabindex="0">
540                    <div class="cc-accessible-action-box-content">
541                        <span class="cc-accessible-icon"></span>
542                        <span class="cc-accessible-title">Highlight Links</span>
543                    </div>
544                </div>
545                <div class="cc-accessible-action-box cc-accessible-spinner-box" id="cc-accessible-action-font-sizing">
546                    <div class="cc-accessible-action-box-content">
547                        <span class="cc-accessible-title">Font Sizing</span>
548                    </div>
549                    <div class="cc-accessible-input-spinner-box" data-step="5">
550                        <div class="cc-accessible-control">
551                            <button aria-label="Increase" class="cc-accessible-plus" role="button" tabindex="0"></button>
552                            <div class="cc-accessible-value" data-value="0">Default</div>
553                            <button aria-label="Decrease" class="cc-accessible-minus" role="button" tabindex="0"></button>
554                        </div>
555                    </div>
556                </div>
557                <div class="cc-accessible-action-box cc-accessible-spinner-box" id="cc-accessible-action-line-height">
558                    <div class="cc-accessible-action-box-content">
559                        <span class="cc-accessible-title">Line Height</span>
560                    </div>
561                    <div class="cc-accessible-input-spinner-box" data-step="5">
562                        <div class="cc-accessible-control">
563                            <button aria-label="Increase" class="cc-accessible-plus" role="button" tabindex="0"></button>
564                            <div class="cc-accessible-value" data-value="0">Default</div>
565                            <button aria-label="Decrease" class="cc-accessible-minus" role="button" tabindex="0"></button>
566                        </div>
567                    </div>
568                </div>
569                <div class="cc-accessible-action-box cc-accessible-spinner-box" id="cc-accessible-action-letter-spacing">
570                    <div class="cc-accessible-action-box-content">
571                        <span class="cc-accessible-title">Letter Spacing</span>
572                    </div>
573                    <div class="cc-accessible-input-spinner-box" data-step="5">
574                        <div class="cc-accessible-control">
575                            <button aria-label="Increase" class="cc-accessible-plus" role="button" tabindex="0"></button>
576                            <div class="cc-accessible-value" data-value="0">Default</div>
577                            <button aria-label="Decrease" class="cc-accessible-minus" role="button" tabindex="0"></button>
578                        </div>
579                    </div>
580                </div>
581                <div class="cc-accessible-action-box cc-accessible-toggle-box" id="cc-accessible-action-align-left" tabindex="0">
582                    <div class="cc-accessible-action-box-content">
583                        <span class="cc-accessible-icon"></span>
584                        <span class="cc-accessible-title">Left Aligned</span>
585                    </div>
586                </div>
587                <div class="cc-accessible-action-box cc-accessible-toggle-box" id="cc-accessible-action-align-center" tabindex="0">
588                    <div class="cc-accessible-action-box-content">
589                        <span class="cc-accessible-icon"></span>
590                        <span class="cc-accessible-title">Center Aligned</span>
591                    </div>
592                </div>
593                <div class="cc-accessible-action-box cc-accessible-toggle-box" id="cc-accessible-action-align-right" tabindex="0">
594                    <div class="cc-accessible-action-box-content">
595                        <span class="cc-accessible-icon"></span>
596                        <span class="cc-accessible-title">Right Aligned</span>
597                    </div>
598                </div>
599            </div>
600            <div class="cc-accessible-subheader">
601                <h4>Visually Pleasing Experience</h4>
602            </div>
603
604            <div id="cc-accessible-visually-pleasing-experience-box">
605                <div class="cc-accessible-action-box cc-accessible-toggle-box" id="cc-accessible-action-dark-contrast" tabindex="0">
606                    <div class="cc-accessible-action-box-content">
607                        <span class="cc-accessible-icon"></span>
608                        <span class="cc-accessible-title">Dark Contrast</span>
609                    </div>
610                </div>
611                <div class="cc-accessible-action-box cc-accessible-toggle-box" id="cc-accessible-action-light-contrast" tabindex="0">
612                    <div class="cc-accessible-action-box-content">
613                        <span class="cc-accessible-icon"></span>
614                        <span class="cc-accessible-title">Light Contrast</span>
615                    </div>
616                </div>
617                <div class="cc-accessible-action-box cc-accessible-toggle-box" id="cc-accessible-action-monochrome" tabindex="0">
618                    <div class="cc-accessible-action-box-content">
619                        <span class="cc-accessible-icon"></span>
620                        <span class="cc-accessible-title">Monochrome</span>
621                    </div>
622                </div>
623                <div class="cc-accessible-action-box cc-accessible-toggle-box" id="cc-accessible-action-high-contrast" tabindex="0">
624                    <div class="cc-accessible-action-box-content">
625                        <span class="cc-accessible-icon"></span>
626                        <span class="cc-accessible-title">High Contrast</span>
627                    </div>
628                </div>
629                <div class="cc-accessible-action-box cc-accessible-toggle-box" id="cc-accessible-action-high-saturation" tabindex="0">
630                    <div class="cc-accessible-action-box-content">
631                        <span class="cc-accessible-icon"></span>
632                        <span class="cc-accessible-title">High Saturation</span>
633                    </div>
634                </div>
635                <div class="cc-accessible-action-box cc-accessible-toggle-box" id="cc-accessible-action-low-saturation" tabindex="0">
636                    <div class="cc-accessible-action-box-content">
637                        <span class="cc-accessible-icon"></span>
638                        <span class="cc-accessible-title">Low Saturation</span>
639                    </div>
640                </div>
641                <div class="cc-accessible-action-box cc-accessible-palette-box" id="cc-accessible-action-text-colors">
642                    <div class="cc-accessible-action-box-content">
643                        <span class="cc-accessible-title">Adjust Text Colors</span>
644                        <div class="cc-accessible-color-box">
645              <span aria-label="Change Color to Maroon" class="cc-accessible-color " data-color="maroon" role="button" style="background-color: maroon !important;" tabindex="0">
646              </span>
647                            <span aria-label="Change Color to Red" class="cc-accessible-color " data-color="red" role="button" style="background-color: red !important;" tabindex="0">
648              </span>
649                            <span aria-label="Change Color to Orange" class="cc-accessible-color " data-color="orange" role="button" style="background-color: orange !important;" tabindex="0">
650              </span>
651                            <span aria-label="Change Color to Yellow" class="cc-accessible-color " data-color="yellow" role="button" style="background-color: yellow !important;" tabindex="0">
652              </span>
653                            <span aria-label="Change Color to Olive" class="cc-accessible-color " data-color="olive" role="button" style="background-color: olive !important;" tabindex="0">
654              </span>
655                            <span aria-label="Change Color to Green" class="cc-accessible-color " data-color="green" role="button" style="background-color: green !important;" tabindex="0">
656              </span>
657                            <span aria-label="Change Color to Purple" class="cc-accessible-color " data-color="purple" role="button" style="background-color: purple !important;" tabindex="0">
658              </span>
659                            <span aria-label="Change Color to Fuchsia" class="cc-accessible-color " data-color="fuchsia" role="button" style="background-color: fuchsia !important;" tabindex="0">
660              </span>
661                            <span aria-label="Change Color to Lime" class="cc-accessible-color " data-color="lime" role="button" style="background-color: lime !important;" tabindex="0">
662              </span>
663                            <span aria-label="Change Color to Teal" class="cc-accessible-color " data-color="teal" role="button" style="background-color: teal !important;" tabindex="0">
664              </span>
665                            <span aria-label="Change Color to Aqua" class="cc-accessible-color " data-color="aqua" role="button" style="background-color: aqua !important;" tabindex="0">
666              </span>
667                            <span aria-label="Change Color to Blue" class="cc-accessible-color " data-color="blue" role="button" style="background-color: blue !important;" tabindex="0">
668              </span>
669                            <span aria-label="Change Color to Navy" class="cc-accessible-color " data-color="navy" role="button" style="background-color: navy !important;" tabindex="0">
670              </span>
671                            <span aria-label="Change Color to Black" class="cc-accessible-color " data-color="black" role="button" style="background-color: black !important;" tabindex="0">
672              </span>
673                            <span aria-label="Change Color to White" class="cc-accessible-color " data-color="white" role="button" style="background-color: white !important;" tabindex="0">
674              </span>
675                        </div>
676                    </div>
677                </div>
678                <div class="cc-accessible-action-box cc-accessible-palette-box" id="cc-accessible-action-title-colors">
679                    <div class="cc-accessible-action-box-content">
680                        <span class="cc-accessible-title">Adjust Title Colors</span>
681                        <div class="cc-accessible-color-box">
682              <span aria-label="Change Color to Maroon" class="cc-accessible-color " data-color="maroon" role="button" style="background-color: maroon !important;" tabindex="0">
683              </span>
684                            <span aria-label="Change Color to Red" class="cc-accessible-color " data-color="red" role="button" style="background-color: red !important;" tabindex="0">
685              </span>
686                            <span aria-label="Change Color to Orange" class="cc-accessible-color " data-color="orange" role="button" style="background-color: orange !important;" tabindex="0">
687              </span>
688                            <span aria-label="Change Color to Yellow" class="cc-accessible-color " data-color="yellow" role="button" style="background-color: yellow !important;" tabindex="0">
689              </span>
690                            <span aria-label="Change Color to Olive" class="cc-accessible-color " data-color="olive" role="button" style="background-color: olive !important;" tabindex="0">
691              </span>
692                            <span aria-label="Change Color to Green" class="cc-accessible-color " data-color="green" role="button" style="background-color: green !important;" tabindex="0">
693              </span>
694                            <span aria-label="Change Color to Purple" class="cc-accessible-color " data-color="purple" role="button" style="background-color: purple !important;" tabindex="0">
695              </span>
696                            <span aria-label="Change Color to Fuchsia" class="cc-accessible-color " data-color="fuchsia" role="button" style="background-color: fuchsia !important;" tabindex="0">
697              </span>
698                            <span aria-label="Change Color to Lime" class="cc-accessible-color " data-color="lime" role="button" style="background-color: lime !important;" tabindex="0">
699              </span>
700                            <span aria-label="Change Color to Teal" class="cc-accessible-color " data-color="teal" role="button" style="background-color: teal !important;" tabindex="0">
701              </span>
702                            <span aria-label="Change Color to Aqua" class="cc-accessible-color " data-color="aqua" role="button" style="background-color: aqua !important;" tabindex="0">
703              </span>
704                            <span aria-label="Change Color to Blue" class="cc-accessible-color " data-color="blue" role="button" style="background-color: blue !important;" tabindex="0">
705              </span>
706                            <span aria-label="Change Color to Navy" class="cc-accessible-color " data-color="navy" role="button" style="background-color: navy !important;" tabindex="0">
707              </span>
708                            <span aria-label="Change Color to Black" class="cc-accessible-color " data-color="black" role="button" style="background-color: black !important;" tabindex="0">
709              </span>
710                            <span aria-label="Change Color to White" class="cc-accessible-color " data-color="white" role="button" style="background-color: white !important;" tabindex="0">
711              </span>
712                        </div>
713                    </div>
714                </div>
715                <div class="cc-accessible-action-box cc-accessible-palette-box" id="cc-accessible-action-background-colors">
716                    <div class="cc-accessible-action-box-content">
717                        <span class="cc-accessible-title">
717Adjust Background Colors</span>
718                        <div class="cc-accessible-color-box">
719              <span aria-label="Change Color to Maroon" class="cc-accessible-color " data-color="maroon" role="button" style="background-color: maroon !important;" tabindex="0">
720              </span>
721                            <span aria-label="Change Color to Red" class="cc-accessible-color " data-color="red" role="button" style="background-color: red !important;" tabindex="0">
722              </span>
723                            <span aria-label="Change Color to Orange" class="cc-accessible-color " data-color="orange" role="button" style="background-color: orange !important;" tabindex="0">
724              </span>
725                            <span aria-label="Change Color to Yellow" class="cc-accessible-color " data-color="yellow" role="button" style="background-color: yellow !important;" tabindex="0">
726              </span>
727                            <span aria-label="Change Color to Olive" class="cc-accessible-color " data-color="olive" role="button" style="background-color: olive !important;" tabindex="0">
728              </span>
729                            <span aria-label="Change Color to Green" class="cc-accessible-color " data-color="green" role="button" style="background-color: green !important;" tabindex="0">
730              </span>
731                            <span aria-label="Change Color to Purple" class="cc-accessible-color " data-color="purple" role="button" style="background-color: purple !important;" tabindex="0">
732              </span>
733                            <span aria-label="Change Color to Fuchsia" class="cc-accessible-color " data-color="fuchsia" role="button" style="background-color: fuchsia !important;" tabindex="0">
734              </span>
735                            <span aria-label="Change Color to Lime" class="cc-accessible-color " data-color="lime" role="button" style="background-color: lime !important;" tabindex="0">
736              </span>
737                            <span aria-label="Change Color to Teal" class="cc-accessible-color " data-color="teal" role="button" style="background-color: teal !important;" tabindex="0">
738              </span>
739                            <span aria-label="Change Color to Aqua" class="cc-accessible-color " data-color="aqua" role="button" style="background-color: aqua !important;" tabindex="0">
740              </span>
741                            <span aria-label="Change Color to Blue" class="cc-accessible-color " data-color="blue" role="button" style="background-color: blue !important;" tabindex="0">
742              </span>
743                            <span aria-label="Change Color to Navy" class="cc-accessible-color " data-color="navy" role="button" style="background-color: navy !important;" tabindex="0">
744              </span>
745                            <span aria-label="Change Color to Black" class="cc-accessible-color " data-color="black" role="button" style="background-color: black !important;" tabindex="0">
746              </span>
747                            <span aria-label="Change Color to White" class="cc-accessible-color " data-color="white" role="button" style="background-color: white !important;" tabindex="0">
748              </span>
749                        </div>
750                    </div>
751                </div>
752            </div>
753            <div class="cc-accessible-subheader">
754                <h4>Easy Orientation</h4>
755            </div>
756
757            <div id="cc-accessible-easy-orientation-box">
758                <div class="cc-accessible-action-box cc-accessible-toggle-box" id="cc-accessible-action-mute-sounds" tabindex="0">
759                    <div class="cc-accessible-action-box-content">
760                        <span class="cc-accessible-icon"></span>
761                        <span class="cc-accessible-title">Mute Sounds</span>
762                    </div>
763                </div>
764                <div class="cc-accessible-action-box cc-accessible-toggle-box" id="cc-accessible-action-hide-images" tabindex="0">
765                    <div class="cc-accessible-action-box-content">
766                        <span class="cc-accessible-icon"></span>
767                        <span class="cc-accessible-title">Hide Images</span>
768                    </div>
769                </div>
770                <div class="cc-accessible-action-box cc-accessible-toggle-box" id="cc-accessible-action-virtual-keyboard" tabindex="0">
771                    <div class="cc-accessible-action-box-content">
772                        <span class="cc-accessible-icon"></span>
773                        <span class="cc-accessible-title">Virtual Keyboard</span>
774                    </div>
775                </div>
776                <div class="cc-accessible-action-box cc-accessible-toggle-box" id="cc-accessible-action-reading-guide" tabindex="0">
777                    <div class="cc-accessible-action-box-content">
778                        <span class="cc-accessible-icon"></span>
779                        <span class="cc-accessible-title">Reading Guide</span>
780                    </div>
781                </div>
782                <div class="cc-accessible-action-box cc-accessible-toggle-box" id="cc-accessible-action-stop-animations" tabindex="0">
783                    <div class="cc-accessible-action-box-content">
784                        <span class="cc-accessible-icon"></span>
785                        <span class="cc-accessible-title">Stop Animations</span>
786                    </div>
787                </div>
788                <div class="cc-accessible-action-box cc-accessible-toggle-box" id="cc-accessible-action-reading-mask" tabindex="0">
789                    <div class="cc-accessible-action-box-content">
790                        <span class="cc-accessible-icon"></span>
791                        <span class="cc-accessible-title">Reading Mask</span>
792                    </div>
793                </div>
794                <div class="cc-accessible-action-box cc-accessible-toggle-box" id="cc-accessible-action-highlight-hover" tabindex="0">
795                    <div class="cc-accessible-action-box-content">
796                        <span class="cc-accessible-icon"></span>
797                        <span class="cc-accessible-title">Highlight Hover</span>
798                    </div>
799                </div>
800                <div class="cc-accessible-action-box cc-accessible-toggle-box" id="cc-accessible-action-highlight-focus" tabindex="0">
801                    <div class="cc-accessible-action-box-content">
802                        <span class="cc-accessible-icon"></span>
803                        <span class="cc-accessible-title">Highlight Focus</span>
804                    </div>
805                </div>
806                <div class="cc-accessible-action-box cc-accessible-toggle-box" id="cc-accessible-action-big-black-cursor" tabindex="0">
807                    <div class="cc-accessible-action-box-content">
808                        <span class="cc-accessible-icon"></span>
809                        <span class="cc-accessible-title">Big Black Cursor</span>
810                    </div>
811                </div>
812                <div class="cc-accessible-action-box cc-accessible-toggle-box" id="cc-accessible-action-big-white-cursor" tabindex="0">
813                    <div class="cc-accessible-action-box-content">
814                        <span class="cc-accessible-icon"></span>
815                        <span class="cc-accessible-title">Big White Cursor</span>
816                    </div>
817                </div>
818                <div class="cc-accessible-action-box cc-accessible-toggle-box" id="cc-accessible-action-text-to-speech" tabindex="0">
819                    <div class="cc-accessible-action-box-content">
820                        <span class="cc-accessible-icon"></span>
821                        <span class="cc-accessible-title">Text to Speech</span>
822                    </div>
823                </div>
824                <div class="cc-accessible-action-box cc-accessible-toggle-box" id="cc-accessible-action-keyboard-navigation" tabindex="0">
825                    <div class="cc-accessible-action-box-content">
826                        <span class="cc-accessible-icon"></span>
827                        <span class="cc-accessible-title">Navigation Keys</span>
828                    </div>
829                </div>
830                <div class="cc-accessible-action-box cc-accessible-useful-links-box" id="cc-accessible-action-useful-links">
831                    <div class="cc-accessible-action-box-content">
832                        <label class="cc-accessible-title" for="cc-accessible-useful-links">Link navigator</label>
833                        <div class="cc-accessible-select-box">
834                            <select aria-label="Useful Links" id="cc-accessible-useful-links">
835                                <option disabled="" selected="" value="mdp-default">
836                                    Select an option
837                                </option>
838                            </select>
839                        </div>
840                    </div>
841                </div>
842            </div>
843        </div>
844        <div id="cc-accessible-popup-footer">
845            <button aria-label="Reset Settings" id="cc-accessible-reset-btn">Reset</button>
846            <button aria-label="Hide Accessibility Panel forever" id="cc-accessible-hide-btn"> Hide</button>
847            <button aria-label="Accessibility Statement" id="cc-accessible-statement-btn">Statement</button>
848        </div>
849        <div id="cc-accessible-accessibility-statement-box">
850            <button aria-label="Close Accessibility Statement" id="cc-accessible-close-statement-btn"></button>
851            <div class="cc-accessible-statement-content">
852                <div>
853                    <h1>Accessibility Statement</h1>
854                    <ul>
855                        <li></li>
856                        <li>April 28, 2021</li>
857                    </ul>
858                </div>
859
860                <h2>Compliance status</h2>
861                <p>We firmly believe that the internet should be available and accessible to anyone, and are committed
862                    to providing a website that is accessible to the widest possible audience,
863                    regardless of circumstance and ability.</p>
864
865                <p>To fulfill this, we aim to adhere as strictly as possible to the World Wide Web Consortium’s (W3C)
866                    Web Content Accessibility Guidelines 2.1 (WCAG 2.1) at the AA level.
867                    These guidelines explain how to make web content accessible to people with a wide array of
868                    disabilities. Complying with those guidelines helps us ensure that the website is accessible
869                    to all people: blind people, people with motor impairments, visual impairment, cognitive
870                    disabilities, and more.</p>
871
872                <p>This website utilizes various technologies that are meant to make it as accessible as possible at all
873                    times. We utilize an accessibility interface that allows persons with specific
874                    disabilities to adjust the website’s UI (user interface) and design it to their personal needs.</p>
875
876                <p>Additionally, the website utilizes an AI-based application that runs in the background and optimizes
877                    its accessibility level constantly. This application remediates the website’s HTML,
878                    adapts Its functionality and behavior for screen-readers used by the blind users, and for keyboard
879                    functions used by individuals with motor impairments.</p>
880
881                <p>If you’ve found a malfunction or have ideas for improvement, we’ll be happy to hear from you. You can
882                    reach out to the website’s operators by using the following email </p>
883
884                <h2>Screen-reader and keyboard navigation</h2>
885
886                <p>Our website implements the ARIA attributes (Accessible Rich Internet Applications) technique,
887                    alongside various different behavioral changes, to ensure blind users visiting with
888                    screen-readers are able to read, comprehend, and enjoy the website’s functions. As soon as a user
889                    with a screen-reader enters your site, they immediately receive
890                    a prompt to enter the Screen-Reader Profile so they can browse and operate your site effectively.
891                    Here’s how our website covers some of the most important screen-reader requirements,
892                    alongside console screenshots of code examples:</p>
893
894                <ol>
895                    <li>
896
897                        <p><strong>Screen-reader optimization: </strong>we run a background process that learns the
898                            website’s components from top to bottom, to ensure ongoing compliance even when updating the
899                            website.
900                            In this process, we provide screen-readers with meaningful data using the ARIA set of
901                            attributes. For example, we provide accurate form labels;
902                            descriptions for actionable icons (social media icons, search icons, cart icons, etc.);
903                            validation guidance for form inputs; element roles such as buttons, menus, modal dialogues
904                            (popups),
905                            and others. Additionally, the background process scans all of the website’s images and
906                            provides an accurate and meaningful image-object-recognition-based description as an ALT
907                            (alternate text) tag
908                            for images that are not described. It will also extract texts that are embedded within the
909                            image, using an OCR (optical character recognition) technology.
910                            To turn on screen-reader adjustments at any time, users need only to press the Alt+1
911                            keyboard combination. Screen-reader users also get automatic announcements to turn the
912                            Screen-reader mode on
913                            as soon as they enter the website.</p>
914
915                        <p>These adjustments are compatible with all popular screen readers, including JAWS and
916                            NVDA.</p>
917                    </li>
918                    <li>
919                        <p><strong>Keyboard navigation optimization: </strong>The background process also adjusts the
920                            website’s HTML, and adds various behaviors using JavaScript code to make the website
921                            operable by the keyboard. This includes the ability to navigate the website using the Tab
922                            and Shift+Tab keys, operate dropdowns with the arrow keys, close them with Esc, trigger
923                            buttons and links using the Enter key, navigate between radio and checkbox elements using
924                            the arrow keys, and fill them in with the Spacebar or Enter key.Additionally, keyboard users
925                            will find quick-navigation and content-skip menus, available at any time by clicking Alt+1,
926                            or as the first elements of the site while navigating with the keyboard. The background
927                            process also handles triggered popups by moving the keyboard focus towards them as soon as
928                            they appear, and not allow the focus drift outside of it.</p>
929                        <p>Users can also use shortcuts such as “M” (menus), “H” (headings), “F” (forms), “B” (buttons),
930                            and “G” (graphics) to jump to specific elements.</p>
931                    </li>
932                </ol>
933
934                <h2>Disability profiles supported in our website</h2>
935                <ul>
936                    <li><strong>
936Epilepsy Safe Mode:</strong> this profile enables people with epilepsy to use the
937                        website safely by eliminating the risk of seizures that result from flashing or blinking
938                        animations and risky color combinations.
939                    </li>
940                    <li><strong>Visually Impaired Mode:</strong> this mode adjusts the website for the convenience of
941                        users with visual impairments such as Degrading Eyesight, Tunnel Vision, Cataract, Glaucoma, and
942                        others.
943                    </li>
944                    <li><strong>Cognitive Disability Mode:</strong> this mode provides different assistive options to
945                        help users with cognitive impairments such as Dyslexia, Autism, CVA, and others, to focus on the
946                        essential elements of the website more easily.
947                    </li>
948                    <li><strong>ADHD Friendly Mode:</strong> this mode helps users with ADHD and Neurodevelopmental
949                        disorders to read, browse, and focus on the main website elements more easily while
950                        significantly reducing distractions.
951                    </li>
952                    <li><strong>Blindness Mode:</strong> this mode configures the website to be compatible with
953                        screen-readers such as JAWS, NVDA, VoiceOver, and TalkBack. A screen-reader is software for
954                        blind users that is installed on a computer and smartphone, and websites must be compatible with
955                        it.
956                    </li>
957                    <li><strong>Keyboard Navigation Profile (Motor-Impaired):</strong> this profile enables
958                        motor-impaired persons to operate the website using the keyboard Tab, Shift+Tab, and the Enter
959                        keys. Users can also use shortcuts such as “M” (menus), “H” (headings), “F” (forms), “B”
960                        (buttons), and “G” (graphics) to jump to specific elements.
961                    </li>
962                </ul>
963
964                <h2>Additional UI, design, and readability adjustments</h2>
965                <ol>
966                    <li><strong>Font adjustments –</strong> users, can increase and decrease its size, change its family
967                        (type), adjust the spacing, alignment, line height, and more.
968                    </li>
969                    <li><strong>Color adjustments –</strong> users can select various color contrast profiles such as
970                        light, dark, inverted, and monochrome. Additionally, users can swap color schemes of titles,
971                        texts, and backgrounds, with over 7 different coloring options.
972                    </li>
973                    <li><strong>Animations –</strong> epileptic users can stop all running animations with the click of
974                        a button. Animations controlled by the interface include videos, GIFs, and CSS flashing
975                        transitions.
976                    </li>
977                    <li><strong>Content highlighting –</strong> users can choose to emphasize important elements such as
978                        links and titles. They can also choose to highlight focused or hovered elements only.
979                    </li>
980                    <li><strong>Audio muting –</strong> users with hearing devices may experience headaches or other
981                        issues due to automatic audio playing. This option lets users mute the entire website instantly.
982                    </li>
983                    <li><strong>Cognitive disorders –</strong> we utilize a search engine that is linked to Wikipedia
984                        and Wiktionary, allowing people with cognitive disorders to decipher meanings of phrases,
985                        initials, slang, and others.
986                    </li>
987                    <li><strong>Additional functions –</strong> we provide users the option to change cursor color and
988                        size, use a printing mode, enable a virtual keyboard, and many other functions.
989                    </li>
990                </ol>
991
992                <h2>Browser and assistive technology compatibility</h2>
993
994                <p>
994We aim to support the widest array of browsers and assistive technologies as possible, so our users
995                    can choose the best fitting tools for them, with as few limitations as possible. Therefore, we have
996                    worked very hard to be able to support all major systems that comprise over 95% of the user market
997                    share including Google Chrome, Mozilla Firefox, Apple Safari, Opera and Microsoft Edge, JAWS and
998                    NVDA (screen readers), both for Windows and for MAC users.</p>
999
1000                <h2>Notes, comments, and feedback</h2>
1001                <p>Despite our very best efforts to allow anybody to adjust the website to their needs, there may still
1002                    be pages or sections that are not fully accessible, are in the process of becoming accessible, or
1003                    are lacking an adequate technological solution to make them accessible. Still, we are continually
1004                    improving our accessibility, adding, updating and improving its options and features, and developing
1005                    and adopting new technologies. All this is meant to reach the optimal level of accessibility,
1006                    following technological advancements. For any assistance, please reach out to </p>
1007            </div>
1008        </div>
1009    </div>
1010</div>
1011<div id="cc-accessible-keyboard-box">
1012    <div class="simple-keyboard"></div>
1013</div>
1014<!-- End Accessible -->
1015<!-- Scripts -->
1016<script src="../public/90/theme/assets/js/static.min.js?v=1750693810" defer></script>
vendor: 1 bytes, line 1016
1016
1017<script src="https://chondropaw.com/cms/assets/js/accessible.js"></script>
1017</body>
1018</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.