From c5b0584d03330092b6c0a8a98ace9dd8e76c8f38 Mon Sep 17 00:00:00 2001 From: Matthew Vargeson Date: Wed, 18 Jul 2018 20:45:00 -0700 Subject: [PATCH] Add accessibility guidelines link to portals doc (#846) * Add accessibility guidelines link to portals doc * Add more detail to portal accessibility note * Clarify text using suggested content --- content/docs/portals.md | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/content/docs/portals.md b/content/docs/portals.md index 0aa817ab..d4547857 100644 --- a/content/docs/portals.md +++ b/content/docs/portals.md @@ -44,7 +44,9 @@ A typical use case for portals is when a parent component has an `overflow: hidd > Note: > -> It is important to remember, when working with portals, you'll need to make sure to follow the proper accessibility guidelines. +> When working with portals, remember that [managing keyboard focus](/docs/accessibility.html#programmatically-managing-focus) becomes very important. +> +> For modal dialogs, ensure that everyone can interact with them by following the [WAI-ARIA Modal Authoring Practices](https://www.w3.org/TR/wai-aria-practices-1.1/#dialog_modal). [**Try it on CodePen**](https://codepen.io/gaearon/pen/yzMaBd)