From 989c0dc437d85c6ebc3a03e62040a805f4301a06 Mon Sep 17 00:00:00 2001
From: Eric Fennis <eric.fennis@gmail.com>
Date: Fri, 23 Jan 2026 08:00:58 +0100
Subject: [PATCH] Add Accessibility to vue docs

---
 docs/guide/packages/lucide-vue.md | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)

diff --git a/docs/guide/packages/lucide-vue.md b/docs/guide/packages/lucide-vue.md
index f2758012e..656eb55f6 100644
--- a/docs/guide/packages/lucide-vue.md
+++ b/docs/guide/packages/lucide-vue.md
@@ -146,3 +146,25 @@ All other props listed above also work on the `Icon` Component.
   </div>
 </template>
 ```
+
+## Accessibility
+
+By default, we hide icons from screen readers using `aria-hidden="true"`.
+
+You can add accessibility attributes using aria-labels.
+
+```vue
+<script setup>
+import { Check } from 'lucide-vue-next';
+</script>
+
+<template>
+  <Check
+    color="red"
+    :size="32"
+    aria-label="Task completed"
+  />
+</template>
+```
+
+For best practices on accessibility, please see our [accessibility guide](../advanced/accessibility.md).