Commit 4a2046ea authored by Pooya Parsa's avatar Pooya Parsa

fix: use ARIA landmarks to identify regions of a page

parent d4f9448a
<template> <template>
<div id="app"> <div id="app">
<header class="header"> <header class="header">
<nav class="inner"> <nav class="inner" role="navigation">
<router-link to="/" exact> <router-link to="/" exact>
<img class="logo" src="~assets/logo.png" alt="logo"> <img class="logo" src="~assets/logo.png" alt="logo">
</router-link> </router-link>
<router-link v-for="(list, key) in feeds" :key="key" :to="`/${key}`"> <router-link v-for="(list, key) in feeds" :key="key" :to="`/${key}`">
{{ list.title }} {{ list.title }}
</router-link> </router-link>
<a class="github" href="https://github.com/nuxt/hackernews" target="_blank" rel="noopener"> <a class="github" href="https://github.com/nuxt/hackernews" target="_blank" rel="noopener banner">
Built with Nuxt.js Built with Nuxt.js
</a> </a>
</nav> </nav>
</header> </header>
<nuxt nuxt-child-key="none" /> <nuxt nuxt-child-key="none" role="main" />
</div> </div>
</template> </template>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment