Accessibility of modals for screen readers currently is very limited. The modal for "set navigation" in edit mode has better accessibility, which also should be added to other modals, at least:
set focus within the modal, using v-focus or .focus(), either on an input element or on the "X" close link at the top, see setNavigationModal.vue:16
This change shouldn't be done on each modal manually, but a new Vue component like baseModal.vue should be created which takes care of all basic things for modals and is used by all other modals.
Accessibility of modals for screen readers currently is very limited. The modal for "set navigation" in edit mode has better accessibility, which also should be added to other modals, at least:
aria-modal="true"
androle="dialog"
, see setNavigationModal.vue:5v-focus
or.focus()
, either on an input element or on the "X" close link at the top, see setNavigationModal.vue:16This change shouldn't be done on each modal manually, but a new Vue component like
baseModal.vue
should be created which takes care of all basic things for modals and is used by all other modals.