In our project, we are using Quasars Rating component. Unfortunately, it seems this component is not WCAG compatible so it is accessible. Although its possible to operate the component with tab and enter keys, the star icons used in the component are automaticaly all set to aria-hidden=true, which means the component is not visible and operable by a screenreader. Is there a way to change this and to set aria attributes like aria-label etc. to the rating icons? Else we would have to create a complete new Rating component, which would be a pity and we want to avoid.

Thanks, thats what i wanted to know.
@dobbel Yes, thats the case. I just want to declare it once and not in every single page.

I would like to know is it possible to use q-page directly within the MainLayout like this:

<!-- vue file for Layout (e.g. MainLayout.vue) -->
<q-layout>
  ...
  <q-page-container>
    <q-page>
      <router-view />
    </q-page>
  </q-page-container>
  ...
</q-layout>

I tried it and it works well. So for me it seems to be easier using it directly in MainLayout, because then q-page should be used automaticaly for every page. But has it any drawback?