HTML tags that make pages more accessible
Howard Lake | 4 August 2002 | News
Using HTML tags to make your charity’s Web pages more accessible is makes good business sense.
Accessible Web pages are a legal requirement now in the UK, but they also make good business sense. Your charity will want as many people as possible to access its Web pages.
Key tags to use include the following.
Advertisement
- The
tag within a link can offer an informative tip that will appear as the mouse moves over the link. <li>The <acronym> tag can expand an acronym so that it will appear in full as the mouse moves over the text. <li>A<br /> <caption> tag within a table can provide an explanation or title for a table. The </p> <summary> tag allows you to add a longer description of the contents or function of a table.</p> <li>The <tabindex> tag determines the order in which links or other Web page elements are accessed by using the Tab key on the keyboard. <li>The <link> tag can enhance the navigation elements of a Web page by including information about the relationships between a page and the page linked to e.g. back, home and next. </ul> <p></p> <div class='yarpp yarpp-related yarpp-related-shortcode yarpp-template-yarpp-template-starter'> <div style="padding-top:30px"> <h2>Related posts</h2> <div class="grid grid-sm-2" style="margin-bottom:40px"> <a href="https://fundraising.co.uk/2001/01/04/trustee-act-one-month-away/" class="card card--link card--alt"> <div class="card__image"> <span class="card__no-image">UK Fundraising</span> </div> <div class="card__content"> <div class="card__meta"> 4 January 2001 </div> <h3 class="card__title no-margin-xs">Trustee Act one month away</h3> </div> </a> <a href="https://fundraising.co.uk/2004/07/28/sky-narrows-down-choice-two-charities/" class="card card--link card--alt"> <div class="card__image"> <img width="100" height="23" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20100%2023'%3E%3C/svg%3E" alt="" data-lazy-src="https://fundraising.co.uk/wp-content/uploads/2021/06/2770.gif" /><noscript><img width="100" height="23" src="https://fundraising.co.uk/wp-content/uploads/2021/06/2770.gif" alt="" /></noscript> </div> <div class="card__content"> <div class="card__meta"> 28 July 2004 </div> <h3 class="card__title no-margin-xs">Sky narrows down choice to two charities</h3> </div> </a> <a href="https://fundraising.co.uk/2006/06/15/trustee-conference-take-place-22-june/" class="card card--link card--alt"> <div class="card__image"> <span class="card__no-image">UK Fundraising</span> </div> <div class="card__content"> <div class="card__meta"> 15 June 2006 </div> <h3 class="card__title no-margin-xs">Trustee Conference to take place on 22 June</h3> </div> </a> <a href="https://fundraising.co.uk/2021/10/21/energy-crisis-sees-trade-union-call-on-government-to-protect-third-sector-workers/" class="card card--link card--alt"> <div class="card__image"> <img width="1200" height="800" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201200%20800'%3E%3C/svg%3E" alt="" data-lazy-src="https://fundraising.co.uk/wp-content/uploads/2021/10/ilse-driessen-QdECiEXGCBU-unsplash.jpg" /><noscript><img width="1200" height="800" src="https://fundraising.co.uk/wp-content/uploads/2021/10/ilse-driessen-QdECiEXGCBU-unsplash.jpg" alt="" /></noscript> </div> <div class="card__content"> <div class="card__meta"> 21 October 2021 </div> <h3 class="card__title no-margin-xs">Energy crisis sees trade union call on government to protect third sector workers</h3> </div> </a> </div> </div> </div> <div class="pvc_clear"></div><p id="pvc_stats_14324" class="pvc_stats all pvc_load_by_ajax_update" data-element-id="14324" style=""><i class="pvc-stats-icon medium" aria-hidden="true"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="chart-bar" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="svg-inline--fa fa-chart-bar fa-w-16 fa-2x"><path fill="currentColor" d="M396.8 352h22.4c6.4 0 12.8-6.4 12.8-12.8V108.8c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v230.4c0 6.4 6.4 12.8 12.8 12.8zm-192 0h22.4c6.4 0 12.8-6.4 12.8-12.8V140.8c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v198.4c0 6.4 6.4 12.8 12.8 12.8zm96 0h22.4c6.4 0 12.8-6.4 12.8-12.8V204.8c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v134.4c0 6.4 6.4 12.8 12.8 12.8zM496 400H48V80c0-8.84-7.16-16-16-16H16C7.16 64 0 71.16 0 80v336c0 17.67 14.33 32 32 32h464c8.84 0 16-7.16 16-16v-16c0-8.84-7.16-16-16-16zm-387.2-48h22.4c6.4 0 12.8-6.4 12.8-12.8v-70.4c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v70.4c0 6.4 6.4 12.8 12.8 12.8z" class=""></path></svg></i> <img width="16" height="16" alt="Loading" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%3E%3C/svg%3E" border=0 data-lazy-src="https://fundraising.co.uk/wp-content/plugins/page-views-count/ajax-loader-2x.gif" /><noscript><img width="16" height="16" alt="Loading" src="https://fundraising.co.uk/wp-content/plugins/page-views-count/ajax-loader-2x.gif" border=0 /></noscript></p><div class="pvc_clear"></div> <div class="addthis_sharing_toolbox" style="margin-bottom:30px;"></div> <div class="blog-post-author"> <div class="blog-post-author__content"> <img src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="Howard Lake" class="blog-post-author__picture" data-lazy-src="https://secure.gravatar.com/avatar/e89bdb480ee604aaeafd5eb5c75c1e5c?s=96&d=mm&r=g" /><noscript><img src="https://secure.gravatar.com/avatar/e89bdb480ee604aaeafd5eb5c75c1e5c?s=96&d=mm&r=g" alt="Howard Lake" class="blog-post-author__picture" /></noscript> <p class="no-margin-xs"> <strong>About Howard Lake</strong><br /> Howard Lake is consultant editor of UK Fundraising. He founded the site in 1994 and successfully sold it in 2022. As director of Giving X Ltd he is exploring growing giving on a massive scale. He is the founder of Fundraising Camp and co-founder of <a href="https://goodjobs.me.uk">GoodJobs</a>. </p> </div> </div> <div style="margin-top:30px;"> <div id="disqus_thread"></div> </div> </main> <aside class="layout__sidebar"> <div class="sidebar"> <!-- Ads --> <div class="title-has-more" style="border:none; margin-bottom:10px"> <span><h2 class="badge badge--light-grey">Advertisements</h2></span> <a href="/advertise" class="title-has-more__item">Advertise</a> </div> <div class="adsanity-shortcode"></div> <div class="adsanity-shortcode"></div> <div class="adsanity-shortcode"></div> <div class="adsanity-shortcode"></div> <div class="adsanity-shortcode"><div class="ad-alignnone"><div class="ad-row"> <div id="ad-329994" class="ad-300x250 adsanity-300x250 alignnone adsanity-alignnone" ><div class="adsanity-inner"> <a rel="nofollow" href="https://fundraising.co.uk/ads/tft-why-your-supporters-are-wealthier-june-2024/" ><img width="300" height="250" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20250'%3E%3C/svg%3E" class="no-lazy-load wp-post-image" alt="Why your supporters are wealthier than you think... Course by Catherine Miles. Background photo of two sides of a terraced street of houses." decoding="async" data-lazy-src="https://fundraising.co.uk/wp-content/uploads/2023/11/Why-your-supporters-300-x-250-px.png" /><noscript><img width="300" height="250" src="https://fundraising.co.uk/wp-content/uploads/2023/11/Why-your-supporters-300-x-250-px.png" class="no-lazy-load wp-post-image" alt="Why your supporters are wealthier than you think... Course by Catherine Miles. Background photo of two sides of a terraced street of houses." decoding="async" /></noscript></a> </div></div> </div></div></div> <div class="adsanity-shortcode"></div> <div class="sidebar__item"> </div> <div class="sidebar__item"> </div> <div class="sidebar__item"> </div> <div class="sidebar__item"> </div> <section class="latest-posts " style="margin-bottom:30px"> <h2 class="latest-posts__title"> Popular </h2> <div class="gid"> <a href="https://fundraising.co.uk/2024/04/26/2023-saw-highest-ever-number-of-charitable-estates-in-wills-smee-ford/" class="job-listing__item"> <div class="card__meta" style="color:#000 !important;">26 Apr 2024 in <strong>News</strong></div> <p class="no-margin-xs">2023 saw highest ever number of charitable estates in wills: Smee & Ford</p> </a> <a href="https://fundraising.co.uk/2024/04/19/more-than-30mn-donated-to-london-marathon-fundraisers-on-justgiving-ahead-of-event/" class="job-listing__item"> <div class="card__meta" style="color:#000 !important;">19 Apr 2024 in <strong>News</strong></div> <p class="no-margin-xs">More than £30mn donated to London Marathon fundraisers on JustGiving ahead of event</p> </a> <a href="https://fundraising.co.uk/2024/05/10/more-than-half-of-charities-in-scotland-have-an-income-below-25k/" class="job-listing__item"> <div class="card__meta" style="color:#000 !important;">10 May 2024 in <strong>News</strong></div> <p class="no-margin-xs">More than half of charities in Scotland have an income below £25k</p> </a> <a href="https://fundraising.co.uk/2024/04/22/ms-partners-with-oxfam-to-trial-recycling-donated-unwearable-clothes/" class="job-listing__item"> <div class="card__meta" style="color:#000 !important;">22 Apr 2024 in <strong>News</strong></div> <p class="no-margin-xs">M&S partners with Oxfam to trial recycling donated unwearable clothes</p> </a> <a href="https://fundraising.co.uk/2024/04/29/relentless-champion-for-fundraising-mark-astarita-dies/" class="job-listing__item"> <div class="card__meta" style="color:#000 !important;">29 Apr 2024 in <strong>News</strong></div> <p class="no-margin-xs">"Relentless champion" for fundraising Mark Astarita dies</p> </a> </div> </section> <h2>Follow us</h2> <ul class="social-icons"> <div class="social-icons--top-row"> <li><a class="social-icons__icon social-icons__icon--twitter" target="_blank" href="https://twitter.com/ukfundraising"><i class="fab fa-twitter"></i></a></li> <li><a class="social-icons__icon social-icons__icon--instagram" target="_blank" href="https://www.instagram.com/ukfundraising/"><i class="fab fa-instagram"></i></a></li> <li><a class="social-icons__icon social-icons__icon--facebook" target="_blank" href="https://www.facebook.com/ukfundraising"><i class="fab fa-facebook-f"></i></a></li> <li><a class="social-icons__icon social-icons__icon--youtube" target="_blank" href="https://www.youtube.com/user/howardlake"><i class="fab fa-youtube"></i></a></li> <li><a class="social-icons__icon social-icons__icon--pinterest" target="_blank" href="https://www.pinterest.co.uk/howardlake"><i class="fab fa-pinterest"></i></a></li> </div> <div class="social-icons--bottom-row"> <li><a class="social-icons__icon social-icons__icon--linkedin" target="_blank" href="https://www.linkedin.com/company/fundraising-uk-ltd/"><i class="fab fa-linkedin-in"></i><p>Follow our page</p></a></li> <li><a class="social-icons__icon social-icons__icon--linkedin" target="_blank" href="https://www.linkedin.com/groups/2420938/"><i class="fab fa-linkedin-in"></i><p>Join our community</p></a></li> </div> </ul> <h2>Latest jobs</h2> <p>Job feed couldn't be loaded, please visit <a href='https://utopy.co/jobs' target='_blank'>Utopy</a></p><a style="margin-bottom:5px;" class="action action--white-on-light-red" href="https://utopy.co/job-alerts" target="_blank">Register for job alerts</a> <a class="action action--light-red-on-white-hollow" href="https://utopy.co/jobs" target="_blank">View all jobs</a></div> </aside> </div> <div class="newsletter-wrapper"> <div class="container"> <div class="newsletter"> <div> <h2 class="newsletter__title">Stay ahead of the curve</h2> <p class="newsletter__body">Join thousands of other top UK fundraisers by registering for our newsletter to get all the latest news, advice and opinion from the world of fundraising.</p> </div> <form action="https://fundraising.us1.list-manage.com/subscribe/post?u=a288eef89c8a2436acc45cc24&id=69d4b8ed6d" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" target="_blank"> <input required type="checkbox" id="consent" /> <label class="newsletter__consent" for="consent">I consent to the <a href="">terms and conditions</a></label> <div class="newsletter__fields"> <input required type="email" name="EMAIL" id="mce-EMAIL" class="newsletter__input" placeholder="you@email.com" /> <input type="submit" value="Subscribe" class="newsletter__submit" /> </div> <div> <div id="mce-responses" class="clear"> <div class="response" id="mce-error-response" style="display:none"></div> <div class="response" id="mce-success-response" style="display:none"></div> </div> <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups--> <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_506fea04570cbc4b1cecc2a3e_d4aa698188" tabindex="-1" value=""></div> </div> </form> </div> </div> </div> <div class="site-footer-wrapper"> <footer class="site-footer container"> <div class="adsanity-shortcode"><div class="ad-aligncenter"><div class="ad-row"> <div id="ad-330173" class="ad-728x90 adsanity-728x90 aligncenter adsanity-aligncenter" ><div class="adsanity-inner"> <a rel="nofollow" href="https://fundraising.co.uk/ads/tft-why-your-supporters-are-wealthier-728x90-20240618/" ><img width="728" height="90" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20728%2090'%3E%3C/svg%3E" class="no-lazy-load wp-post-image" alt="Why your supporters are wealthier than you expect. Course details." decoding="async" data-lazy-srcset="https://fundraising.co.uk/wp-content/uploads/2024/03/Why-your-supporters-728-x-90-px.png 728w, https://fundraising.co.uk/wp-content/uploads/2024/03/Why-your-supporters-728-x-90-px-400x49.png 400w" data-lazy-sizes="(max-width: 728px) 100vw, 728px" data-lazy-src="https://fundraising.co.uk/wp-content/uploads/2024/03/Why-your-supporters-728-x-90-px.png" /><noscript><img width="728" height="90" src="https://fundraising.co.uk/wp-content/uploads/2024/03/Why-your-supporters-728-x-90-px.png" class="no-lazy-load wp-post-image" alt="Why your supporters are wealthier than you expect. Course details." decoding="async" srcset="https://fundraising.co.uk/wp-content/uploads/2024/03/Why-your-supporters-728-x-90-px.png 728w, https://fundraising.co.uk/wp-content/uploads/2024/03/Why-your-supporters-728-x-90-px-400x49.png 400w" sizes="(max-width: 728px) 100vw, 728px" /></noscript></a> </div></div> </div></div></div> <div class="site-footer__blocks"> <div> <h3>Explore</h3> <ul role="menu"><li id="menu-item-40" class="menu-item menu-item-type-taxonomy menu-item-object-category current-post-ancestor current-menu-parent current-post-parent menu-item-40"><a href="https://fundraising.co.uk/category/news/">News</a></li> <li id="menu-item-266738" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-266738"><a href="https://fundraising.co.uk/category/blog/">Blogs</a></li> <li id="menu-item-267302" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-267302"><a href="/books">Books</a></li> </ul> </div> <div> <h3>Grow your charity</h3> <ul role="menu"><li id="menu-item-264745" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-264745"><a href="https://fundraising.co.uk/how-we-can-help-you/">How we can help you</a></li> <li id="menu-item-264746" class="menu-item menu-item-type-post_type_archive menu-item-object-suppliers menu-item-264746"><a href="https://fundraising.co.uk/suppliers/">Find a supplier</a></li> <li id="menu-item-264747" class="menu-item menu-item-type-post_type_archive menu-item-object-books menu-item-264747"><a href="https://fundraising.co.uk/books/">See our book recommendations</a></li> <li id="menu-item-264748" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-264748"><a href="https://www.tickettailor.com/events/ukfundraising">Access training</a></li> <li id="menu-item-264749" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-264749"><a href="https://goodjobs.me.uk/jobs">Find or post a job</a></li> <li id="menu-item-264750" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-264750"><a href="https://buytickets.at/ukfundraising">Attend an event</a></li> </ul> </div> <div> <h3>Find out more</h3> <ul role="menu"><li id="menu-item-46" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-46"><a href="https://fundraising.co.uk/about/">About</a></li> <li id="menu-item-266852" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-266852"><a href="https://fundraising.co.uk/contact-us/">Contact UK Fundraising</a></li> <li id="menu-item-48" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-48"><a href="https://fundraising.co.uk/advertise/">Advertise</a></li> </ul> </div> <div> <h3>Search UK Fundraising</h3> <div class="site-search"> <form method="get" id="search-form" action="https://fundraising.co.uk/"> <div class="site-search__inputs"> <input required type="search" placeholder="Search the site" name="s" id="s" value="" class="site-search__term" /> <button type="submit" class="site-search__submit"> <i class="far fa-search"></i> </button> </div> </form> </div> </div> </div> <section class="site-footer__additional"> <div> <p>Copyright © 2024 UK Fundraising.</p> <ul><li id="menu-item-49" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-49"><a href="#top">Skip to Top</a></li> <li id="menu-item-50" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-50"><a href="#main">Skip to Content</a></li> <li id="menu-item-263338" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-263338"><a href="https://fundraising.co.uk/accessibility/">Accessibility</a></li> <li id="menu-item-263339" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-privacy-policy menu-item-263339"><a rel="privacy-policy" href="https://fundraising.co.uk/privacy-policy/">Privacy and cookies policy</a></li> </ul> </div> </section> </footer> </div> <a rel="me" href="https://projectmushroom.social/@howardlake">Mastodon</a> <script type="rocketlazyloadscript"> document.addEventListener('DOMContentLoaded', function () { setTimeout(function(){ if( document.querySelectorAll('[name^=ct_checkjs]').length > 0 ) { apbct_public_sendREST( 'js_keys__get', { callback: apbct_js_keys__set_input_value } ) } },0) }) </script><script type="rocketlazyloadscript" data-rocket-type="text/javascript">window.addEventListener('DOMContentLoaded', function() { /* MonsterInsights Scroll Tracking */ if ( typeof(jQuery) !== 'undefined' ) { jQuery( document ).ready(function(){ function monsterinsights_scroll_tracking_load() { if ( ( typeof(__gaTracker) !== 'undefined' && __gaTracker && __gaTracker.hasOwnProperty( "loaded" ) && __gaTracker.loaded == true ) || ( typeof(__gtagTracker) !== 'undefined' && __gtagTracker ) ) { (function(factory) { factory(jQuery); }(function($) { /* Scroll Depth */ "use strict"; var defaults = { percentage: true }; var $window = $(window), cache = [], scrollEventBound = false, lastPixelDepth = 0; /* * Plugin */ $.scrollDepth = function(options) { var startTime = +new Date(); options = $.extend({}, defaults, options); /* * Functions */ function sendEvent(action, label, scrollDistance, timing) { if ( 'undefined' === typeof MonsterInsightsObject || 'undefined' === typeof MonsterInsightsObject.sendEvent ) { return; } var paramName = action.toLowerCase(); var fieldsArray = { send_to: 'G-2WT57LWL51', non_interaction: true }; fieldsArray[paramName] = label; if (arguments.length > 3) { fieldsArray.scroll_timing = timing MonsterInsightsObject.sendEvent('event', 'scroll_depth', fieldsArray); } else { MonsterInsightsObject.sendEvent('event', 'scroll_depth', fieldsArray); } } function calculateMarks(docHeight) { return { '25%' : parseInt(docHeight * 0.25, 10), '50%' : parseInt(docHeight * 0.50, 10), '75%' : parseInt(docHeight * 0.75, 10), /* Cushion to trigger 100% event in iOS */ '100%': docHeight - 5 }; } function checkMarks(marks, scrollDistance, timing) { /* Check each active mark */ $.each(marks, function(key, val) { if ( $.inArray(key, cache) === -1 && scrollDistance >= val ) { sendEvent('Percentage', key, scrollDistance, timing); cache.push(key); } }); } function rounded(scrollDistance) { /* Returns String */ return (Math.floor(scrollDistance/250) * 250).toString(); } function init() { bindScrollDepth(); } /* * Public Methods */ /* Reset Scroll Depth with the originally initialized options */ $.scrollDepth.reset = function() { cache = []; lastPixelDepth = 0; $window.off('scroll.scrollDepth'); bindScrollDepth(); }; /* Add DOM elements to be tracked */ $.scrollDepth.addElements = function(elems) { if (typeof elems == "undefined" || !$.isArray(elems)) { return; } $.merge(options.elements, elems); /* If scroll event has been unbound from window, rebind */ if (!scrollEventBound) { bindScrollDepth(); } }; /* Remove DOM elements currently tracked */ $.scrollDepth.removeElements = function(elems) { if (typeof elems == "undefined" || !$.isArray(elems)) { return; } $.each(elems, function(index, elem) { var inElementsArray = $.inArray(elem, options.elements); var inCacheArray = $.inArray(elem, cache); if (inElementsArray != -1) { options.elements.splice(inElementsArray, 1); } if (inCacheArray != -1) { cache.splice(inCacheArray, 1); } }); }; /* * Throttle function borrowed from: * Underscore.js 1.5.2 * http://underscorejs.org * (c) 2009-2013 Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors * Underscore may be freely distributed under the MIT license. */ function throttle(func, wait) { var context, args, result; var timeout = null; var previous = 0; var later = function() { previous = new Date; timeout = null; result = func.apply(context, args); }; return function() { var now = new Date; if (!previous) previous = now; var remaining = wait - (now - previous); context = this; args = arguments; if (remaining <= 0) { clearTimeout(timeout); timeout = null; previous = now; result = func.apply(context, args); } else if (!timeout) { timeout = setTimeout(later, remaining); } return result; }; } /* * Scroll Event */ function bindScrollDepth() { scrollEventBound = true; $window.on('scroll.scrollDepth', throttle(function() { /* * We calculate document and window height on each scroll event to * account for dynamic DOM changes. */ var docHeight = $(document).height(), winHeight = window.innerHeight ? window.innerHeight : $window.height(), scrollDistance = $window.scrollTop() + winHeight, /* Recalculate percentage marks */ marks = calculateMarks(docHeight), /* Timing */ timing = +new Date - startTime; checkMarks(marks, scrollDistance, timing); }, 500)); } init(); }; /* UMD export */ return $.scrollDepth; })); jQuery.scrollDepth(); } else { setTimeout(monsterinsights_scroll_tracking_load, 200); } } monsterinsights_scroll_tracking_load(); }); } /* End MonsterInsights Scroll Tracking */ });</script><script type="text/javascript" id="disqus_count-js-extra"> /* <![CDATA[ */ var countVars = {"disqusShortname":"ukfundraising"}; /* ]]> */ </script> <script type="rocketlazyloadscript" data-minify="1" data-rocket-type="text/javascript" data-rocket-src="https://fundraising.co.uk/wp-content/cache/min/1/wp-content/plugins/disqus-comment-system/public/js/comment_count.js?ver=1700755760" id="disqus_count-js" defer></script> <script type="text/javascript" id="disqus_embed-js-extra"> /* <![CDATA[ */ var embedVars = {"disqusConfig":{"integration":"wordpress 3.1.1"},"disqusIdentifier":"14324 http:\/\/guid","disqusShortname":"ukfundraising","disqusTitle":"HTML tags that make pages more accessible","disqusUrl":"https:\/\/fundraising.co.uk\/2002\/08\/04\/html-tags-make-pages-more-accessible\/","postId":"14324"}; /* ]]> */ </script> <script type="rocketlazyloadscript" data-minify="1" data-rocket-type="text/javascript" data-rocket-src="https://fundraising.co.uk/wp-content/cache/min/1/wp-content/plugins/disqus-comment-system/public/js/comment_embed.js?ver=1700755760" id="disqus_embed-js" defer></script> <script type="rocketlazyloadscript" data-rocket-type="text/javascript" id="rocket-browser-checker-js-after"> /* <![CDATA[ */ "use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){return protoProps&&defineProperties(Constructor.prototype,protoProps),staticProps&&defineProperties(Constructor,staticProps),Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}var RocketBrowserCompatibilityChecker=function(){function RocketBrowserCompatibilityChecker(options){_classCallCheck(this,RocketBrowserCompatibilityChecker),this.passiveSupported=!1,this._checkPassiveOption(this),this.options=!!this.passiveSupported&&options}return _createClass(RocketBrowserCompatibilityChecker,[{key:"_checkPassiveOption",value:function(self){try{var options={get passive(){return!(self.passiveSupported=!0)}};window.addEventListener("test",null,options),window.removeEventListener("test",null,options)}catch(err){self.passiveSupported=!1}}},{key:"initRequestIdleCallback",value:function(){!1 in window&&(window.requestIdleCallback=function(cb){var start=Date.now();return setTimeout(function(){cb({didTimeout:!1,timeRemaining:function(){return Math.max(0,50-(Date.now()-start))}})},1)}),!1 in window&&(window.cancelIdleCallback=function(id){return clearTimeout(id)})}},{key:"isDataSaverModeOn",value:function(){return"connection"in navigator&&!0===navigator.connection.saveData}},{key:"supportsLinkPrefetch",value:function(){var elem=document.createElement("link");return elem.relList&&elem.relList.supports&&elem.relList.supports("prefetch")&&window.IntersectionObserver&&"isIntersecting"in IntersectionObserverEntry.prototype}},{key:"isSlowConnection",value:function(){return"connection"in navigator&&"effectiveType"in navigator.connection&&("2g"===navigator.connection.effectiveType||"slow-2g"===navigator.connection.effectiveType)}}]),RocketBrowserCompatibilityChecker}(); /* ]]> */ </script> <script type="text/javascript" id="rocket-preload-links-js-extra"> /* <![CDATA[ */ var RocketPreloadLinksConfig = {"excludeUris":"\/(?:.+\/)?feed(?:\/(?:.+\/?)?)?$|\/(?:.+\/)?embed\/|\/(index.php\/)?(.*)wp-json(\/.*|$)|\/refer\/|\/go\/|\/recommend\/|\/recommends\/","usesTrailingSlash":"1","imageExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php","fileExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php|html|htm","siteUrl":"https:\/\/fundraising.co.uk","onHoverDelay":"100","rateThrottle":"3"}; /* ]]> */ </script> <script type="rocketlazyloadscript" data-rocket-type="text/javascript" id="rocket-preload-links-js-after"> /* <![CDATA[ */ (function() { "use strict";var r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e=function(){function i(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(e,t,n){return t&&i(e.prototype,t),n&&i(e,n),e}}();function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var t=function(){function n(e,t){i(this,n),this.browser=e,this.config=t,this.options=this.browser.options,this.prefetched=new Set,this.eventTime=null,this.threshold=1111,this.numOnHover=0}return e(n,[{key:"init",value:function(){!this.browser.supportsLinkPrefetch()||this.browser.isDataSaverModeOn()||this.browser.isSlowConnection()||(this.regex={excludeUris:RegExp(this.config.excludeUris,"i"),images:RegExp(".("+this.config.imageExt+")$","i"),fileExt:RegExp(".("+this.config.fileExt+")$","i")},this._initListeners(this))}},{key:"_initListeners",value:function(e){-1<this.config.onHoverDelay&&document.addEventListener("mouseover",e.listener.bind(e),e.listenerOptions),document.addEventListener("mousedown",e.listener.bind(e),e.listenerOptions),document.addEventListener("touchstart",e.listener.bind(e),e.listenerOptions)}},{key:"listener",value:function(e){var t=e.target.closest("a"),n=this._prepareUrl(t);if(null!==n)switch(e.type){case"mousedown":case"touchstart":this._addPrefetchLink(n);break;case"mouseover":this._earlyPrefetch(t,n,"mouseout")}}},{key:"_earlyPrefetch",value:function(t,e,n){var i=this,r=setTimeout(function(){if(r=null,0===i.numOnHover)setTimeout(function(){return i.numOnHover=0},1e3);else if(i.numOnHover>i.config.rateThrottle)return;i.numOnHover++,i._addPrefetchLink(e)},this.config.onHoverDelay);t.addEventListener(n,function e(){t.removeEventListener(n,e,{passive:!0}),null!==r&&(clearTimeout(r),r=null)},{passive:!0})}},{key:"_addPrefetchLink",value:function(i){return this.prefetched.add(i.href),new Promise(function(e,t){var n=document.createElement("link");n.rel="prefetch",n.href=i.href,n.onload=e,n.onerror=t,document.head.appendChild(n)}).catch(function(){})}},{key:"_prepareUrl",value:function(e){if(null===e||"object"!==(void 0===e?"undefined":r(e))||!1 in e||-1===["http:","https:"].indexOf(e.protocol))return null;var t=e.href.substring(0,this.config.siteUrl.length),n=this._getPathname(e.href,t),i={original:e.href,protocol:e.protocol,origin:t,pathname:n,href:t+n};return this._isLinkOk(i)?i:null}},{key:"_getPathname",value:function(e,t){var n=t?e.substring(this.config.siteUrl.length):e;return n.startsWith("/")||(n="/"+n),this._shouldAddTrailingSlash(n)?n+"/":n}},{key:"_shouldAddTrailingSlash",value:function(e){return this.config.usesTrailingSlash&&!e.endsWith("/")&&!this.regex.fileExt.test(e)}},{key:"_isLinkOk",value:function(e){return null!==e&&"object"===(void 0===e?"undefined":r(e))&&(!this.prefetched.has(e.href)&&e.origin===this.config.siteUrl&&-1===e.href.indexOf("?")&&-1===e.href.indexOf("#")&&!this.regex.excludeUris.test(e.href)&&!this.regex.images.test(e.href))}}],[{key:"run",value:function(){"undefined"!=typeof RocketPreloadLinksConfig&&new n(new RocketBrowserCompatibilityChecker({capture:!0,passive:!0}),RocketPreloadLinksConfig).init()}}]),n}();t.run(); }()); /* ]]> */ </script> <script type="rocketlazyloadscript">(function(d){var s=d.createElement("script");s.type="text/javascript";s.src="https://a.omappapi.com/app/js/api.min.js";s.async=true;s.id="omapi-script";d.getElementsByTagName("head")[0].appendChild(s);})(document);</script> <script type="rocketlazyloadscript" data-rocket-type="text/javascript">var omapi_data = {"object_id":14324,"object_key":"post","object_type":"post","term_ids":[7],"wp_json":"https:\/\/fundraising.co.uk\/wp-json","wc_active":false,"edd_active":false,"nonce":"90002e86b1"};</script> <script>window.lazyLoadOptions=[{elements_selector:"img[data-lazy-src],.rocket-lazyload,iframe[data-lazy-src]",data_src:"lazy-src",data_srcset:"lazy-srcset",data_sizes:"lazy-sizes",class_loading:"lazyloading",class_loaded:"lazyloaded",threshold:300,callback_loaded:function(element){if(element.tagName==="IFRAME"&&element.dataset.rocketLazyload=="fitvidscompatible"){if(element.classList.contains("lazyloaded")){if(typeof window.jQuery!="undefined"){if(jQuery.fn.fitVids){jQuery(element).parent().fitVids()}}}}}},{elements_selector:".rocket-lazyload",data_src:"lazy-src",data_srcset:"lazy-srcset",data_sizes:"lazy-sizes",class_loading:"lazyloading",class_loaded:"lazyloaded",threshold:300,}];window.addEventListener('LazyLoad::Initialized',function(e){var lazyLoadInstance=e.detail.instance;if(window.MutationObserver){var observer=new MutationObserver(function(mutations){var image_count=0;var iframe_count=0;var rocketlazy_count=0;mutations.forEach(function(mutation){for(var i=0;i<mutation.addedNodes.length;i++){if(typeof mutation.addedNodes[i].getElementsByTagName!=='function'){continue} if(typeof mutation.addedNodes[i].getElementsByClassName!=='function'){continue} images=mutation.addedNodes[i].getElementsByTagName('img');is_image=mutation.addedNodes[i].tagName=="IMG";iframes=mutation.addedNodes[i].getElementsByTagName('iframe');is_iframe=mutation.addedNodes[i].tagName=="IFRAME";rocket_lazy=mutation.addedNodes[i].getElementsByClassName('rocket-lazyload');image_count+=images.length;iframe_count+=iframes.length;rocketlazy_count+=rocket_lazy.length;if(is_image){image_count+=1} if(is_iframe){iframe_count+=1}}});if(image_count>0||iframe_count>0||rocketlazy_count>0){lazyLoadInstance.update()}});var b=document.getElementsByTagName("body")[0];var config={childList:!0,subtree:!0};observer.observe(b,config)}},!1)</script><script data-no-minify="1" async src="https://fundraising.co.uk/wp-content/plugins/wp-rocket/assets/js/lazyload/17.8.3/lazyload.min.js"></script><script>function lazyLoadThumb(e,alt,l){var t='<img data-lazy-src="https://i.ytimg.com/vi_webp/ID/hqdefault.webp" alt="" width="480" height="360"><noscript><img src="https://i.ytimg.com/vi_webp/ID/hqdefault.webp" alt="" width="480" height="360"></noscript>',a='<button class="play" aria-label="play Youtube video"></button>';if(l){t=t.replace('data-lazy-','');t=t.replace('loading="lazy"','');t=t.replace(/<noscript>.*?<\/noscript>/g,'');}t=t.replace('alt=""','alt="'+alt+'"');return t.replace("ID",e)+a}function lazyLoadYoutubeIframe(){var e=document.createElement("iframe"),t="ID?autoplay=1";t+=0===this.parentNode.dataset.query.length?"":"&"+this.parentNode.dataset.query;e.setAttribute("src",t.replace("ID",this.parentNode.dataset.src)),e.setAttribute("frameborder","0"),e.setAttribute("allowfullscreen","1"),e.setAttribute("allow","accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"),this.parentNode.parentNode.replaceChild(e,this.parentNode)}document.addEventListener("DOMContentLoaded",function(){var exclusions=[];var e,t,p,u,l,a=document.getElementsByClassName("rll-youtube-player");for(t=0;t<a.length;t++)(e=document.createElement("div")),(u='https://i.ytimg.com/vi_webp/ID/hqdefault.webp'),(u=u.replace('ID',a[t].dataset.id)),(l=exclusions.some(exclusion=>u.includes(exclusion))),e.setAttribute("data-id",a[t].dataset.id),e.setAttribute("data-query",a[t].dataset.query),e.setAttribute("data-src",a[t].dataset.src),(e.innerHTML=lazyLoadThumb(a[t].dataset.id,a[t].dataset.alt,l)),a[t].appendChild(e),(p=e.querySelector(".play")),(p.onclick=lazyLoadYoutubeIframe)});</script> <script type="rocketlazyloadscript" data-rocket-type="text/javascript" data-rocket-src="//s7.addthis.com/js/300/addthis_widget.js#pubid=HowardLake" defer></script> <!-- Quantcast Choice. Consent Manager Tag v2.0 (for TCF 2.0) --> <script type="rocketlazyloadscript" data-rocket-type="text/javascript" async=true> (function() { var host = window.location.hostname; var element = document.createElement('script'); var firstScript = document.getElementsByTagName('script')[0]; var url = 'https://cmp.quantcast.com' .concat('/choice/', 'faWk1AcnfXlBo', '/', host, '/choice.js?tag_version=V2'); var uspTries = 0; var uspTriesLimit = 3; element.async = true; element.type = 'text/javascript'; element.src = url; firstScript.parentNode.insertBefore(element, firstScript); function makeStub() { var TCF_LOCATOR_NAME = '__tcfapiLocator'; var queue = []; var win = window; var cmpFrame; function addFrame() { var doc = win.document; var otherCMP = !!(win.frames[TCF_LOCATOR_NAME]); if (!otherCMP) { if (doc.body) { var iframe = doc.createElement('iframe'); iframe.style.cssText = 'display:none'; iframe.name = TCF_LOCATOR_NAME; doc.body.appendChild(iframe); } else { setTimeout(addFrame, 5); } } return !otherCMP; } function tcfAPIHandler() { var gdprApplies; var args = arguments; if (!args.length) { return queue; } else if (args[0] === 'setGdprApplies') { if ( args.length > 3 && args[2] === 2 && typeof args[3] === 'boolean' ) { gdprApplies = args[3]; if (typeof args[2] === 'function') { args[2]('set', true); } } } else if (args[0] === 'ping') { var retr = { gdprApplies: gdprApplies, cmpLoaded: false, cmpStatus: 'stub' }; if (typeof args[2] === 'function') { args[2](retr); } } else { if(args[0] === 'init' && typeof args[3] === 'object') { args[3] = Object.assign(args[3], { tag_version: 'V2' }); } queue.push(args); } } function postMessageEventHandler(event) { var msgIsString = typeof event.data === 'string'; var json = {}; try { if (msgIsString) { json = JSON.parse(event.data); } else { json = event.data; } } catch (ignore) {} var payload = json.__tcfapiCall; if (payload) { window.__tcfapi( payload.command, payload.version, function(retValue, success) { var returnMsg = { __tcfapiReturn: { returnValue: retValue, success: success, callId: payload.callId } }; if (msgIsString) { returnMsg = JSON.stringify(returnMsg); } if (event && event.source && event.source.postMessage) { event.source.postMessage(returnMsg, '*'); } }, payload.parameter ); } } while (win) { try { if (win.frames[TCF_LOCATOR_NAME]) { cmpFrame = win; break; } } catch (ignore) {} if (win === window.top) { break; } win = win.parent; } if (!cmpFrame) { addFrame(); win.__tcfapi = tcfAPIHandler; win.addEventListener('message', postMessageEventHandler, false); } }; makeStub(); var uspStubFunction = function() { var arg = arguments; if (typeof window.__uspapi !== uspStubFunction) { setTimeout(function() { if (typeof window.__uspapi !== 'undefined') { window.__uspapi.apply(window.__uspapi, arg); } }, 500); } }; var checkIfUspIsReady = function() { uspTries++; if (window.__uspapi === uspStubFunction && uspTries < uspTriesLimit) { console.warn('USP is not accessible'); } else { clearInterval(uspInterval); } }; if (typeof window.__uspapi === 'undefined') { window.__uspapi = uspStubFunction; var uspInterval = setInterval(checkIfUspIsReady, 6000); } })(); </script> <!-- End Quantcast Choice. Consent Manager Tag v2.0 (for TCF 2.0) --> <!-- This site is converting visitors into subscribers and customers with OptinMonster - https://optinmonster.com --> <script type="rocketlazyloadscript">(function(d,u,ac){var s=d.createElement('script');s.type='text/javascript';s.src='https://a.omappapi.com/app/js/api.min.js';s.async=true;s.dataset.user=u;s.dataset.account=ac;d.getElementsByTagName('head')[0].appendChild(s);})(document,169032,183291);</script> <!-- / OptinMonster --> <script>var rocket_lcp_data = {"ajax_url":"https:\/\/fundraising.co.uk\/wp\/wp-admin\/admin-ajax.php","nonce":"67e70a35a2","url":"https:\/\/fundraising.co.uk\/2002\/08\/04\/html-tags-make-pages-more-accessible","is_mobile":false,"elements":"img, video, picture, p, main, div, li, svg","width_threshold":1600,"height_threshold":700,"debug":null}</script><script data-name="wpr-lcp-beacon" src='https://fundraising.co.uk/wp-content/plugins/wp-rocket/assets/js/lcp-beacon.min.js' async></script></body> </html> <!-- This website is like a Rocket, isn't it? Performance optimized by WP Rocket. Learn more: https://wp-rocket.me -->