assign3

Vue.js — Assignment 3

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

For detailed explanation on how things work, consult the docs for vue-loader.

Requirements

• Make links accessible
  • hover, focus
  • tab, arrow keys
• Netlify deployment (https://admiring-lewin-c013ff.netlify.com)
• Pass accessibility validation (result)

Advanced features

• Opening menu by number keys using vue-shortkey
• Opening menu by voice using Speech Recognition
• Providing voice feedback using Speech Synthesis

References

• https://www.w3.org/WAI/tutorials/menus
• https://adobe-accessibility.github.io/Accessible-Mega-Menu
• https://developer.mozilla.org/en-US/docs/Web/API/Web_Speech_API/Using_the_Web_Speech_API