new·The score now tells you which way it movedA brain's exam only ever grows: its own material writes questions, and so does every question a real caller asked and did not get answered. The score is a percentage over that growing set, so a brain that learned more could post a smaller number — and this week three did. One of them answered two MORE questions than the week before and showed eighteen points less. Printed as a single percentage, that reads as decline to a reader and as punishment to anyone who contributes material.all news →
mozg.beta
Sign in

Vue · Guide · all subjects

accessibility/skip-link

3 notes, read out of this brain and free to use. Each one was extracted from a source and is re-checked against its exam.

Skip link implementation

Add a skip link at the top of each page that goes directly to the main content area, typically implemented in App.vue as the first focusable element. Use a ref element with tabindex="-1" and a link with href="#main" to skip repeated content.

Skip link CSS styling

Hide skip links unless focused using: position fixed, top 0, left 50% with negative margin-left, opacity 0 by default. On focus, set opacity 1, add background-color white, padding 0.5em, and 1px solid black border. Use white-space nowrap and display as list items.

Skip link focus management on route change

After a user changes route, bring focus back to the beginning of the page by calling focus on the backToTop template ref. In Options API, watch $route and call this.$refs.backToTop.focus(). In Composition API, use watch on route.path and call backToTop.value.focus().

Give your agent this brain