60350747a5
According to the WCAG (success criterias 2.4.4 and 4.1.2), the purpose of each link should be determined from the link text alone or from the link text together with its programmatically determined link context. In this case, because there is no text content, we are using `aria-label` to have an explicit purpose announced to users of assisting technologies. Resources: - https://dequeuniversity.com/rules/axe/3.2/link-name - https://www.w3.org/TR/WCAG21/#link-purpose-in-context - https://www.w3.org/TR/WCAG20-TECHS/ARIA8.html
29 lines
1.5 KiB
Smarty
29 lines
1.5 KiB
Smarty
<header>
|
|
{if isset($supportedLocales) AND count($supportedLocales) > 1}
|
|
<div class="locales small-font">
|
|
<button class="localesBtn small-font" title="{t}Switch language{/t}">
|
|
{if isset($locale)}
|
|
{$locale->getCountry()->getEmoji()}
|
|
{else}
|
|
Set language
|
|
{/if}
|
|
</button>
|
|
<ul class="supportedLocales">
|
|
{foreach $supportedLocales as $supportedLocale}
|
|
{if $supportedLocale != $locale}
|
|
<li><a hreflang="{$supportedLocale->getBcp47()}" lang="{$supportedLocale->getBcp47()}" href="{path_for name='locale' data=['locale'=>$supportedLocale->getIso15897()]}">{$supportedLocale->getCountry()->getEmoji()} {$supportedLocale->getFullName()|ucfirst}</a></li>
|
|
{/if}
|
|
{/foreach}
|
|
</ul>
|
|
</div>
|
|
{/if}
|
|
<div class="social">
|
|
<a class="twitter" rel="noopener" href="http://twitter.com/home?status={base_url|urlencode}" title="{t}Share on Twitter{/t}" target="_blank" aria-label="{t}Share on Twitter{/t} {t}(opens a new window){/t}">
|
|
<div class="twittermask"></div>
|
|
</a>
|
|
<a class="facebook" rel="noopener" href="https://www.facebook.com/sharer/sharer.php?u={base_url|urlencode}" title="{t}Share on Facebook{/t}" target="_blank" aria-label="{t}Share on Facebook{/t} {t}(opens a new window){/t}">
|
|
<div class="facebookmask"></div>
|
|
</a>
|
|
</div>
|
|
</header>
|
|
<div class="wrapper">
|