anchor.diff:          <li class="l-footer-primary__list--left">
             <div class="footer-primary__list-item">
               <a class="button facebook-link t-facebook-link" lang="en" href="https://www.facebook.com/MoneyAdviceService?ref=mas" target="_blank">
  -              <svg xmlns="http://www.w3.org/2000/svg" class="svg-icon svg-icon--facebook">
  +              <svg xmlns="http://www.w3.org/2000/svg" class="svg-icon svg-icon--facebook" role="presentation" aria-labelledby="facebook-label">
  +                <title id="facebook-label">Money Advice Service Facebook page</title>
                   <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-icon--facebook"></use>
                 </svg>
                 <span class="icon icon--facebook"></span>
  
positive.code:         <li class="l-footer-primary__list--centre">
            <div class="footer-primary__list-item">
              <a class="button twitter-link t-twitter-link" lang="en" href="https://twitter.com/YourMoneyAdvice" target="_blank">
                <svg xmlns="http://www.w3.org/2000/svg" class="svg-icon svg-icon--twitter">
                  <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-icon--twitter"></use>
                </svg>
                <span class="icon icon--twitter"></span>
  
negative.code:         <li class="l-footer-primary__list--right">
            <div class="footer-primary__list-item">
              <a class="button youtube-link t-youtube-link" lang="en" href="https://www.youtube.com/user/MoneyAdviceService" target="_blank">
                <svg xmlns="http://www.w3.org/2000/svg" class="svg-icon svg-icon--youtube" role="presentation" aria-labelledby="youtube-label">
                  <title id="youtube-label">Money Advice Service Youtube channel</title>
                  <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-icon--youtube"></use>
                </svg>
                <span class="icon icon--youtube"></span>
  