如何解决angularJs可访问性中的断开链接?

如何解决angularJs可访问性中的断开链接?,angularjs,accessibility,web-accessibility,Angularjs,Accessibility,Web Accessibility,在AngularJs中,我使用ui-sref改进了可访问性,因此它将我的代码从中转换过来 <ul style="font-size: 18px"> <li> <a ui-sref="scheduleallocation" >Department Admin DayTimeLocation</a> </li> <li> <a ui-sref="activit

AngularJs
中,我使用
ui-sref
改进了可访问性,因此它将我的代码从中转换过来

 <ul style="font-size: 18px">
     <li>
        <a ui-sref="scheduleallocation" >Department Admin DayTimeLocation</a>
     </li>
     <li>
        <a ui-sref="activityoffering" >ActivityOffering List</a>
     </li>
     <li>
         <a ui-sref="scheduleassignment" >Schedule Assignment</a>
     </li>
 </ul>
它在href中添加了#,这就是为什么在可访问性中出现以下错误。如何解决它


您可以通过angularJs的$location服务切换到使用HTML5模式

启用HTML5模式后,#字符将不再用于URL中。使用#符号更容易,因为它不需要服务器端配置。HTML5模式使用浏览器历史API,不需要#字符——url看起来更好,但也需要服务器端重写

使用HTML5模式将更改您的链接
href=“#/scheduleallocation”
href=“/scheduleallocation”


有关使用HTML5模式的更多信息,请参阅$location。

您的哈希值是多少?您可能需要
#/而不是
。/
我把它改成了!但还是一样的问题。
<ul style="font-size: 18px">
   <li>
       <a ui-sref="scheduleallocation" href="#/scheduleallocation">Department Admin DayTimeLocation</a>
   </li>
   <li>
       <a ui-sref="activityoffering" href="#/activityoffering">ActivityOffering List</a>
   </li>
   <li>
      <a ui-sref="scheduleassignment" href="#/scheduleassignment//">Schedule Assignment</a>
    </li>
 </ul>