SVG Title vs. HTML Title Attribute

You know the title attribute? I can do this:

I'm a div with a `title`

And now if I’m on a device with a mouse pointer and hover the cursor over that element, I get…

Which, uh, I guess is something. I sometimes use it for things like putting an expanded date or time on an element that uses shorthand for it. It’s a tiny bit of UX helpfulness reserved exclusively for sighted mouse users.

But it’s not particularly useful, as I understand it. Ire Aderinokun dug into how it’s used for the element (a commonly cited example) and found that it’s not-so-great alone. She suggests a JavaScript-enhanced pattern. She also mentions that JAWS has a setting for announcing titles in there, so that’s interesting (although it sounds like it’s off by default).

I honestly just don’t know how useful title is for screen readers, but it’s certainly going to be nuanced.

I did just learn something about titles though… this doesn’t work:



If you hover over that element, you won’t get a title display. You have to do it like this:



  Checkout
  
  
  A shopping cart icon with baguettes and broccoli in the cart.

Which, interestingly, Firefox 79 just started supporting.

When you use title like that, the hoverable area to reveal the title popup is the entire rectangle of the .

I was looking at all this because I got an interesting email from someone who was in a situation where the title popup only seemed to come up when hovering over the “filled in” pixels of an SVG, and not where transparent pixels were. Weird, I thought. I couldn’t replicate in my testing either.

Turns out there is a situation like this. You can apply a </code> within a <code><use></code> element, then the title only applies to those pixels that come in via the <code><use></code>.</p> <p><iframe id="cp_embed_qBbvrzN" src="http://codepen.io/anon/embed/qBbvrzN?height=450&theme-id=1&slug-hash=qBbvrzN&default-tab=html,result" height="450" scrolling="no" frameborder="0" allowfullscreen="" allowpaymentrequest="" name="CodePen Embed qBbvrzN" title="CodePen Embed qBbvrzN" class="cp_embed_iframe" style="width:100%;overflow:hidden">CodePen Embed Fallback</iframe></p> <p>If you remove the “white part” title, you’ll see the “black part” only comes up over the black pixels. Seems to be consistent across browsers. Just something to watch out for if that’s how you apply titles. </p> </div> <p><a href="https://css-tricks.com/svg-title-vs-html-title-attribute/">Source link </a></p> </div> </div> </div> <div class="entry-footer"> <div class="entry-content-bottom"> <div class="entry-social"> <a class="fb-social hover-effect" title="Facebook" target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=https://tech-chat.co.za/2020/07/30/svg-title-vs-html-title-attribute/"><i class="zmdi zmdi-facebook"></i></a> <a class="tw-social hover-effect" title="Twitter" target="_blank" href="http://twitter.com/share?url=https://tech-chat.co.za/2020/07/30/svg-title-vs-html-title-attribute/"><i class="zmdi zmdi-twitter"></i></a> <a class="g-social hover-effect" title="Google Plus" target="_blank" href="https://plus.google.com/share?url=https://tech-chat.co.za/2020/07/30/svg-title-vs-html-title-attribute/"><i class="zmdi zmdi-google-plus"></i></a> <a class="pin-social hover-effect" title="Pinterest" target="_blank" href="https://pinterest.com/pin/create/button/?url=https://i1.wp.com/css-tricks.com/wp-content/uploads/2020/07/title-on-div.png?ssl=1&is-pending-load=1&media=&description=SVG Title vs. HTML Title Attribute"><i class="zmdi zmdi-pinterest"></i></a> </div> </div> <div class="post-previous-next"> <div class="post-previous"> <a href="https://tech-chat.co.za/2020/07/30/how-custom-software-development-boosts-businesses/"><i class="fa fa-angle-double-left"></i> Previous Post</a> </div> <div class="post-next"> <a href="https://tech-chat.co.za/2020/07/31/idc-confirms-that-despite-us-persecution-huawei-is-the-top-smartphone-seller-in-q2-2020/">Newer Post <i class="fa fa-angle-double-right"></i></a> </div> </div> </div> </article><!-- #post --> <div id="comments" class="comments-area"> <div id="respond" class="comment-respond"> <h3 id="reply-title" class="comment-reply-title">Leave A Reply <small><a rel="nofollow" id="cancel-comment-reply-link" href="/2020/07/30/svg-title-vs-html-title-attribute/#respond" style="display:none;">Cancel Reply</a></small></h3><form action="https://tech-chat.co.za/wp-comments-post.php" method="post" id="commentform" class="comment-form" novalidate><div class="row"><div class="comment-form-author col-lg-4 col-md-4 col-sm-12"><input id="author" name="author" type="text" value="" size="30" placeholder="Name"/></div> <div class="comment-form-email col-lg-4 col-md-4 col-sm-12"><input id="email" name="email" type="text" value="" size="30" placeholder="Email"/></div> <div class="comment-form-website col-lg-4 col-md-4 col-sm-12"><input id="website" name="url" type="text" value="" size="30" placeholder="Website"/></div></div> <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">Save my name, email, and website in this browser for the next time I comment.</label></p> <div class="comment-form-comment"><textarea id="comment" name="comment" cols="45" rows="8" placeholder="Comment" aria-required="true"></textarea></div><p class="form-submit"><input name="submit" type="submit" id="submit" class="submit" value="Post Comment" /> <input type='hidden' name='comment_post_ID' value='14194' id='comment_post_ID' /> <input type='hidden' name='comment_parent' id='comment_parent' value='0' /> </p></form> </div><!-- #respond --> </div><!-- #comments --> </main><!-- #main --> </div><!-- #primary --> <aside id="secondary" class="widget-area widget-has-sidebar sidebar-fixed col-xl-3 col-lg-4 col-md-12"> <div class="sidebar-fixed-inner"> <section id="search-2" class="widget widget_search"><div class="widget-content"> <form role="search" method="get" class="search-form" action="https://tech-chat.co.za/"> <div class="searchform-wrap"> <input type="text" placeholder="Search..." name="s" class="search-field" /> <button type="submit" class="search-submit"><i class="fa fa-search"></i></button> </div> </form></div></section><section id="media_image-3" class="widget widget_media_image"><div class="widget-content"><img width="350" height="250" src="https://tech-chat.co.za/wp-content/uploads/2018/10/side_img1.jpg" class="image wp-image-2652 attachment-full size-full" alt="" style="max-width: 100%; height: auto;" srcset="https://tech-chat.co.za/wp-content/uploads/2018/10/side_img1.jpg 350w, https://tech-chat.co.za/wp-content/uploads/2018/10/side_img1-300x214.jpg 300w" sizes="(max-width: 350px) 100vw, 350px" /></div></section><section id="tag_cloud-3" class="widget widget_tag_cloud"><div class="widget-content"><h2 class="widget-title">Tags</h2><div class="tagcloud"><a href="https://tech-chat.co.za/tag/5g/" class="tag-cloud-link tag-link-2799 tag-link-position-1" style="font-size: 8pt;" aria-label="5g (1 item)">5g</a> <a href="https://tech-chat.co.za/tag/30k/" class="tag-cloud-link tag-link-29 tag-link-position-2" style="font-size: 8pt;" aria-label="30k (1 item)">30k</a> <a href="https://tech-chat.co.za/tag/agencify/" class="tag-cloud-link tag-link-53 tag-link-position-3" style="font-size: 8pt;" aria-label="Agencify (1 item)">Agencify</a> <a href="https://tech-chat.co.za/tag/agency/" class="tag-cloud-link tag-link-2099 tag-link-position-4" style="font-size: 8pt;" aria-label="Agency (1 item)">Agency</a> <a href="https://tech-chat.co.za/tag/agencyco/" class="tag-cloud-link tag-link-52 tag-link-position-5" style="font-size: 8pt;" aria-label="Agencyco (1 item)">Agencyco</a> <a href="https://tech-chat.co.za/tag/applin/" class="tag-cloud-link tag-link-2740 tag-link-position-6" style="font-size: 22pt;" aria-label="Applin (6 items)">Applin</a> <a href="https://tech-chat.co.za/tag/armorlock/" class="tag-cloud-link tag-link-3098 tag-link-position-7" style="font-size: 8pt;" aria-label="ArmorLock (1 item)">ArmorLock</a> <a href="https://tech-chat.co.za/tag/blue-gold/" class="tag-cloud-link tag-link-51 tag-link-position-8" style="font-size: 8pt;" aria-label="Blue Gold (1 item)">Blue Gold</a> <a href="https://tech-chat.co.za/tag/business/" class="tag-cloud-link tag-link-2741 tag-link-position-9" style="font-size: 22pt;" aria-label="Business (6 items)">Business</a> <a href="https://tech-chat.co.za/tag/cloud/" class="tag-cloud-link tag-link-2742 tag-link-position-10" style="font-size: 8pt;" aria-label="Cloud (1 item)">Cloud</a> <a href="https://tech-chat.co.za/tag/gaming/" class="tag-cloud-link tag-link-2718 tag-link-position-11" style="font-size: 12.581818181818pt;" aria-label="gaming (2 items)">gaming</a> <a href="https://tech-chat.co.za/tag/hosting/" class="tag-cloud-link tag-link-28 tag-link-position-12" style="font-size: 12.581818181818pt;" aria-label="Hosting (2 items)">Hosting</a> <a href="https://tech-chat.co.za/tag/interserver/" class="tag-cloud-link tag-link-2100 tag-link-position-13" style="font-size: 8pt;" aria-label="interserver (1 item)">interserver</a> <a href="https://tech-chat.co.za/tag/life/" class="tag-cloud-link tag-link-2743 tag-link-position-14" style="font-size: 22pt;" aria-label="Life (6 items)">Life</a> <a href="https://tech-chat.co.za/tag/life-style/" class="tag-cloud-link tag-link-2744 tag-link-position-15" style="font-size: 8pt;" aria-label="Life style (1 item)">Life style</a> <a href="https://tech-chat.co.za/tag/mobilegaming/" class="tag-cloud-link tag-link-2801 tag-link-position-16" style="font-size: 8pt;" aria-label="mobilegaming (1 item)">mobilegaming</a> <a href="https://tech-chat.co.za/tag/most-of/" class="tag-cloud-link tag-link-56 tag-link-position-17" style="font-size: 8pt;" aria-label="Most of (1 item)">Most of</a> <a href="https://tech-chat.co.za/tag/no-matter/" class="tag-cloud-link tag-link-57 tag-link-position-18" style="font-size: 8pt;" aria-label="No matter (1 item)">No matter</a> <a href="https://tech-chat.co.za/tag/optimize/" class="tag-cloud-link tag-link-27 tag-link-position-19" style="font-size: 8pt;" aria-label="Optimize (1 item)">Optimize</a> <a href="https://tech-chat.co.za/tag/seo/" class="tag-cloud-link tag-link-50 tag-link-position-20" style="font-size: 8pt;" aria-label="SEO (1 item)">SEO</a> <a href="https://tech-chat.co.za/tag/ssd/" class="tag-cloud-link tag-link-2717 tag-link-position-21" style="font-size: 12.581818181818pt;" aria-label="ssd (2 items)">ssd</a> <a href="https://tech-chat.co.za/tag/techniq/" class="tag-cloud-link tag-link-2745 tag-link-position-22" style="font-size: 22pt;" aria-label="Techniq (6 items)">Techniq</a> <a href="https://tech-chat.co.za/tag/top-rated/" class="tag-cloud-link tag-link-55 tag-link-position-23" style="font-size: 8pt;" aria-label="Top rated (1 item)">Top rated</a> <a href="https://tech-chat.co.za/tag/vps-hosting/" class="tag-cloud-link tag-link-49 tag-link-position-24" style="font-size: 8pt;" aria-label="Vps Hosting (1 item)">Vps Hosting</a> <a href="https://tech-chat.co.za/tag/wd_black/" class="tag-cloud-link tag-link-2720 tag-link-position-25" style="font-size: 8pt;" aria-label="WD_Black (1 item)">WD_Black</a> <a href="https://tech-chat.co.za/tag/webhosting/" class="tag-cloud-link tag-link-2098 tag-link-position-26" style="font-size: 8pt;" aria-label="webhosting (1 item)">webhosting</a> <a href="https://tech-chat.co.za/tag/westerndigital/" class="tag-cloud-link tag-link-2719 tag-link-position-27" style="font-size: 12.581818181818pt;" aria-label="WesternDigital: (2 items)">WesternDigital:</a> <a href="https://tech-chat.co.za/tag/world-class/" class="tag-cloud-link tag-link-54 tag-link-position-28" style="font-size: 8pt;" aria-label="World Class (1 item)">World Class</a></div> </div></section><section id="archives-1" class="widget widget_archive"><div class="widget-content"><h2 class="widget-title">Archives</h2> <label class="screen-reader-text" for="archives-dropdown-1">Archives</label> <select id="archives-dropdown-1" name="archive-dropdown"> <option value="">Select Month</option> <option value='https://tech-chat.co.za/2020/11/'> November 2020 </option> <option value='https://tech-chat.co.za/2020/10/'> October 2020 </option> <option value='https://tech-chat.co.za/2020/09/'> September 2020 </option> <option value='https://tech-chat.co.za/2020/08/'> August 2020 </option> <option value='https://tech-chat.co.za/2020/07/'> July 2020 </option> <option value='https://tech-chat.co.za/2020/06/'> June 2020 </option> <option value='https://tech-chat.co.za/2020/05/'> May 2020 </option> <option value='https://tech-chat.co.za/2020/04/'> April 2020 </option> <option value='https://tech-chat.co.za/2020/03/'> March 2020 </option> <option value='https://tech-chat.co.za/2020/02/'> February 2020 </option> <option value='https://tech-chat.co.za/2020/01/'> January 2020 </option> <option value='https://tech-chat.co.za/2019/12/'> December 2019 </option> <option value='https://tech-chat.co.za/2019/11/'> November 2019 </option> <option value='https://tech-chat.co.za/2019/10/'> October 2019 </option> <option value='https://tech-chat.co.za/2019/09/'> September 2019 </option> <option value='https://tech-chat.co.za/2019/08/'> August 2019 </option> <option value='https://tech-chat.co.za/2019/07/'> July 2019 </option> <option value='https://tech-chat.co.za/2019/06/'> June 2019 </option> <option value='https://tech-chat.co.za/2019/05/'> May 2019 </option> <option value='https://tech-chat.co.za/2018/10/'> October 2018 </option> <option value='https://tech-chat.co.za/2018/08/'> August 2018 </option> <option value='https://tech-chat.co.za/2018/07/'> July 2018 </option> <option value='https://tech-chat.co.za/2018/06/'> June 2018 </option> <option value='https://tech-chat.co.za/2018/05/'> May 2018 </option> <option value='https://tech-chat.co.za/2018/04/'> April 2018 </option> </select> <script type="text/javascript"> /* <![CDATA[ */ (function() { var dropdown = document.getElementById( "archives-dropdown-1" ); function onSelectChange() { if ( dropdown.options[ dropdown.selectedIndex ].value !== '' ) { document.location.href = this.options[ this.selectedIndex ].value; } } dropdown.onchange = onSelectChange; })(); /* ]]> */ </script> </div></section><section id="ct_recent_posts-2" class="widget widget_ct_recent_posts"><div class="widget-content"><h2 class="widget-title">Recent Posts</h2><div class="posts-list"><div class="entry-brief"> <div class="entry-content"> <h4 class="entry-title"><a href="https://tech-chat.co.za/2020/11/23/xiaomis-upcoming-foldable-phone-could-include-a-pop-up-camera/" title="Xiaomi’s upcoming foldable phone could include a pop-up camera">Xiaomi’s upcoming foldable phone could include a pop-up camera</a></h4> <ul class="entry-meta"> <li class="item-date"> <i class="fa fa-calendar"></i>November 23, 2020 </li> </ul> </div> </div> <div class="entry-brief"> <div class="entry-content"> <h4 class="entry-title"><a href="https://tech-chat.co.za/2020/11/23/how-to-create-instagram-guides-on-iphone-and-android/" title="How to Create Instagram Guides on iPhone and Android">How to Create Instagram Guides on iPhone and Android</a></h4> <ul class="entry-meta"> <li class="item-date"> <i class="fa fa-calendar"></i>November 23, 2020 </li> </ul> </div> </div> <div class="entry-brief"> <div class="entry-content"> <h4 class="entry-title"><a href="https://tech-chat.co.za/2020/11/22/deal-alert-get-an-amazon-smart-plug-for-just-5/" title="Deal Alert: Get an Amazon Smart Plug for just $5">Deal Alert: Get an Amazon Smart Plug for just $5</a></h4> <ul class="entry-meta"> <li class="item-date"> <i class="fa fa-calendar"></i>November 22, 2020 </li> </ul> </div> </div> </div></div></section><section id="text-3" class="widget widget_text"><div class="widget-content"><h2 class="widget-title">Gallery</h2> <div class="textwidget"><div class="wpb_gallery wpb_content_element vc_clearfix" ><div class="wpb_wrapper"><div class="wpb_gallery_slides wpb_image_grid" data-interval="3"><ul class="wpb_image_grid_ul"><li class="isotope-item"><a class="prettyphoto" href="https://tech-chat.co.za/wp-content/uploads/2018/10/portfolio3.jpg" data-rel="prettyPhoto[rel-14194-2996363153]"><img width="600" height="600" src="https://tech-chat.co.za/wp-content/uploads/2018/10/portfolio3.jpg" class="attachment-full" alt="" srcset="https://tech-chat.co.za/wp-content/uploads/2018/10/portfolio3.jpg 600w, https://tech-chat.co.za/wp-content/uploads/2018/10/portfolio3-300x300.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></a></li><li class="isotope-item"><a class="prettyphoto" href="https://tech-chat.co.za/wp-content/uploads/2018/10/portfolio2.jpg" data-rel="prettyPhoto[rel-14194-2996363153]"><img width="800" height="800" src="https://tech-chat.co.za/wp-content/uploads/2018/10/portfolio2.jpg" class="attachment-full" alt="" srcset="https://tech-chat.co.za/wp-content/uploads/2018/10/portfolio2.jpg 800w, https://tech-chat.co.za/wp-content/uploads/2018/10/portfolio2-300x300.jpg 300w, https://tech-chat.co.za/wp-content/uploads/2018/10/portfolio2-600x600.jpg 600w" sizes="(max-width: 800px) 100vw, 800px" /></a></li><li class="isotope-item"><a class="prettyphoto" href="https://tech-chat.co.za/wp-content/uploads/2018/10/portfolio4.jpg" data-rel="prettyPhoto[rel-14194-2996363153]"><img width="800" height="800" src="https://tech-chat.co.za/wp-content/uploads/2018/10/portfolio4.jpg" class="attachment-full" alt="" srcset="https://tech-chat.co.za/wp-content/uploads/2018/10/portfolio4.jpg 800w, https://tech-chat.co.za/wp-content/uploads/2018/10/portfolio4-300x300.jpg 300w, https://tech-chat.co.za/wp-content/uploads/2018/10/portfolio4-600x600.jpg 600w" sizes="(max-width: 800px) 100vw, 800px" /></a></li><li class="isotope-item"><a class="prettyphoto" href="https://tech-chat.co.za/wp-content/uploads/2018/10/portfolio5.jpg" data-rel="prettyPhoto[rel-14194-2996363153]"><img width="800" height="800" src="https://tech-chat.co.za/wp-content/uploads/2018/10/portfolio5.jpg" class="attachment-full" alt="" srcset="https://tech-chat.co.za/wp-content/uploads/2018/10/portfolio5.jpg 800w, https://tech-chat.co.za/wp-content/uploads/2018/10/portfolio5-300x300.jpg 300w, https://tech-chat.co.za/wp-content/uploads/2018/10/portfolio5-600x600.jpg 600w" sizes="(max-width: 800px) 100vw, 800px" /></a></li><li class="isotope-item"><a class="prettyphoto" href="https://tech-chat.co.za/wp-content/uploads/2018/10/portfolio1.jpg" data-rel="prettyPhoto[rel-14194-2996363153]"><img width="800" height="800" src="https://tech-chat.co.za/wp-content/uploads/2018/10/portfolio1.jpg" class="attachment-full" alt="" srcset="https://tech-chat.co.za/wp-content/uploads/2018/10/portfolio1.jpg 800w, https://tech-chat.co.za/wp-content/uploads/2018/10/portfolio1-300x300.jpg 300w, https://tech-chat.co.za/wp-content/uploads/2018/10/portfolio1-600x600.jpg 600w" sizes="(max-width: 800px) 100vw, 800px" /></a></li><li class="isotope-item"><a class="prettyphoto" href="https://tech-chat.co.za/wp-content/uploads/2018/10/gallery-update1.jpg" data-rel="prettyPhoto[rel-14194-2996363153]"><img width="600" height="600" src="https://tech-chat.co.za/wp-content/uploads/2018/10/gallery-update1.jpg" class="attachment-full" alt="" srcset="https://tech-chat.co.za/wp-content/uploads/2018/10/gallery-update1.jpg 600w, https://tech-chat.co.za/wp-content/uploads/2018/10/gallery-update1-300x300.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></a></li></ul></div></div></div> </div> </div></section> </div> </aside> </div> </div> </div><!-- #content inner --> </div><!-- #content --> <footer id="colophon" class="site-footer footer-layout1"> <div class="top-footer top-width-custom"> <div class="container"> <div class="row"> <div class="ct-footer-item col-xl-4 col-lg-4 col-md-4 col-sm-12"> <section id="text-4" class="widget widget_text"><h2 class="footer-widget-title">About Us</h2> <div class="textwidget"><p>We recognize that the needs of one client differ from the next and so needs assessment and Roi are our primary priority</p> </div> </section> <div class="contact-info widget"> <ul class="ct-contact-info-inner"> <li> <i class="fa fa-phone"></i> <span>011 066 2919</span> </li> <li> <i class="fa fa-envelope"></i> <span>info@tech-chat.co.za</span> </li> <li> <i class="fa fa-home"></i> <span>440 Felstead Rd, North Riding AH, Roodepoort, 2169</span> </li> </ul> </div> </div><div class="ct-footer-item col-xl-4 col-lg-4 col-md-4 col-sm-12"> <section id="nav_menu-8" class="widget widget_nav_menu"><h2 class="footer-widget-title">Links</h2><div class="menu-links-container"><ul id="menu-links" class="menu"><li id="menu-item-13891" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-13891"><a href="#" class="item-one-page">Home</a></li> <li id="menu-item-13892" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-13892"><a href="#" class="item-one-page">Services</a></li> <li id="menu-item-13893" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-13893"><a href="#" class="item-one-page">About Us</a></li> <li id="menu-item-13894" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-13894"><a href="#" class="item-one-page">Testimonials</a></li> <li id="menu-item-13895" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-13895"><a href="#" class="item-one-page">News</a></li> <li id="menu-item-13896" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-13896"><a href="#" class="item-one-page">Contact</a></li> </ul></div></section></div><div class="ct-footer-item col-xl-4 col-lg-4 col-md-4 col-sm-12"> <section id="nav_menu-9" class="widget widget_nav_menu"><h2 class="footer-widget-title">Services</h2><div class="menu-services-container"><ul id="menu-services" class="menu"><li id="menu-item-3464" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-3464"><a href="https://tech-chat.co.za" class="item-one-page">Outsourced Support</a></li> <li id="menu-item-3465" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-3465"><a href="https://tech-chat.co.za" class="item-one-page">Digital Marketing</a></li> <li id="menu-item-3799" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-3799"><a href="https://tech-chat.co.za/" class="item-one-page">Custom Services</a></li> <li id="menu-item-3463" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-3463"><a href="https://tech-chat.co.za" class="item-one-page">Graphics Design</a></li> <li id="menu-item-3461" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-3461"><a href="https://tech-chat.co.za" class="item-one-page">Hosting</a></li> <li id="menu-item-3462" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-3462"><a href="https://tech-chat.co.za/" class="item-one-page">SEO</a></li> </ul></div></section></div> </div> </div> </div> <div class="bottom-footer"> <div class="container"> <div class="row"> <div class="bottom-copyright"> <p>2020 © All rights reserved by Tech-Chat Solutions Pty Ltd</p> </div> <div class="bottom-social"> <label>Follow us:</label> <a href="#" target="_blank"><i class="fa fa-facebook-square"></i></a><a href="#" target="_blank"><i class="fa fa-twitter-square"></i></a><a href="#" target="_blank"><i class="fa fa-linkedin-square"></i></a><a href="#" target="_blank"><i class="fa fa-instagram"></i></a> </div> </div> </div> </div> </footer> <a href="#" class="ct-scroll-top"> <i class="ti-angle-up"></i> </a> </div><!-- #page --> <div id="yith-quick-view-modal"> <div class="yith-quick-view-overlay"></div> <div class="yith-wcqv-wrapper"> <div class="yith-wcqv-main"> <div class="yith-wcqv-head"> <a href="#" id="yith-quick-view-close" class="yith-wcqv-close">X</a> </div> <div id="yith-quick-view-content" class="woocommerce single-product"></div> </div> </div> </div> <script type="text/javascript"> jQuery( function($) { if ( typeof wc_add_to_cart_params === 'undefined' ) return false; $(document.body).on( 'added_to_cart', function( event, fragments, cart_hash, $button ) { var $pid = $button.data('product_id'); $.ajax({ type: 'POST', url: wc_add_to_cart_params.ajax_url, data: { 'action': 'item_added', 'id' : $pid }, success: function (response) { $('.ct-widget-cart-wrap').addClass('open'); } }); }); }); </script> <script type="text/javascript"> var c = document.body.className; c = c.replace(/woocommerce-no-js/, 'woocommerce-js'); document.body.className = c; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true"> <div class="pswp__bg"></div> <div class="pswp__scroll-wrap"> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <div class="pswp__counter"></div> <button class="pswp__button pswp__button--close" aria-label="Close (Esc)"></button> <button class="pswp__button pswp__button--share" aria-label="Share"></button> <button class="pswp__button pswp__button--fs" aria-label="Toggle fullscreen"></button> <button class="pswp__button pswp__button--zoom" aria-label="Zoom in/out"></button> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button class="pswp__button pswp__button--arrow--left" aria-label="Previous (arrow left)"></button> <button class="pswp__button pswp__button--arrow--right" aria-label="Next (arrow right)"></button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script type="text/template" id="tmpl-variation-template"> <div class="woocommerce-variation-description">{{{ data.variation.variation_description }}}</div> <div class="woocommerce-variation-price">{{{ data.variation.price_html }}}</div> <div class="woocommerce-variation-availability">{{{ data.variation.availability_html }}}</div> </script> <script type="text/template" id="tmpl-unavailable-variation-template"> <p>Sorry, this product is unavailable. Please choose a different combination.</p> </script> <link rel='stylesheet' id='js_composer_front-css' href='https://tech-chat.co.za/wp-content/plugins/js_composer/assets/css/js_composer.min.css?ver=6.2.0' type='text/css' media='all' /> <link rel='stylesheet' id='isotope-css-css' href='https://tech-chat.co.za/wp-content/plugins/js_composer/assets/css/lib/isotope.min.css?ver=6.2.0' type='text/css' media='all' /> <link rel='stylesheet' id='prettyphoto-css' href='https://tech-chat.co.za/wp-content/plugins/js_composer/assets/lib/prettyphoto/css/prettyPhoto.min.css?ver=6.2.0' type='text/css' media='all' /> <link rel='stylesheet' id='photoswipe-css' href='https://tech-chat.co.za/wp-content/plugins/woocommerce/assets/css/photoswipe/photoswipe.min.css?ver=4.3.0' type='text/css' media='all' /> <link rel='stylesheet' id='photoswipe-default-skin-css' href='https://tech-chat.co.za/wp-content/plugins/woocommerce/assets/css/photoswipe/default-skin/default-skin.min.css?ver=4.3.0' type='text/css' media='all' /> <script type='text/javascript' src='https://tech-chat.co.za/wp-content/plugins/yith-woocommerce-wishlist/assets/js/jquery.selectBox.min.js?ver=1.2.0'></script> <script type='text/javascript'> /* <![CDATA[ */ var yith_wcwl_l10n = {"ajax_url":"\/wp-admin\/admin-ajax.php","redirect_to_cart":"no","multi_wishlist":"","hide_add_button":"1","enable_ajax_loading":"","ajax_loader_url":"https:\/\/tech-chat.co.za\/wp-content\/plugins\/yith-woocommerce-wishlist\/assets\/images\/ajax-loader-alt.svg","remove_from_wishlist_after_add_to_cart":"1","is_wishlist_responsive":"1","labels":{"cookie_disabled":"We are sorry, but this feature is available only if cookies on your browser are enabled.","added_to_cart_message":"<div class=\"woocommerce-notices-wrapper\"><div class=\"woocommerce-message\" role=\"alert\">Product added to cart successfully<\/div><\/div>"},"actions":{"add_to_wishlist_action":"add_to_wishlist","remove_from_wishlist_action":"remove_from_wishlist","reload_wishlist_and_adding_elem_action":"reload_wishlist_and_adding_elem","load_mobile_action":"load_mobile","delete_item_action":"delete_item","save_title_action":"save_title","save_privacy_action":"save_privacy","load_fragments":"load_fragments"}}; /* ]]> */ </script> <script type='text/javascript' src='https://tech-chat.co.za/wp-content/plugins/yith-woocommerce-wishlist/assets/js/jquery.yith-wcwl.js?ver=3.0.11'></script> <script type='text/javascript'> /* <![CDATA[ */ var wpcf7 = {"apiSettings":{"root":"https:\/\/tech-chat.co.za\/wp-json\/contact-form-7\/v1","namespace":"contact-form-7\/v1"},"cached":"1"}; /* ]]> */ </script> <script type='text/javascript' src='https://tech-chat.co.za/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=5.2'></script> <script type='text/javascript' src='https://tech-chat.co.za/wp-content/plugins/ctcore/assets/js/ct-front.js?ver=all'></script> <script type='text/javascript' src='https://tech-chat.co.za/wp-content/plugins/woocommerce/assets/js/js-cookie/js.cookie.min.js?ver=2.1.4'></script> <script type='text/javascript'> /* <![CDATA[ */ var woocommerce_params = {"ajax_url":"\/wp-admin\/admin-ajax.php","wc_ajax_url":"\/?wc-ajax=%%endpoint%%"}; /* ]]> */ </script> <script type='text/javascript' src='https://tech-chat.co.za/wp-content/plugins/woocommerce/assets/js/frontend/woocommerce.min.js?ver=4.3.0'></script> <script type='text/javascript'> /* <![CDATA[ */ var wc_cart_fragments_params = {"ajax_url":"\/wp-admin\/admin-ajax.php","wc_ajax_url":"\/?wc-ajax=%%endpoint%%","cart_hash_key":"wc_cart_hash_f8bcb9b6f0a7d02670366ee780f0af67","fragment_name":"wc_fragments_f8bcb9b6f0a7d02670366ee780f0af67","request_timeout":"5000"}; /* ]]> */ </script> <script type='text/javascript' src='https://tech-chat.co.za/wp-content/plugins/woocommerce/assets/js/frontend/cart-fragments.min.js?ver=4.3.0'></script> <script type='text/javascript' src='https://www.google.com/recaptcha/api.js?render=6Le9dckUAAAAAPPFlpBelgGqNHoOA79MDzyruL6w&ver=3.0'></script> <script type='text/javascript'> /* <![CDATA[ */ var wpcf7_recaptcha = {"sitekey":"6Le9dckUAAAAAPPFlpBelgGqNHoOA79MDzyruL6w","actions":{"homepage":"homepage","contactform":"contactform"}}; /* ]]> */ </script> <script type='text/javascript' src='https://tech-chat.co.za/wp-content/plugins/contact-form-7/modules/recaptcha/script.js?ver=5.2'></script> <script type='text/javascript'> /* <![CDATA[ */ var yoast_wcseo_local_translations = {"select2":"disabled"}; /* ]]> */ </script> <script type='text/javascript' src='https://tech-chat.co.za/wp-content/plugins/wpseo-local/js/dist/wp-seo-local-checkout-1290.js?ver=12.9'></script> <script type='text/javascript'> /* <![CDATA[ */ var yith_qv = {"ajaxurl":"\/wp-admin\/admin-ajax.php","loader":"https:\/\/tech-chat.co.za\/wp-content\/plugins\/yith-woocommerce-quick-view\/assets\/image\/qv-loader.gif","lang":""}; /* ]]> */ </script> <script type='text/javascript' src='https://tech-chat.co.za/wp-content/plugins/yith-woocommerce-quick-view/assets/js/frontend.min.js?ver=1.4.2'></script> <script type='text/javascript' src='//tech-chat.co.za/wp-content/plugins/woocommerce/assets/js/prettyPhoto/jquery.prettyPhoto.min.js?ver=3.1.6'></script> <script type='text/javascript' src='https://tech-chat.co.za/wp-content/themes/nimmo/assets/js/bootstrap.min.js?ver=4.0.0'></script> <script type='text/javascript' src='https://tech-chat.co.za/wp-includes/js/comment-reply.min.js?ver=5.4.4'></script> <script type='text/javascript' src='https://tech-chat.co.za/wp-content/themes/nimmo/assets/js/tilt.js?ver=all'></script> <script type='text/javascript' src='https://tech-chat.co.za/wp-content/themes/nimmo/assets/js/nice-select.min.js?ver=all'></script> <script type='text/javascript' src='https://tech-chat.co.za/wp-content/themes/nimmo/assets/js/enscroll.js?ver=all'></script> <script type='text/javascript' src='https://tech-chat.co.za/wp-content/themes/nimmo/assets/js/match-height-min.js?ver=1.0.0'></script> <script type='text/javascript' src='https://tech-chat.co.za/wp-content/themes/nimmo/assets/js/sidebar-scroll-fixed.js?ver=1.0.0'></script> <script type='text/javascript' src='https://tech-chat.co.za/wp-content/themes/nimmo/assets/js/magnific-popup.min.js?ver=1.0.0'></script> <script type='text/javascript'> /* <![CDATA[ */ var main_data = {"ajax_url":"https:\/\/tech-chat.co.za\/wp-admin\/admin-ajax.php"}; /* ]]> */ </script> <script type='text/javascript' src='https://tech-chat.co.za/wp-content/themes/nimmo/assets/js/main.js?ver=1.1.9'></script> <script type='text/javascript' src='https://tech-chat.co.za/wp-content/themes/nimmo/assets/js/smoothscroll.min.js?ver=all'></script> <script type='text/javascript'> /* <![CDATA[ */ var newsletter = {"messages":{"email_error":"Email address is not correct","name_error":"Name is required","surname_error":"Last name is required","profile_error":"A mandatory field is not filled in","privacy_error":"You must accept the privacy policy"},"profile_max":"20"}; /* ]]> */ </script> <script type='text/javascript' src='https://tech-chat.co.za/wp-content/plugins/newsletter/subscription/validate.js?ver=6.8.2'></script> <script type='text/javascript' src='https://tech-chat.co.za/wp-includes/js/wp-embed.min.js?ver=5.4.4'></script> <script type='text/javascript' src='https://tech-chat.co.za/wp-content/plugins/ctcore/assets/js/one-page.js?ver=all'></script> <script type='text/javascript' src='https://tech-chat.co.za/wp-content/plugins/js_composer/assets/js/dist/js_composer_front.min.js?ver=6.2.0'></script> <script type='text/javascript' src='https://tech-chat.co.za/wp-content/plugins/js_composer/assets/lib/bower/imagesloaded/imagesloaded.pkgd.min.js?ver=6.2.0'></script> <script type='text/javascript' src='https://tech-chat.co.za/wp-content/plugins/js_composer/assets/lib/bower/isotope/dist/isotope.pkgd.min.js?ver=6.2.0'></script> <script type='text/javascript' src='https://tech-chat.co.za/wp-content/plugins/js_composer/assets/lib/prettyphoto/js/jquery.prettyPhoto.min.js?ver=6.2.0'></script> <script type='text/javascript' src='https://tech-chat.co.za/wp-includes/js/underscore.min.js?ver=1.8.3'></script> <script type='text/javascript'> /* <![CDATA[ */ var _wpUtilSettings = {"ajax":{"url":"\/wp-admin\/admin-ajax.php"}}; /* ]]> */ </script> <script type='text/javascript' src='https://tech-chat.co.za/wp-includes/js/wp-util.min.js?ver=5.4.4'></script> <script type='text/javascript'> /* <![CDATA[ */ var wc_add_to_cart_variation_params = {"wc_ajax_url":"\/?wc-ajax=%%endpoint%%","i18n_no_matching_variations_text":"Sorry, no products matched your selection. Please choose a different combination.","i18n_make_a_selection_text":"Please select some product options before adding this product to your cart.","i18n_unavailable_text":"Sorry, this product is unavailable. Please choose a different combination."}; /* ]]> */ </script> <script type='text/javascript' src='https://tech-chat.co.za/wp-content/plugins/woocommerce/assets/js/frontend/add-to-cart-variation.min.js?ver=4.3.0'></script> <script type='text/javascript' src='https://tech-chat.co.za/wp-content/plugins/woocommerce/assets/js/photoswipe/photoswipe.min.js?ver=4.1.1'></script> <script type='text/javascript' src='https://tech-chat.co.za/wp-content/plugins/woocommerce/assets/js/photoswipe/photoswipe-ui-default.min.js?ver=4.1.1'></script> <script type='text/javascript'> /* <![CDATA[ */ var wc_single_product_params = {"i18n_required_rating_text":"Please select a rating","review_rating_required":"yes","flexslider":{"rtl":false,"animation":"slide","smoothHeight":true,"directionNav":false,"controlNav":"thumbnails","slideshow":false,"animationSpeed":500,"animationLoop":false,"allowOneSlide":false},"zoom_enabled":"","zoom_options":[],"photoswipe_enabled":"1","photoswipe_options":{"shareEl":false,"closeOnScroll":false,"history":false,"hideAnimationDuration":0,"showAnimationDuration":0},"flexslider_enabled":"1"}; /* ]]> */ </script> <script type='text/javascript' src='https://tech-chat.co.za/wp-content/plugins/woocommerce/assets/js/frontend/single-product.min.js?ver=4.3.0'></script> </body> </html> <!-- Page generated by LiteSpeed Cache 3.2.4 on 2020-11-23 18:31:53 -->