Good, Better, Best- Untangling The Complex World Of Accessible Patterns Smashing Magazine

  • Whatsapp
Carie Fisher


About The Author

Carie Fisher is a digital accessibility developer and trainer who is passionate about inclusive front-end code and promoting diversity in tech.
More about
Carie

How do we know which patterns are good, better, best when it comes to accessibility? Is it better to use an established pattern/library or create new ones? With the myriad of choices available, we can quickly become caught up in a web of confusion on this topic.

Marc Benioff memorably stated that the only constant in the technology industry is change. Having worked in tech for over 15 years, I can confirm this. Fellow tech dinosaurs can attest that the way the web worked in the early days is drastically different than many of us could have even imagined.

While this constant change in the technology industry has led to innovation and advancements we see today, it has also introduced the concept of choice. While choice — on the surface — may seem like an inherently positive thing, it does not always equal rainbows and roses. The influx of technological change also brings the splintering of coding languages and the never-ending flavors of programming “hotness.” Sometimes this abundance of choice turns into overchoice — a well-studied cognitive impairment in which people have difficulty making a decision due to having too many options.

In this article, we will attempt to untangle the complex world of accessible patterns — one step at a time. We will kick things off by reviewing current accessible patterns and libraries, then we will consider our general pattern needs and potential restrictions, and lastly, we will walk through a series of critical thinking exercises to learn how to better evaluate patterns for accessibility.

What A Tangled Web We Weave

Overchoice has crept its way into all aspects of technology, including the patterns and libraries we use to build our digital creations — from the simple checkbox to the complex dynamic modal and everything in between. But how do we know which pattern or library is the right one when there are so many choices? Is it better to use established patterns/libraries that users encounter every day? Or is it better to create brand new patterns for a more delightful user experience?

With the myriad of options available, we can quickly become paralyzed by the overabundance of choices. But if we take a step back and consider why we build our digital products in the first place (i.e. the end-user) doesn’t it make sense to choose the pattern or library that can add the most value for the largest number of people?

If you thought choosing a pattern or library was an already daunting enough process, this might be the point where you start to get worried. But no need to fret — choosing an accessible pattern/library isn’t rocket science. Like everything else in technology, this journey starts with a little bit of knowledge, a huge heaping of trial and error, and an understanding that there is not just one perfect pattern/library that fits every user, situation, or framework.

How do I know this? Well, I have spent the past five years researching, building, and testing different types of accessible patterns while working on the A11y Style Guide, Deque’s ARIA Pattern Library, and evaluating popular SVG patterns. But I have also reviewed many client patterns and libraries on every framework/platform imaginable. At this point in time, I can say without qualms that there is an innate hierarchy for pattern accessibility that starts to develop when you look long enough. And while there are occasionally patterns to avoid at all costs, it isn’t always so clear-cut. When it comes to accessibility, I would argue most patterns fall into gradients of good, better, best. The difficult part is knowing which pattern belongs in what category.

Thinking Critically About Patterns

So how do we know which patterns are good, better, best when it comes to accessibility? It depends. This often invoked phrase from the digital accessibility community is not a cop-out but is shorthand for “we need more context to be able to give you the best answer.” However, the context is not always clear, so when building and evaluating the accessibility of a pattern, some fundamental questions I ask include:

  • Is there already an established accessible pattern we can use?
  • What browsers and assistive technology (AT) devices are we supporting?
  • Are there any framework limitations or other integrations/factors to consider?

Of course, your specific questions may vary from mine, but the point is you need to start using your critical thinking skills when evaluating patterns. You can do this by first observing, analyzing, and then ranking each pattern for accessibility before you jump to a final decision. But before we get to that, let’s first delve into the initial questions a bit more.

Is There Already An Established Accessible Pattern?

Why does it seem that with each new framework, we get a whole new set of patterns? This constant reinvention of the wheel with new pattern choices can confuse and frustrate developers, especially since it is not usually necessary to do so.

Don’t believe me? Well, think about it this way: If we subscribe to the atomic design system, we understand that several small “atoms” of code come together to create a larger digital product. But in the scientific world, atoms are not the smallest component of life. Each atom is made of many subatomic particles like protons, neutrons, and electrons.

That same logic can be applied to our patterns. If we look deeper into all the patterns available in the various frameworks that exist, the core subatomic structure is essentially the same, regardless of the actual coding language used. This is why I appreciate streamlined coding libraries with accessible patterns that we can build upon based on technological and design needs.

Note: Some great reputable sources include Inclusive Components, Accessible Components, and the Gov.UK Design System, in addition to the list of accessible patterns Smashing Magazine recently published (plus a more detailed list of patterns and libraries at the end of the article).

What Browsers And Assistive Technology (AT) Devices Are We Supporting?

After researching a few base patterns that might work, we can move on to the question of browser and assistive technology (AT) device support. On its own, browser support is no joke. When you add in AT devices and ARIA specifications to the mix, things begin to get tricky…not impossible, just a lot more time, effort, and thought-process involved to figure it all out.

But it’s not all bad news. There are some fabulous resources like HTML5 Accessibility and Accessibility Support that help us build a greater understanding of current browser + AT device support. These websites outline the different HTML and ARIA pattern sub-elements available, include open source community tests, and provide some pattern examples — for both desktop and mobile browsers/AT devices.

Are There Any Framework Limitations Or Other Integrations/Factors To Consider?

Once we have chosen a few accessible base patterns and factored in the browser/AT device support, we can move on to more fine-grained contextual questions around the pattern and its environment. For example, if we are using a pattern in a content management system (CMS) or have legacy code considerations, there will be certain pattern limitations. In this case, a handful of pattern choices can quickly be slashed down to one or two. On the flip side, some frameworks are more forgiving and open to accepting any pattern, so we can worry less about framework restrictions and focus more on making the most accessible pattern choice we can make.

Besides all that we have discussed so far, there are many additional considerations to weigh when choosing a pattern, like performance, security, search engine optimization, language translation, third-party integration, and more. These factors will undoubtedly play into your accessible pattern choice, but you should also be thinking about the people creating the content. The accessible pattern you choose must be built in a robust enough way to handle any potential limitations around editor-generated and/or user-generated content.

Evaluating Patterns For Accessibility

Code often speaks louder than words, but before we jump into all of that, a quick note that the following pattern examples are not the only patterns available for each situation, nor is the one deemed “best” in the group the best option in the entire world of accessible patterns.

For the pattern demos below, we should imagine a hypothetical situation in which we are comparing each group of patterns against themselves. While this is not a realistic situation, running through these critical thinking exercises and evaluating the patterns for accessibility should help you be more prepared when you encounter pattern choice in the real world.

Accessible Button Patterns

The first group of patterns we will review for accessibility are ubiquitous to almost every website or app: buttons. The first button pattern uses the ARIA button role to mimic a button, while the second and third button patterns use the HTML

Best:

 for our monthly newsletter

While the first patterns seem simple at first glance, they do evoke some accessibility questions. For example, on the first button pattern, we see ARIA role="button" is used on the “good” pattern instead of an HTML

Better: role="img" + </code> + <code><desc></code></h5> <div class="break-out"> <pre><code class="language-svg"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" role="img" x="0px" y="0px" viewBox="0 0 511.997 511.997" style="enable-background:new 0 0 511.997 511.997;" xml:space="preserve"> <title>The second little pig built a house out of sticks. Sadly, he too was eaten by the big, bad wolf....
Best: role="img" + </code> + <code><desc></code> + <code>aria-labelledby="[id]"</code></h5> <div class="break-out"> <pre><code class="language-svg"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" role="img" aria-labelledby="pig3house pig3wolf" x="0px" y="0px" viewBox="0 0 511.997 511.997" style="enable-background:new 0 0 511.997 511.997;" xml:space="preserve"> <title id="pig3house">The third little pig built a house out of bricks. Thankfully he wasn't eaten by the wolf....

Let’s first look at the first pattern using </code> and <code><text></code> and visually hidden CSS. Unlike previous visibly hidden text in patterns, there <em>is</em> an inherent relationship between the <code><title></code> and <code><text></code> elements since they are grouped under the same SVG element umbrella. However, this relationship is not very strong. In fact, if you look back at my <a href="https://cariefisher.com/a11y-svg/">research on SVG patterns</a>, we see that only 3 out of 8 browser/AT combinations heard the complete message. (Note: Pig pattern #1 is equivalent to light bulb pattern #7.) <p>This is true though the working <a href="https://www.w3.org/TR/SVG2/text.html#Introduction">W3C SVG specs define the <code><text></code> element</a> as “a graphics element consisting of text…the characters to be drawn are expressed as character data. As a result, text data in SVG content is readily accessible to the visually impaired.” This first pattern is OK, but we can do better. <p>The second pattern removes the <code><text></code> element and replaces it with a <code><desc></code> element. The <a href="https://www.w3.org/TR/SVG2/struct.html#DescriptionAndTitleElements">W3C SVG specs</a> state: <blockquote> <p>“The <code><title></code> child element represents a short text alternative for the element… and the <code><desc></code> element represents more detailed textual information for the element such as a description.” </blockquote> <p>Meaning the <code><title></code> and <code><desc></code> elements in SVGs can be used similarly to image alternative text and long description options found traditionally in <code><img></code> elements. After adding the <code><desc></code> element to the second SVG, we see similar browser/AT support with 3 out of 8 combinations hearing the complete message. (Note: Pig pattern #2 is equivalent to light bulb pattern #10.) While these test results seem to mirror the first pattern, the reason this pattern gets a bump into the “better” category is it is slightly easier to implement code-wise and it <a href="https://webaim.org/projects/screenreadersurvey8">impacts more AT users</a>, as it worked on JAWS, VoiceOver desktop, and VoiceOver mobile, while the first pattern supported less popular browser/AT combinations. <p>The third pattern again uses the <code><title></code> and <code><desc></code> elements but now has an <code>aria-labelledby</code> plus ID added into the mix. According to the same SVG tests, adding this additional piece of code means we can fully support 7 out of 8 browser/AT combinations. (Note: Pig pattern #3 is equivalent to light bulb pattern #11.) Out of the three SVG patterns, this third one is the “best” since it supports the most AT devices. But this pattern does have a draw-back in using some browser/AT combinations; you will hear duplicate image title/description content for this pattern. While potentially annoying to users, I’d argue it is generally better to hear duplicated content than none at all. <h3 id="closing-thoughts">Closing Thoughts</h3> <p>While we all certainly value choice in tech, I wonder if we’ve come to a point in time where the overabundance of options has left us paralyzed and confused about what to do next? In terms of picking accessible patterns, we can ask straight-forward questions around pattern/library options, browser/AT device support, framework limitations, and more. <p>With the right data in hand, these questions are easy enough to answer. However, it becomes a bit more complicated when we go beyond patterns and really consider the people using them. It is then that we realize the impact our choices have on our users’ ability to succeed. As Prof. George Dei eloquently states: <blockquote> <p>“Inclusion is not bringing people into what already exists — it is making a new space, a better space for everyone.” </blockquote> <p>By taking a bit more time to critically think about patterns and choose the most accessible ones, we will undoubtedly create a more inclusive space to reach more users — on their terms. <h4 id="related-resources">Related Resources</h4> <h5 id="tools">Tools</h5> <h5 id="pattern-libraries">Pattern Libraries</h5> <div class="signature"><img src="https://www.smashingmagazine.com/images/logo/logo--red.png" alt="Smashing Editorial" width="35" height="46" loading="lazy" decoding="async"/><br /> <span>(vf, il)</span></div> </div> <p><script data-ad-client="ca-pub-2279633493037067" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <br /> <br /><a href="https://smashingmagazine.com/2021/03/good-better-best-untangling-complex-world-accessible-patterns/">Source</a> <div class="gmr-banner-aftercontent text-center"><script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-2279633493037067" crossorigin="anonymous"></script> <!-- TELEGRAF 300X250 --> <ins class="adsbygoogle" style="display:inline-block;width:300px;height:250px" data-ad-client="ca-pub-2279633493037067" data-ad-slot="7982520354"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script></div> <footer class="entry-footer"> <div class="clearfix"><div class="pull-left"></div><div class="pull-right"><div class="share-text">Sebarkan</div><ul class="gmr-socialicon-share"><li class="facebook"><a href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fsecurityexpose.com%2Fgood-better-best-untangling-the-complex-world-of-accessible-patterns-smashing-magazine%2F" rel="nofollow" title="Sebarkan ini"><span class="social_facebook"></span></a></li><li class="twitter"><a href="https://twitter.com/share?url=https%3A%2F%2Fsecurityexpose.com%2Fgood-better-best-untangling-the-complex-world-of-accessible-patterns-smashing-magazine%2F&text=Good%2C%20Better%2C%20Best-%20Untangling%20The%20Complex%20World%20Of%20Accessible%20Patterns%20%20Smashing%20Magazine" rel="nofollow" title="Tweet ini"><span class="social_twitter"></span></a></li><li class="whatsapp"><a href="https://api.whatsapp.com/send?text=Good%2C%20Better%2C%20Best-%20Untangling%20The%20Complex%20World%20Of%20Accessible%20Patterns%20%20Smashing%20Magazine https%3A%2F%2Fsecurityexpose.com%2Fgood-better-best-untangling-the-complex-world-of-accessible-patterns-smashing-magazine%2F" rel="nofollow" title="WhatsApp ini"><img src="https://securityexpose.com/wp-content/themes/bloggingpro/images/whatsapp.png" alt="Whatsapp" title="Whatsapp" /></a></li></ul></div></div> <nav class="navigation post-navigation" role="navigation" aria-label="Pos"> <h2 class="screen-reader-text">Navigasi pos</h2> <div class="nav-links"><div class="nav-previous"><a href="https://securityexpose.com/bagaimana-moskow-melawan-kemacetan-lalu-lintas/" rel="prev"><span>Pos sebelumnya</span> Bagaimana Moskow melawan kemacetan lalu lintas</a></div><div class="nav-next"><a href="https://securityexpose.com/westeal-alat-pencuri-cryptocurrency-yang-dapat-melakukannya-pos-ancaman/" rel="next"><span>Pos berikutnya</span> WeSteal: Alat Pencuri Cryptocurrency yang Dapat Melakukannya | Pos ancaman</a></div></div> </nav> </footer><!-- .entry-footer --> </div><!-- .entry-content --> </div><!-- .gmr-box-content --> <div class="gmr-related-post gmr-box-content gmr-gallery-related"><h3 class="widget-title">Pos terkait</h3><ul><li><a href="https://securityexpose.com/biden-calls-for-a-country-united-by-covid-19-vaccinations/" class="related-thumbnail thumb-radius" itemprop="url" title="Permalink ke: Biden Calls for a Country United by COVID-19 Vaccinations" rel="bookmark"><img width="1" height="1" src="https://securityexpose.com/wp-content/uploads/2021/06/Biden-Calls-for-a-Country-United-by-COVID-19-Vaccinations.jpg" class="attachment-medium size-medium wp-post-image" alt="Members of the Nevada National Guard offer coronavirus vaccines at a mobile vaccination clinic held at a tribal health center..." loading="lazy" title="Biden Calls for a Country United by COVID-19 Vaccinations" /></a><p><a href="https://securityexpose.com/biden-calls-for-a-country-united-by-covid-19-vaccinations/" itemprop="url" title="Permalink ke: Biden Calls for a Country United by COVID-19 Vaccinations" rel="bookmark">Biden Calls for a Country United by COVID-19 Vaccinations</a></p></li><li><a href="https://securityexpose.com/trump-shuts-down-blog-nearly-erasing-online-presence/" class="related-thumbnail thumb-radius" itemprop="url" title="Permalink ke: Trump Shuts Down Blog, Nearly Erasing Online Presence" rel="bookmark"><img width="1" height="1" src="https://securityexpose.com/wp-content/uploads/2021/06/Trump-Shuts-Down-Blog-Nearly-Erasing-Online-Presence.jpg" class="attachment-medium size-medium wp-post-image" alt="FILE - This June 27, 2019, file photo President Donald Trump's Twitter feed is photographed on an Apple iPad in New York. Amid..." loading="lazy" title="Trump Shuts Down Blog, Nearly Erasing Online Presence" /></a><p><a href="https://securityexpose.com/trump-shuts-down-blog-nearly-erasing-online-presence/" itemprop="url" title="Permalink ke: Trump Shuts Down Blog, Nearly Erasing Online Presence" rel="bookmark">Trump Shuts Down Blog, Nearly Erasing Online Presence</a></p></li><li><a href="https://securityexpose.com/asp-net-gets-blazor-webassembly-aot-hot-reload-net-maui-blazor-apps-visual-studio-magazine/" class="related-thumbnail thumb-radius" itemprop="url" title="Permalink ke: ASP.NET Gets Blazor WebAssembly AoT, Hot Reload, .NET MAUI Blazor Apps — Visual Studio Magazine" rel="bookmark"><img width="200" height="112" src="https://securityexpose.com/wp-content/uploads/2021/06/ASPNET-Gets-Blazor-WebAssembly-AoT-Hot-Reload-NET-MAUI-Blazor.ashx-200x112.jpeg" class="attachment-medium size-medium wp-post-image" alt="ASP.NET Gets Blazor WebAssembly AoT, Hot Reload, .NET MAUI Blazor Apps -- Visual Studio Magazine" loading="lazy" srcset="https://securityexpose.com/wp-content/uploads/2021/06/ASPNET-Gets-Blazor-WebAssembly-AoT-Hot-Reload-NET-MAUI-Blazor.ashx-200x112.jpeg 200w, https://securityexpose.com/wp-content/uploads/2021/06/ASPNET-Gets-Blazor-WebAssembly-AoT-Hot-Reload-NET-MAUI-Blazor.ashx-300x170.jpeg 300w, https://securityexpose.com/wp-content/uploads/2021/06/ASPNET-Gets-Blazor-WebAssembly-AoT-Hot-Reload-NET-MAUI-Blazor.ashx-640x358.jpeg 640w" sizes="(max-width: 200px) 100vw, 200px" title="ASP.NET Gets Blazor WebAssembly AoT, Hot Reload, .NET MAUI Blazor" /></a><p><a href="https://securityexpose.com/asp-net-gets-blazor-webassembly-aot-hot-reload-net-maui-blazor-apps-visual-studio-magazine/" itemprop="url" title="Permalink ke: ASP.NET Gets Blazor WebAssembly AoT, Hot Reload, .NET MAUI Blazor Apps — Visual Studio Magazine" rel="bookmark">ASP.NET Gets Blazor WebAssembly AoT, Hot Reload, .NET MAUI Blazor Apps — Visual Studio Magazine</a></p></li><li><a href="https://securityexpose.com/microsoft-peps-up-edge-browser-speed-with-sleeping-tabs-startup-boost/" class="related-thumbnail thumb-radius" itemprop="url" title="Permalink ke: Microsoft peps up Edge browser speed with sleeping tabs, startup boost" rel="bookmark"><img width="200" height="112" src="https://securityexpose.com/wp-content/uploads/2021/06/Microsoft-peps-up-Edge-browser-speed-with-sleeping-tabs-startup-200x112.jpg" class="attachment-medium size-medium wp-post-image" alt="Microsoft Edge icon logo" loading="lazy" srcset="https://securityexpose.com/wp-content/uploads/2021/06/Microsoft-peps-up-Edge-browser-speed-with-sleeping-tabs-startup-200x112.jpg 200w, https://securityexpose.com/wp-content/uploads/2021/06/Microsoft-peps-up-Edge-browser-speed-with-sleeping-tabs-startup-300x170.jpg 300w, https://securityexpose.com/wp-content/uploads/2021/06/Microsoft-peps-up-Edge-browser-speed-with-sleeping-tabs-startup-640x358.jpg 640w" sizes="(max-width: 200px) 100vw, 200px" title="Microsoft peps up Edge browser speed with sleeping tabs, startup" /></a><p><a href="https://securityexpose.com/microsoft-peps-up-edge-browser-speed-with-sleeping-tabs-startup-boost/" itemprop="url" title="Permalink ke: Microsoft peps up Edge browser speed with sleeping tabs, startup boost" rel="bookmark">Microsoft peps up Edge browser speed with sleeping tabs, startup boost</a></p></li><li><a href="https://securityexpose.com/10-communities-for-underrepresented-data-scientists/" class="related-thumbnail thumb-radius" itemprop="url" title="Permalink ke: 10 Communities for Underrepresented Data Scientists" rel="bookmark"><img width="200" height="112" src="https://securityexpose.com/wp-content/uploads/2021/06/10-Communities-for-Underrepresented-Data-Scientists-200x112.jpg" class="attachment-medium size-medium wp-post-image" alt="r-ladies underrepresented data science communities" loading="lazy" srcset="https://securityexpose.com/wp-content/uploads/2021/06/10-Communities-for-Underrepresented-Data-Scientists-200x112.jpg 200w, https://securityexpose.com/wp-content/uploads/2021/06/10-Communities-for-Underrepresented-Data-Scientists-300x170.jpg 300w, https://securityexpose.com/wp-content/uploads/2021/06/10-Communities-for-Underrepresented-Data-Scientists-640x358.jpg 640w" sizes="(max-width: 200px) 100vw, 200px" title="10 Communities for Underrepresented Data Scientists" /></a><p><a href="https://securityexpose.com/10-communities-for-underrepresented-data-scientists/" itemprop="url" title="Permalink ke: 10 Communities for Underrepresented Data Scientists" rel="bookmark">10 Communities for Underrepresented Data Scientists</a></p></li><li><a href="https://securityexpose.com/how-to-choose-the-right-photos-for-your-website-online-brand/" class="related-thumbnail thumb-radius" itemprop="url" title="Permalink ke: How to choose the right photos for your website & online brand" rel="bookmark"><img width="200" height="112" src="https://securityexpose.com/wp-content/uploads/2021/06/How-to-choose-the-right-photos-for-your-website-200x112.png" class="attachment-medium size-medium wp-post-image" alt="How to choose the right photos for your website & online brand" loading="lazy" srcset="https://securityexpose.com/wp-content/uploads/2021/06/How-to-choose-the-right-photos-for-your-website-200x112.png 200w, https://securityexpose.com/wp-content/uploads/2021/06/How-to-choose-the-right-photos-for-your-website-300x170.png 300w, https://securityexpose.com/wp-content/uploads/2021/06/How-to-choose-the-right-photos-for-your-website-640x358.png 640w" sizes="(max-width: 200px) 100vw, 200px" title="How to choose the right photos for your website &" /></a><p><a href="https://securityexpose.com/how-to-choose-the-right-photos-for-your-website-online-brand/" itemprop="url" title="Permalink ke: How to choose the right photos for your website & online brand" rel="bookmark">How to choose the right photos for your website & online brand</a></p></li></ul></div> <div class="gmr-banner-afterrelpost clearfix text-center"><!-- Composite Start --> <div id="M691140ScriptRootC1132938"></div> <script src="https://jsc.mgid.com/s/e/securityexpose.com.1132938.js" async></script> <!-- Composite End --></div> </article><!-- #post-## --> <div id="comments" class="comments-area"> <div id="respond" class="comment-respond"> <h3 id="reply-title" class="comment-reply-title">Tinggalkan Balasan <small><a rel="nofollow" id="cancel-comment-reply-link" href="/good-better-best-untangling-the-complex-world-of-accessible-patterns-smashing-magazine/#respond" style="display:none;">Batalkan balasan</a></small></h3><form action="https://securityexpose.com/wp-comments-post.php" method="post" id="commentform" class="comment-form" novalidate><p class="comment-notes"><span id="email-notes">Alamat email Anda tidak akan dipublikasikan.</span> Ruas yang wajib ditandai <span class="required">*</span></p><p class="comment-form-comment"><label for="comment" class="gmr-hidden">Komentar</label><textarea id="comment" name="comment" cols="45" rows="2" placeholder="Komentar" aria-required="true"></textarea></p><p class="comment-form-author"><input id="author" name="author" type="text" value="" placeholder="Nama*" size="30" aria-required='true' /></p> <p class="comment-form-email"><input id="email" name="email" type="text" value="" placeholder="Email*" size="30" aria-required='true' /></p> <p class="comment-form-url"><input id="url" name="url" type="text" value="" placeholder="Situs" size="30" /></p> <p class="comment-form-cookies-consent"><input id="wp-comment-cookies-consent" name="wp-comment-cookies-consent" type="checkbox" value="yes" /> <label for="wp-comment-cookies-consent">Simpan nama, email, dan situs web saya pada peramban ini untuk komentar saya berikutnya.</label></p> <p class="form-submit"><input name="submit" type="submit" id="submit" class="submit" value="Kirim Komentar" /> <input type='hidden' name='comment_post_ID' value='11669' id='comment_post_ID' /> <input type='hidden' name='comment_parent' id='comment_parent' value='0' /> </p><input type="hidden" id="ak_js" name="ak_js" value="225"/><textarea name="ak_hp_textarea" cols="45" rows="8" maxlength="100" style="display: none !important;"></textarea></form> </div><!-- #respond --> </div><!-- #comments --> </div> </main><!-- #main --> </div><!-- .content-area --> </div><!-- #primary --> <aside id="secondary" class="widget-area col-md-sidebar pos-sticky" role="complementary" itemscope="itemscope" itemtype="http://schema.org/WPSideBar"> <div id="bloggingpro-recentposts-1" class="widget bloggingpro-recentposts"><h3 class="widget-title">Berita Utama</h3> <div class="gmr-recentposts-widget"> <ul> <li class="listpost-first clearfix"> <div class="gmr-rp-image thumb-radius"><a href="https://securityexpose.com/pasang-stiker-ayo-pakai-masker-satlantas-polres-sinjai-imbau-warga-patuhi-prokes/" itemprop="url" title="Permalink ke: Pasang Stiker Ayo Pakai Masker, Satlantas Polres Sinjai Imbau Warga Patuhi Prokes"><img width="300" height="170" src="https://securityexpose.com/wp-content/uploads/2021/06/Pasang-Stiker-Ayo-Pakai-Masker-Satlantas-Polres-Sinjai-Imbau-Warga-300x170.jpg" class="attachment-large size-large wp-post-image" alt="Pasang Stiker Ayo Pakai Masker, Satlantas Polres Sinjai Imbau Warga Patuhi Prokes" loading="lazy" srcset="https://securityexpose.com/wp-content/uploads/2021/06/Pasang-Stiker-Ayo-Pakai-Masker-Satlantas-Polres-Sinjai-Imbau-Warga-300x170.jpg 300w, https://securityexpose.com/wp-content/uploads/2021/06/Pasang-Stiker-Ayo-Pakai-Masker-Satlantas-Polres-Sinjai-Imbau-Warga-200x112.jpg 200w" sizes="(max-width: 300px) 100vw, 300px" title="Pasang Stiker Ayo Pakai Masker, Satlantas Polres Sinjai Imbau Warga" /></a></div> <div class="gmr-rp-content"> <div class="gmr-metacontent"> <span class="cat-links-content"><a href="https://securityexpose.com/category/korlantas/" rel="category tag">Korlantas</a>, <a href="https://securityexpose.com/category/nasional/" rel="category tag">Nasional</a>, <a href="https://securityexpose.com/category/news/" rel="category tag">News</a></span><span class="byline">17/06/2021</span> </div> <div class="gmr-rp-link"> <a href="https://securityexpose.com/pasang-stiker-ayo-pakai-masker-satlantas-polres-sinjai-imbau-warga-patuhi-prokes/" itemprop="url" title="Permalink ke: Pasang Stiker Ayo Pakai Masker, Satlantas Polres Sinjai Imbau Warga Patuhi Prokes">Pasang Stiker Ayo Pakai Masker, Satlanta…</a> </div> </div> </li> <li class="listpost clearfix"> <div class="list-table clearfix"> <div class="table-row"> <div class="table-cell gmr-rp-thumb thumb-radius"> <a href="https://securityexpose.com/satlantas-polres-badung-sosialisasikan-larangan-penggunaan-knalpot-brong-ke-sekolah/" itemprop="url" title="Permalink ke: Satlantas Polres Badung Sosialisasikan Larangan Penggunaan Knalpot Brong ke Sekolah"><img width="60" height="60" src="https://securityexpose.com/wp-content/uploads/2021/06/Satlantas-Polres-Badung-Sosialisasikan-Larangan-Penggunaan-Knalpot-Brong-ke-Sekolah-60x60.jpg" class="attachment-thumbnail size-thumbnail wp-post-image" alt="Satlantas Polres Badung Sosialisasikan Larangan Penggunaan Knalpot Brong ke Sekolah" loading="lazy" title="Satlantas Polres Badung Sosialisasikan Larangan Penggunaan Knalpot Brong ke Sekolah" /></a> </div> <div class="table-cell"> <div class="gmr-metacontent"> <span class="cat-links-content"><a href="https://securityexpose.com/category/korlantas/" rel="category tag">Korlantas</a>, <a href="https://securityexpose.com/category/nasional/" rel="category tag">Nasional</a>, <a href="https://securityexpose.com/category/news/" rel="category tag">News</a></span><span class="byline">17/06/2021</span> </div> <div class="gmr-rp-link"> <a href="https://securityexpose.com/satlantas-polres-badung-sosialisasikan-larangan-penggunaan-knalpot-brong-ke-sekolah/" itemprop="url" title="Permalink ke: Satlantas Polres Badung Sosialisasikan Larangan Penggunaan Knalpot Brong ke Sekolah">Satlantas Polres Badung Sosialisasikan L…</a> </div> </div> </div> </div> </li> <li class="listpost clearfix"> <div class="list-table clearfix"> <div class="table-row"> <div class="table-cell gmr-rp-thumb thumb-radius"> <a href="https://securityexpose.com/cegah-penyebaran-covid-satlantas-polres-sukamara-bagikan-masker-ke-pengendara/" itemprop="url" title="Permalink ke: Cegah Penyebaran Covid, Satlantas Polres Sukamara Bagikan Masker ke Pengendara"><img width="60" height="60" src="https://securityexpose.com/wp-content/uploads/2021/06/Cegah-Penyebaran-Covid-Satlantas-Polres-Sukamara-Bagikan-Masker-ke-Pengendara-60x60.jpg" class="attachment-thumbnail size-thumbnail wp-post-image" alt="Cegah Penyebaran Covid, Satlantas Polres Sukamara Bagikan Masker ke Pengendara" loading="lazy" title="Cegah Penyebaran Covid, Satlantas Polres Sukamara Bagikan Masker ke Pengendara" /></a> </div> <div class="table-cell"> <div class="gmr-metacontent"> <span class="cat-links-content"><a href="https://securityexpose.com/category/korlantas/" rel="category tag">Korlantas</a>, <a href="https://securityexpose.com/category/nasional/" rel="category tag">Nasional</a>, <a href="https://securityexpose.com/category/news/" rel="category tag">News</a></span><span class="byline">17/06/2021</span> </div> <div class="gmr-rp-link"> <a href="https://securityexpose.com/cegah-penyebaran-covid-satlantas-polres-sukamara-bagikan-masker-ke-pengendara/" itemprop="url" title="Permalink ke: Cegah Penyebaran Covid, Satlantas Polres Sukamara Bagikan Masker ke Pengendara">Cegah Penyebaran Covid, Satlantas Polres…</a> </div> </div> </div> </div> </li> </ul> </div> </div><div id="custom_html-1" class="widget_text widget widget_custom_html"><div class="textwidget custom-html-widget"><script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-2279633493037067" crossorigin="anonymous"></script> <!-- TELEGRAF 300X600 --> <ins class="adsbygoogle" style="display:inline-block;width:300px;height:600px" data-ad-client="ca-pub-2279633493037067" data-ad-slot="1852258096"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script></div></div><div id="bloggingpro_tag_cloud-1" class="widget bloggingpro-tag-cloud"><h3 class="widget-title">Topik Populer</h3><div class="tagcloud"><ul class='wp-tag-cloud' role='list'> <li><a href="https://securityexpose.com/category/news/" class="tag-cloud-link tag-link-2505 tag-link-position-1" style="font-size: 8pt;" aria-label="News (896 item)">News</a></li> <li><a href="https://securityexpose.com/category/nasional/" class="tag-cloud-link tag-link-434 tag-link-position-2" style="font-size: 10.8pt;" aria-label="Nasional (1.064 item)">Nasional</a></li> <li><a href="https://securityexpose.com/category/korlantas/" class="tag-cloud-link tag-link-2501 tag-link-position-3" style="font-size: 13.95pt;" aria-label="Korlantas (1.330 item)">Korlantas</a></li> <li><a href="https://securityexpose.com/category/internet/" class="tag-cloud-link tag-link-634 tag-link-position-4" style="font-size: 19.55pt;" aria-label="Internet (1.926 item)">Internet</a></li> <li><a href="https://securityexpose.com/category/polri/" class="tag-cloud-link tag-link-685 tag-link-position-5" style="font-size: 22pt;" aria-label="Polri (2.230 item)">Polri</a></li> </ul> </div> </div><div id="custom_html-2" class="widget_text widget widget_custom_html"><div class="textwidget custom-html-widget"><script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-2279633493037067" crossorigin="anonymous"></script> <!-- TELEGRAF 300X600 --> <ins class="adsbygoogle" style="display:inline-block;width:300px;height:600px" data-ad-client="ca-pub-2279633493037067" data-ad-slot="1852258096"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script></div></div><div id="bloggingpro-recentposts-2" class="widget bloggingpro-recentposts"><h3 class="widget-title">Otomotif</h3> <div class="gmr-recentposts-widget"> <ul> </ul> </div> </div></aside><!-- #secondary --> </div><!-- .row --> </div><!-- .container --> <div class="gmr-footerbanner text-center"><div class="container"><script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-2279633493037067" crossorigin="anonymous"></script> <!-- TELEGRAF RESPONSIF --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-2279633493037067" data-ad-slot="3200966967" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script></div></div> </div><!-- .gmr-content --> </div><!-- #site-container --> <div class="footer-container"> <div class="container"> <div id="footer-sidebar" class="widget-footer" role="complementary"> <div class="row"> <div class="footer-column col-md-4"> <div id="bloggingpro-mostview-2" class="widget bloggingpro-mostview"><h3 class="widget-title">Paling Banyak Dilihat</h3> <div class="gmr-recentposts-widget"> <ul> <li class="listpost clearfix"> <div class="list-table clearfix"> <div class="table-row"> <div class="table-cell gmr-rp-thumb thumb-radius"> <a href="https://securityexpose.com/roku-youtube-tv-app-removed-from-channel-store-as-deal-with-google-ends/" itemprop="url" title="Permalink ke: Roku: YouTube TV app removed from channel store as deal with Google ends"><img width="60" height="60" src="https://securityexpose.com/wp-content/uploads/2021/05/Roku-YouTube-TV-app-removed-from-channel-store-as-deal-60x60.jpg" class="attachment-thumbnail size-thumbnail wp-post-image" alt="roku-express-4k-2021-orange-copy" loading="lazy" title="Roku: YouTube TV app removed from channel store as deal" /></a> </div> <div class="table-cell"> <div class="gmr-metacontent"> <span class="cat-links-content"><a href="https://securityexpose.com/category/internet/" rel="category tag">Internet</a></span><span class="byline">37 views</span> </div> <div class="gmr-rp-link"> <a href="https://securityexpose.com/roku-youtube-tv-app-removed-from-channel-store-as-deal-with-google-ends/" itemprop="url" title="Permalink ke: Roku: YouTube TV app removed from channel store as deal with Google ends">Roku: YouTube TV app removed from channe…</a> </div> </div> </div> </div> </li><li class="listpost clearfix"> <div class="list-table clearfix"> <div class="table-row"> <div class="table-cell gmr-rp-thumb thumb-radius"> <a href="https://securityexpose.com/cegah-pemudik-ditlantas-polda-jatim-siapkan-7-titik-penyekatan/" itemprop="url" title="Permalink ke: Cegah Pemudik, Ditlantas Polda Jatim Siapkan 7 Titik Penyekatan"><img width="60" height="60" src="https://securityexpose.com/wp-content/uploads/2021/04/Cegah-Pemudik-Ditlantas-Polda-Jatim-Siapkan-7-Titik-Penyekatan-150x150.jpg" class="attachment-thumbnail size-thumbnail wp-post-image" alt="Cegah Pemudik, Ditlantas Polda Jatim Siapkan 7 Titik Penyekatan" loading="lazy" srcset="https://securityexpose.com/wp-content/uploads/2021/04/Cegah-Pemudik-Ditlantas-Polda-Jatim-Siapkan-7-Titik-Penyekatan-150x150.jpg 150w, https://securityexpose.com/wp-content/uploads/2021/04/Cegah-Pemudik-Ditlantas-Polda-Jatim-Siapkan-7-Titik-Penyekatan-100x100.jpg 100w" sizes="(max-width: 60px) 100vw, 60px" title="Cegah Pemudik, Ditlantas Polda Jatim Siapkan 7 Titik Penyekatan" /></a> </div> <div class="table-cell"> <div class="gmr-metacontent"> <span class="cat-links-content"><a href="https://securityexpose.com/category/korlantas/" rel="category tag">Korlantas</a>, <a href="https://securityexpose.com/category/lalu-lintas/" rel="category tag">Lalu Lintas</a></span><span class="byline">33 views</span> </div> <div class="gmr-rp-link"> <a href="https://securityexpose.com/cegah-pemudik-ditlantas-polda-jatim-siapkan-7-titik-penyekatan/" itemprop="url" title="Permalink ke: Cegah Pemudik, Ditlantas Polda Jatim Siapkan 7 Titik Penyekatan">Cegah Pemudik, Ditlantas Polda Jatim Sia…</a> </div> </div> </div> </div> </li><li class="listpost clearfix"> <div class="list-table clearfix"> <div class="table-row"> <div class="table-cell gmr-rp-thumb thumb-radius"> <a href="https://securityexpose.com/wakapolda-kalsel-pimpin-vicon-bersama-satwil-jajaran-bahas-kesiapan-penerimaan-anggota-polri/" itemprop="url" title="Permalink ke: Wakapolda Kalsel Pimpin Vicon Bersama Satwil Jajaran, Bahas Kesiapan Penerimaan Anggota Polri"><img width="60" height="60" src="https://securityexpose.com/wp-content/uploads/2021/04/Wakapolda-Kalsel-Pimpin-Vicon-Bersama-Satwil-Jajaran-Bahas-Kesiapan-Penerimaan-150x150.jpg" class="attachment-thumbnail size-thumbnail wp-post-image" alt="Wakapolda Kalsel Pimpin Vicon Bersama Satwil Jajaran, Bahas Kesiapan Penerimaan Anggota Polri" loading="lazy" srcset="https://securityexpose.com/wp-content/uploads/2021/04/Wakapolda-Kalsel-Pimpin-Vicon-Bersama-Satwil-Jajaran-Bahas-Kesiapan-Penerimaan-150x150.jpg 150w, https://securityexpose.com/wp-content/uploads/2021/04/Wakapolda-Kalsel-Pimpin-Vicon-Bersama-Satwil-Jajaran-Bahas-Kesiapan-Penerimaan-100x100.jpg 100w" sizes="(max-width: 60px) 100vw, 60px" title="Wakapolda Kalsel Pimpin Vicon Bersama Satwil Jajaran, Bahas Kesiapan Penerimaan" /></a> </div> <div class="table-cell"> <div class="gmr-metacontent"> <span class="cat-links-content"><a href="https://securityexpose.com/category/polri/" rel="category tag">Polri</a></span><span class="byline">24 views</span> </div> <div class="gmr-rp-link"> <a href="https://securityexpose.com/wakapolda-kalsel-pimpin-vicon-bersama-satwil-jajaran-bahas-kesiapan-penerimaan-anggota-polri/" itemprop="url" title="Permalink ke: Wakapolda Kalsel Pimpin Vicon Bersama Satwil Jajaran, Bahas Kesiapan Penerimaan Anggota Polri">Wakapolda Kalsel Pimpin Vicon Bersama Sa…</a> </div> </div> </div> </div> </li><li class="listpost clearfix"> <div class="list-table clearfix"> <div class="table-row"> <div class="table-cell"> <div class="gmr-metacontent"> <span class="cat-links-content"><a href="https://securityexpose.com/category/internet/" rel="category tag">Internet</a></span><span class="byline">24 views</span> </div> <div class="gmr-rp-link"> <a href="https://securityexpose.com/breathing-new-life-into-old-brick-and-mortar-home-accents-today/" itemprop="url" title="Permalink ke: Breathing new life into old brick and mortar | Home Accents Today">Breathing new life into old brick and mo…</a> </div> </div> </div> </div> </li><li class="listpost clearfix"> <div class="list-table clearfix"> <div class="table-row"> <div class="table-cell gmr-rp-thumb thumb-radius"> <a href="https://securityexpose.com/sat-lantas-polres-kepulauan-aru-gencar-berikan-himbauan-wajib-masker-kepada-warga/" itemprop="url" title="Permalink ke: Sat Lantas Polres Kepulauan Aru Gencar Berikan Himbauan Wajib Masker Kepada Warga"><img width="60" height="60" src="https://securityexpose.com/wp-content/uploads/2021/04/Sat-Lantas-Polres-Kepulauan-Aru-Gencar-Berikan-Himbauan-Wajib-Masker-150x150.jpg" class="attachment-thumbnail size-thumbnail wp-post-image" alt="Sat Lantas Polres Kepulauan Aru Gencar Berikan Himbauan Wajib Masker Kepada Warga" loading="lazy" srcset="https://securityexpose.com/wp-content/uploads/2021/04/Sat-Lantas-Polres-Kepulauan-Aru-Gencar-Berikan-Himbauan-Wajib-Masker-150x150.jpg 150w, https://securityexpose.com/wp-content/uploads/2021/04/Sat-Lantas-Polres-Kepulauan-Aru-Gencar-Berikan-Himbauan-Wajib-Masker-100x100.jpg 100w" sizes="(max-width: 60px) 100vw, 60px" title="Sat Lantas Polres Kepulauan Aru Gencar Berikan Himbauan Wajib Masker" /></a> </div> <div class="table-cell"> <div class="gmr-metacontent"> <span class="cat-links-content"><a href="https://securityexpose.com/category/polri/" rel="category tag">Polri</a></span><span class="byline">22 views</span> </div> <div class="gmr-rp-link"> <a href="https://securityexpose.com/sat-lantas-polres-kepulauan-aru-gencar-berikan-himbauan-wajib-masker-kepada-warga/" itemprop="url" title="Permalink ke: Sat Lantas Polres Kepulauan Aru Gencar Berikan Himbauan Wajib Masker Kepada Warga">Sat Lantas Polres Kepulauan Aru Gencar B…</a> </div> </div> </div> </div> </li> </ul> </div> </div> </div> </div> </div> <div id="footer-content" class="content-footer"> <div class="row"> <div class="footer-column col-md-6"> <div class="gmr-footer-logo"><img src="https://securityexpose.com/wp-content/uploads/2021/04/Security-Expose.png" alt="Security Never Sleep" title="Security Never Sleep" /></div><ul id="copyright-menu" class="menu"><li id="menu-item-8771" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-8771"><a title="Indeks" href="https://securityexpose.com/indeks/" itemprop="url">Indeks</a></li> <li id="menu-item-41" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-41"><a title="Kode Etik" href="https://securityexpose.com/kode-etik/" itemprop="url">Kode Etik</a></li> <li id="menu-item-71" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-71"><a href="#" itemprop="url">Karir</a></li> <li id="menu-item-70" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-70"><a href="#" itemprop="url">Redaksi</a></li> <li id="menu-item-42" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-42"><a title="Privacy Policy" href="https://securityexpose.com/privacy-policy-2/" itemprop="url">Privacy Policy</a></li> <li id="menu-item-43" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-43"><a title="Disclaimer" href="https://securityexpose.com/disclaimer/" itemprop="url">Disclaimer</a></li> <li id="menu-item-68" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-68"><a href="#" itemprop="url">Tentang Kami</a></li> <li id="menu-item-69" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-69"><a href="#" itemprop="url">Kontak Kami</a></li> <li id="menu-item-72" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-72"><a href="#" itemprop="url">Form Pengaduan</a></li> <li id="menu-item-40" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-40"><a title="Pedoman Media Siber" href="https://securityexpose.com/pedoman-media-siber/" itemprop="url">Pedoman Media Siber</a></li> </ul> </div> <div class="footer-column col-md-6"> <h3 class="widget-title">Jaringan Social</h3><ul class="footer-social-icon"><li class="facebook"><a href="#" title="Facebook" target="_blank" rel="nofollow"><span class="social_facebook"></span>Facebook</a></li><li class="twitter"><a href="#" title="Twitter" target="_blank" rel="nofollow"><span class="social_twitter"></span>Twitter</a></li><li class="instagram"><a href="#" title="Instagram" target="_blank" rel="nofollow"><span class="social_instagram"></span>Instagram</a></li><li class="linkedin"><a href="#" title="Linkedin" target="_blank" rel="nofollow"><span class="social_linkedin"></span>Linkedin</a></li><li class="youtube"><a href="#" title="Youtube" target="_blank" rel="nofollow"><span class="social_youtube"></span>Youtube</a></li><li class="rssicon"><a href="https://securityexpose.com/feed/" title="RSS" target="_blank" rel="nofollow"><span class="social_rss"></span>RSS</a></li></ul> </div> </div> </div> <footer id="colophon" class="site-footer" role="contentinfo" itemscope="itemscope" itemtype="http://schema.org/WPFooter"> <div class="site-info"> Copyright © 2021 SecurityExpose. KBI Media Holding. All Rights Reserved. </div><!-- .site-info --> </footer> </div> </div><!-- .footer-container --> </div> <div class="gmr-floatbanner gmr-floatbanner-footer"><div class="container"><div class="inner-floatbottom"><button onclick="parentNode.remove()" title="tutup">tutup</button><script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-2279633493037067" crossorigin="anonymous"></script> <!-- TELEGRAF RESPONSIF --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-2279633493037067" data-ad-slot="3200966967" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script></div></div></div> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-2279633493037067" crossorigin="anonymous"></script> <!-- SecurityExpose --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-2279633493037067" data-ad-slot="4061612243" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <div id="amp-mobile-version-switcher" hidden> <a rel="amphtml" href="https://securityexpose.com/good-better-best-untangling-the-complex-world-of-accessible-patterns-smashing-magazine/?amp"> Go to mobile version </a> </div> <script type='text/javascript' id='wp-postviews-cache-js-extra'> /* <![CDATA[ */ var viewsCacheL10n = {"admin_ajax_url":"https:\/\/securityexpose.com\/wp-admin\/admin-ajax.php","post_id":"11669"}; /* ]]> */ </script> <script type='text/javascript' src='https://securityexpose.com/wp-content/plugins/wp-postviews/postviews-cache.js?ver=1.68' id='wp-postviews-cache-js'></script> <script type='text/javascript' src='https://securityexpose.com/wp-content/themes/bloggingpro/js/javascript-plugin-min.js?ver=1.2.3' id='bloggingpro-js-plugin-js'></script> <script type='text/javascript' src='https://securityexpose.com/wp-content/themes/bloggingpro/js/infinite-scroll.pkgd.min.js?ver=1.2.3' id='bloggingpro-infscroll-js'></script> <script type='text/javascript' src='https://securityexpose.com/wp-content/themes/bloggingpro/js/customscript.js?ver=1.2.3' id='bloggingpro-customscript-js'></script> <script type='text/javascript' src='https://securityexpose.com/wp-includes/js/comment-reply.min.js?ver=5.7.2' id='comment-reply-js'></script> <script type='text/javascript' src='https://securityexpose.com/wp-includes/js/wp-embed.min.js?ver=5.7.2' id='wp-embed-js'></script> <script id="bloggingpro-custom-js">(function( infScroll ) {"use strict";var elem = document.getElementById( 'gmr-main-load' );var elempag = document.querySelector( '.inf-pagination .next' );if ( ( typeof( elem ) != 'undefined' && elem != null ) && ( typeof( elempag ) != 'undefined' && elempag != null ) ) {var infScroll = new InfiniteScroll( elem, {path: '.inf-pagination .next',append: '.item-infinite',history: false,status: '.page-load-status',});} else {var elembtn = document.querySelector( '.view-more-button' );if ( typeof( elembtn ) != 'undefined' && elembtn != null ) {elembtn.style.display = 'none';}}})( window.infScroll );</script> </body> </html> <!-- Page generated by LiteSpeed Cache 3.6.4 on 2021-06-18 00:48:47 -->