Skip to content

Use nav and unordered list for rendering nav links #39

@runofthemillgeek

Description

@runofthemillgeek

Currently, the template is rendering nav links with div and p elements but it's recommended to use appropriate semantic elements such as nav and ul which helps assistive tech.

<div class="flex">
{{ $currentPage := . }}
{{ with site.Params.menu }}
{{ range . }}
<p class="small {{ if eq .name (lower $currentPage.Name) }} bold {{end}}">
<a href="{{ .url }}" {{ if and (isset . "newTab") .newTab }}target="_blank" rel="noopener noreferrer"{{ end }}>
/{{.name }}
</a>
</p>
{{ end }}
{{ end }}
</div>

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or request

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions