accessiblity (a11y) trong Vue — best practices?

Vue a11y best practices theo chuẩn ARIA và semantic HTML, kết hợp Vue-specific tooling như vue-axe và eslint-plugin-vuejs-accessibility để phát hiện vấn đề sớm.

1. Dùng semantic HTML trong templates (<button> không phải <div @click>)
2. :aria-label, :aria-expanded, :aria-live với dynamic content
3. Focus management với nextTick và el.focus() sau modal open/close
4. v-bind="$attrs" để inherit aria attrs
5. axe-core hoặc vue-axe plugin để audit a11y trong dev
6. Keyboard navigation — test với Tab, Enter, Esc
7. Color contrast ratio ≥ 4.5:1 cho text

Dùng eslint-plugin-vuejs-accessibility để lint a11y issues.