merge aria-description text into aria-label

.changeset/spotty-ducks-wonder.md

@@ -0,0 +1,5 @@
+---
+'@keystone-next/keystone': patch
+---
+
+Merged aria-description text for dialogs on list view in Admin UI into their respective aria-labels.

packages/keystone/src/___internal-do-not-use-will-break-in-patch/admin-ui/pages/ListPage/FieldSelection.tsx

@@ -71,8 +71,7 @@ export function FieldSelection({
 
   return (
     <Popover
-      aria-label="Columns options"
-      aria-description={`list of column options to apply to the ${list.key} list`}
+      aria-label={`Columns options, list of column options to apply to the ${list.key} list`}
       triggerRenderer={({ triggerProps }) => {
         return (
           <Button weight="link" css={{ padding: 4 }} {...triggerProps}>

packages/keystone/src/___internal-do-not-use-will-break-in-patch/admin-ui/pages/ListPage/FilterAdd.tsx

@@ -75,8 +75,7 @@ export function FilterAdd({ listKey }: { listKey: string }) {
         <ChevronDownIcon size="small" />
       </Button>
       <PopoverDialog
-        aria-label="Filters options"
-        aria-description={`list of filters to apply to the ${listKey} list`}
+        aria-label={`Filters options, list of filters to apply to the ${listKey} list`}
         arrow={arrow}
         isVisible={isOpen}
         {...dialog.props}

packages/keystone/src/___internal-do-not-use-will-break-in-patch/admin-ui/pages/ListPage/FilterList.tsx

@@ -43,9 +43,8 @@ function FilterPill({ filter, field }: { filter: Filter; field: FieldMeta }) {
     <Fragment>
       <Pill
         containerProps={{
-          'aria-label': `Filter item ${filter.field}`,
+          'aria-label': `Filter item ${filter.field}, press to edit filter`,
         }}
-        aria-description={'Press to edit filter'}
         {...trigger.props}
         ref={trigger.ref}
         onClick={() => setOpen(true)}
@@ -64,8 +63,7 @@ function FilterPill({ filter, field }: { filter: Filter; field: FieldMeta }) {
         />
       </Pill>
       <PopoverDialog
-        aria-label="filter item config"
-        aria-description={`dialog for configuring ${filter.field} filter`}
+        aria-label={`filter item config, dialog for configuring ${filter.field} filter`}
         arrow={arrow}
         {...dialog.props}
         isVisible={isOpen}

packages/keystone/src/___internal-do-not-use-will-break-in-patch/admin-ui/pages/ListPage/SortSelection.tsx

@@ -44,8 +44,7 @@ export function SortSelection({ list }: { list: ListMeta }) {
       </Button>
 
       <PopoverDialog
-        aria-label="Sort options"
-        aria-description={`list of sorting parameters to apply to the ${list.key} list`}
+        aria-label={`Sort options, list of sorting parameters to apply to the ${list.key} list`}
         arrow={arrow}
         isVisible={isOpen}
         {...dialog.props}