[Fixed] Set an aria-current attribute on a multilingual menu seems buggy?

frjo · May 22, 2020, 11:24am

Here is how I implemented it in the zen theme.

frjo/hugo-theme-zen/blob/master/layouts/partials/menu.html

<nav class="main-menu layout__navigation">
<h2 class="visually-hidden">{{ i18n "menu_title" }}</h2>
<ul class="navbar">
{{ if .Site.Menus.main -}}

{{ $currentPage := . -}}
{{ range .Site.Menus.main -}}
<li><a href="{{ .URL | relLangURL }}"{{ if or ($currentPage.IsMenuCurrent "main" .) ($currentPage.HasMenuCurrent "main" .) }} class="active" aria-current="page"{{ end }}>{{ .Name }}</a></li>
{{ end -}}

{{ else -}}

{{ $currentSection := .Section -}}
{{ $currentID := "" -}}
{{ with .File }}{{ $currentID = .UniqueID }}{{ end -}}
{{ with .Site.Home }}<li><a href="{{ .RelPermalink }}"{{ if eq $currentID .File.UniqueID }} class="active" aria-current="page"{{ end }}>{{ i18n "menu_home" }}</a></li>{{ end }}
{{ range where .Site.RegularPages "Section" "" -}}
<li><a href="{{ .RelPermalink }}"{{ if eq $currentID .File.UniqueID }} class="active" aria-current="page"{{ end }}>{{ .Title }}</a></li>
{{ end -}}
{{ range .Site.Sections -}}

This file has been truncated. show original

Topic		Replies	Views
Problem with active class in multi language Navigation support i18n	5	1760	November 18, 2016
Drop-down menu only by set config.toml support	8	1596	December 16, 2021
Possible bug for menu only defined in config file in multilingual site configuration support	8	1726	December 17, 2018
Multilanguage Support support	3	479	May 24, 2019
Multi Multilingual menus support	0	389	May 24, 2020

[Fixed] Set an aria-current attribute on a multilingual menu seems buggy?

Related topics