diff --git a/js/src/App.vue b/js/src/App.vue index bcda04912..237ab57d9 100644 --- a/js/src/App.vue +++ b/js/src/App.vue @@ -216,16 +216,18 @@ export default class App extends Vue { // Set the focus to the router view // https://marcus.io/blog/accessible-routing-vuejs setTimeout(() => { - const focusTarget = this.routerView.$el as HTMLElement; - // Make focustarget programmatically focussable - focusTarget.setAttribute("tabindex", "-1"); + const focusTarget = this.routerView?.$el as HTMLElement; + if (focusTarget) { + // Make focustarget programmatically focussable + focusTarget.setAttribute("tabindex", "-1"); - // Focus element - focusTarget.focus(); + // Focus element + focusTarget.focus(); - // Remove tabindex from focustarget. - // Reason: https://axesslab.com/skip-links/#update-3-a-comment-from-gov-uk - focusTarget.removeAttribute("tabindex"); + // Remove tabindex from focustarget. + // Reason: https://axesslab.com/skip-links/#update-3-a-comment-from-gov-uk + focusTarget.removeAttribute("tabindex"); + } }, 0); }