From 9919fc19ce32ed7c6bc9114cd2d1d7702351da4f Mon Sep 17 00:00:00 2001 From: Margaree Peacocke Date: Wed, 13 Nov 2024 09:41:04 -0500 Subject: [PATCH] feat: more-less: add Accessibility section [DAYL-113] (#5111) * feat: more-less: add Accessibility section * code review feedback: simplify phrasing and add why --- components/more-less/README.md | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/components/more-less/README.md b/components/more-less/README.md index 5b6bb6a7ff5..01e71a82b7f 100644 --- a/components/more-less/README.md +++ b/components/more-less/README.md @@ -26,3 +26,7 @@ The `d2l-more-less` element can be used to minimize the display of long content, | `height` | String, default: `'4em'` | Maximum height of the content when in "less" mode. The `d2l-more-less` element itself will take up additional vertical space for the fading effect as well as the more/less button itself. | | `inactive` | Boolean | Whether the component is active or inactive | + +## Accessibility + +The implementation of the `d2l-more-less` component follows the [W3C Disclosure (Show/Hide) Pattern](https://www.w3.org/WAI/ARIA/apg/patterns/disclosure/). It is worth noting that the content that is visually hidden is not actually hidden from screen reader users since those users can interrupt the screen reader if they do not want to continue listening to the content.