From 3c90e5a43aa4985bd56cc1a85b94f132e6ebaab9 Mon Sep 17 00:00:00 2001 From: Nolan Lawson Date: Mon, 20 Mar 2023 15:25:23 -0700 Subject: [PATCH 1/2] fix: update explainer to enumerate IDref ARIA attrs Fixes #27 I also went ahead and renamed "popup" to "popover," since [that's the new name](https://developer.chrome.com/docs/web-platform/popover-api/). --- explainer.md | 15 +++++++++++++-- 1 file changed, 13 insertions(+), 2 deletions(-) diff --git a/explainer.md b/explainer.md index 5d6bc1a..700e51c 100644 --- a/explainer.md +++ b/explainer.md @@ -329,9 +329,20 @@ Example: Here we cannot set the relationship between the external `label` and the inner `input` element. A similar thing can happen in the opposite direction with a custom label referencing an input outside the shadow tree. -There are other cases that also reference to other elements: +To be clear, there are 8 ID-referencing ARIA attributes that this proposal addresses: + +- `aria-activedescendant` +- `aria-controls` +- `aria-describedby` +- `aria-details` +- `aria-errormessage` +- `aria-flowto` +- `aria-labelledby` +- `aria-owns` + +There are also other cases that also reference to other elements: * [`list`](https://html.spec.whatwg.org/multipage/input.html#attr-input-list) attribute in `input`. -* [Pop Up](https://open-ui.org/components/popup.research.explainer) proposal by Open UI, that adds some new attributes `popuptoggletarget`, `popupshowtarget` and `popuphidetarget`. +* [Popover API]([https://open-ui.org/components/popup.research.explainer](https://developer.chrome.com/docs/web-platform/popover-api/)) proposal, which adds some new attributes: `popovertoggletarget`, `popovershowtarget` and `popoverhidetarget`. * [SVG `` and the `href` attribute](https://github.com/WICG/webcomponents/issues/772) * [`@font-face` and the `font-family` CSS property](https://robdodson.me/posts/at-font-face-doesnt-work-in-shadow-dom/) From 937fb32e8ecc5ad11e174e14bee91a2840c6e40c Mon Sep 17 00:00:00 2001 From: Nolan Lawson Date: Mon, 20 Mar 2023 15:26:16 -0700 Subject: [PATCH 2/2] fix: spelling --- explainer.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/explainer.md b/explainer.md index 700e51c..31eedcb 100644 --- a/explainer.md +++ b/explainer.md @@ -340,7 +340,7 @@ To be clear, there are 8 ID-referencing ARIA attributes that this proposal addre - `aria-labelledby` - `aria-owns` -There are also other cases that also reference to other elements: +There are also other cases of attributes that reference other elements: * [`list`](https://html.spec.whatwg.org/multipage/input.html#attr-input-list) attribute in `input`. * [Popover API]([https://open-ui.org/components/popup.research.explainer](https://developer.chrome.com/docs/web-platform/popover-api/)) proposal, which adds some new attributes: `popovertoggletarget`, `popovershowtarget` and `popoverhidetarget`. * [SVG `` and the `href` attribute](https://github.com/WICG/webcomponents/issues/772)