Using accessibility on iOS (VoiceOver) speaks prior page after router push

my app is native only, for blind/low vision,

so I have a timed splash page,
and after the timeout, I use router.push(name…) to get to the next page

either
one time config (that then routes to selection page)
or
the selection page…

after the push, the correct view (component) is shown
however, the accessibility info still sees the prior page… (as if the page didn’t change)

is there some ‘flush’ mechanism I need to define on the routes?
my startup component routes to Config or Select

practically speaking there is no going back to the splash page

there are back buttons on navigate (to select) and select(to config) and those work

my router definition

import { createRouter, createWebHistory } from '@ionic/vue-router';
import { RouteRecordRaw } from 'vue-router';
import Select from '../views/Select.vue'
import Config from '../views/Config.vue'
import Navigater from '../views/Navigater.vue'
import Startup from '../components/Startup.vue';

const routes: Array<RouteRecordRaw> = [
  {
    path: '/',
    redirect: '/startup'
  },
  {
    path: '/startup',
    name: 'Startup',
    component: Startup
  },
  {
    path: '/Select',
    name: 'Select',
    component: Select,
    props: true
  },
  {
    path: '/Config',
    name: 'Config',
    component: Config,
    props: true
  },
  {
    path: '/Navigater',
    name: 'Navigater',
    component: Navigater,
    props: true
  }
]

const router = createRouter({
  history: createWebHistory(process.env.BASE_URL),
  routes
})

2 posts - 1 participant

Read full topic