ADA合规性问题与我的准则

Question

我的网站最近已针对ADA合规性进行了扫描，并且有一个特定的问题，我似乎无法弄清楚如何修复。我得到的错误是＃34;相邻的链接没有正确分开。＆＃34;下面是它所引用的代码。

<ul class="desktop-nav hidden-sm hidden-xs hide-on-tablet">
                            <li><a href="#" title="Home"><span class="fa fa-home" aria-hidden="true"></span> home
                            <small>our home page</small></a></li>
                            <li id="mega-menu-1-hover"><a href="#" title="Accounts"><span class="fa fa-folder-open" aria-hidden="true"></span> accounts <small>checking &amp; savings</small></a></li>
                            <li id="mega-menu-2-hover"><a href="#" title="Loans"><span class="fa fa-money" aria-hidden="true"v></span> loans <small>what do you need?</small></a></li>
                            <li id="mega-menu-3-hover"><a href="#" title="Services"><span class="fa fa-gears" aria-hidden="true"></span> services <small>what can we do for you?</small></a></li>
                            <li id="mega-menu-4-hover"><a href="#" title="About Us"><span class="fa fa-info-circle" aria-hidden="true"></span> about us <small>who we are</small></a></li>
                            <li id="mega-menu-5-hover"><a href="#" title="Forms"><span class="fa fa-file-text" aria-hidden="true"></span> forms <small>apply online today</small></a></li>
                        </ul>

请有人帮我解决这个问题！