diff --git a/packages/components/package-lock.json b/packages/components/package-lock.json index 416931ae6e..ba2c99754a 100644 --- a/packages/components/package-lock.json +++ b/packages/components/package-lock.json @@ -1,12 +1,12 @@ { "name": "@labkey/components", - "version": "7.38.0", + "version": "7.38.1-moreAccessibility.11", "lockfileVersion": 3, "requires": true, "packages": { "": { "name": "@labkey/components", - "version": "7.38.0", + "version": "7.38.1-moreAccessibility.11", "license": "SEE LICENSE IN LICENSE.txt", "dependencies": { "@hello-pangea/dnd": "18.0.1", diff --git a/packages/components/package.json b/packages/components/package.json index 23faf43b45..def4bdbd30 100644 --- a/packages/components/package.json +++ b/packages/components/package.json @@ -1,6 +1,6 @@ { "name": "@labkey/components", - "version": "7.38.0", + "version": "7.38.1-moreAccessibility.11", "description": "Components, models, actions, and utility functions for LabKey applications and pages", "sideEffects": false, "files": [ diff --git a/packages/components/releaseNotes/components.md b/packages/components/releaseNotes/components.md index 1c04d7cf6f..e54d7ba173 100644 --- a/packages/components/releaseNotes/components.md +++ b/packages/components/releaseNotes/components.md @@ -1,6 +1,17 @@ # @labkey/components Components, models, actions, and utility functions for LabKey applications and pages +### version TBD +*Released*: TBD +- Misc. accessibility improvements + - Auto-link to study input field labels + - Remove tabIndex value from `DomainRow` + - Add labels for text choice input fields + - Use button instead of i for expandable container chevrons + - Update LabelOverlay and DetailEditor with ids for labeling elements + - Add `labelId` getter method in `QueryColumn` + - Add `data-fieldkey` to some labels to help with locators + ### version 7.38.0 *Released*: 21 May 2026 - Accessibility improvements for app pages: Keyboard Interactions diff --git a/packages/components/src/internal/components/buttons/ToggleButtons.tsx b/packages/components/src/internal/components/buttons/ToggleButtons.tsx index fd3cb7aeee..5050da8068 100644 --- a/packages/components/src/internal/components/buttons/ToggleButtons.tsx +++ b/packages/components/src/internal/components/buttons/ToggleButtons.tsx @@ -105,10 +105,24 @@ export const ToggleIcon: FC = memo(props => { const body = ( <> {firstActive && ( - )} {secondActive && ( - )} ); diff --git a/packages/components/src/internal/components/domainproperties/AutoLinkToStudyDropdown.tsx b/packages/components/src/internal/components/domainproperties/AutoLinkToStudyDropdown.tsx index f457321e15..2c338942b7 100644 --- a/packages/components/src/internal/components/domainproperties/AutoLinkToStudyDropdown.tsx +++ b/packages/components/src/internal/components/domainproperties/AutoLinkToStudyDropdown.tsx @@ -4,16 +4,23 @@ import { Container } from '../base/models/Container'; import { LoadingSpinner } from '../base/LoadingSpinner'; interface Props { + ariaLabelledBy: string; autoLinkTarget: string; containers: Container[]; onChange: (evt: any) => void; value: string; } -export const AutoLinkToStudyDropdown: FC = memo(({ autoLinkTarget, containers, onChange, value }) => { +export const AutoLinkToStudyDropdown: FC = memo(({ ariaLabelledBy, autoLinkTarget, containers, onChange, value }) => { if (containers === undefined) return ; return ( -