Docs: add more details on accessibility tips (#38583)

* Docs: add more details on accessibility tips

* Docs: add more details on accessibility tips

* Docs: add more details on accessibility tips

* Fix syntax

---------

Co-authored-by: Julien Déramond <juderamond@gmail.com>

diff --git a/site/layouts/partials/callouts/warning-color-assistive-technologies.md b/site/layouts/partials/callouts/warning-color-assistive-technologies.md
index aaa6f64c86764e63f4c7f6e275405eb563ec3f86..6750517bb4c59896aec40facf99a1587267b36d9 100644 (file)
--- a/site/layouts/partials/callouts/warning-color-assistive-technologies.md
+++ b/site/layouts/partials/callouts/warning-color-assistive-technologies.md
@@ -1 +1 @@
-**Accessibility tip:** Using color to add meaning only provides a visual indication, which will not be conveyed to users of assistive technologies like screen readers. Please ensure the meaning is obvious from the content itself (e.g., the visible text) or is included through alternative means, such as additional text hidden with the `.visually-hidden` class.
\ No newline at end of file
+**Accessibility tip:** Using color to add meaning only provides a visual indication, which will not be conveyed to users of assistive technologies like screen readers. Please ensure the meaning is obvious from the content itself (e.g., the visible text with a [*sufficient* color contrast](/docs/{{ .Site.Params.docs_version }}/getting-started/accessibility#color-contrast)) or is included through alternative means, such as additional text hidden with the `.visually-hidden` class.