Jump to content

Links do not have a discernible name


Adlago

Recommended Posts

Lighthouse test reports a decrease in Accessibility - "Links do not have a discernible name" for:

in template mobileNavigationIcon

<a href='#'><i class='fa fa-navicon'></i>
  
in template mobileNavBar
  
<a data-action="defaultStream" href='{{if $defaultStream}}{$defaultStream->url()}{{else}}{url="app=core&module=discover&controller=streams" seoTemplate="discover_all"}{{endif}}'><i class="fa fa-newspaper-o" aria-hidden="true"></i></a>
  
and
  
 <a href='{url="app=core&module=search&controller=search" seoTemplate="search"}'><i class='fa fa-search'></i></a>

I applied this practice and for my site it solved the issues and improved performance.

 

in template mobileNavigationIcon

<a href='#' title="navigation"><i class='fa fa-navicon'></i>
  
in template mobileNavBar
  
<a data-action="defaultStream" href='{{if $defaultStream}}{$defaultStream->url()}{{else}}{url="app=core&module=discover&controller=streams" seoTemplate="discover_all"}{{endif}}' title="streams"><i class="fa fa-newspaper-o" aria-hidden="true"></i></a>
  
and
  
 <a href='{url="app=core&module=search&controller=search" seoTemplate="search"}' title="search"><i class='fa fa-search'></i></a>

 

Link to comment
Share on other sites

Also in template 'siteSocialProfiles'

<a href='{$profile['key']}' target='_blank' class='cShareLink cShareLink_{$profile['value']}' rel='noopener noreferrer'><i class='fa fa-{$profile['value']}'></i></a>

needs to be edited

<a href='{$profile['key']}' target='_blank' class='cShareLink cShareLink_{$profile['value']}' rel='noopener noreferrer' title="{$profile['value']}"><i class='fa fa-{$profile['value']}'></i></a>

 

Link to comment
Share on other sites

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...