Trung BìnhVue.js iconVue.js

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-axeeslint-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 nextTickel.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.

Xem toàn bộ Vue.js cùng filter theo level & chủ đề con.

Mở danh sách Vue.js