docs(pagination): update a11y tab bugs for pagination nav (#4381)

* update image

* caption

* update mdx

* update images

* update

* update

* update

* update

---------

Co-authored-by: Alison Joseph <[email protected]>
Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

src/pages/components/pagination/accessibility.mdx

@@ -45,11 +45,11 @@ other accessibility considerations, some of which are described below.
 #### Pagination
 
 The tab order goes from left to right through the controls in the pagination
-variant. On focus, the dropdowns are opened with `Space` or with up or down
+variant. On focus, the selects are opened with `Space` or with `Up` or `Down`
 arrows, which also cycle through the values. Both `Space` and `Enter` select a
-value and close the dropdown. The dropdown can also be closed by pressing `Esc`.
-The previous and next page arrow buttons are activated by `Space` or `Enter`
-keys.
+value and close the select. The select can also be closed by pressing `Esc`. The
+previous and next page arrow buttons are activated by pressing `Space` or
+`Enter`.
 
 <Row>
 <Column colLg={12}>
@@ -84,10 +84,10 @@ operable, like any other disabled control.
 #### Pagination nav
 
 The tab order goes left to right through the button controls in the pagination
-nav variant. When page buttons have focus, both `Space` and `Enter` activates
-the page button and change the current page to the button that currently has
-selection. When the previous and next page arrow buttons have focus, both
-`Space` and `Enter` activates them.
+nav variant. When page buttons have focus, `Space` or `Enter` activates the page
+button and changes the current page to the button that currently has selection.
+When the previous and next page arrow buttons have focus, `Space` or `Enter`
+activates them.
 
 <Row>
 <Column colLg={12}>
@@ -103,18 +103,19 @@ selection. When the previous and next page arrow buttons have focus, both
 </Row>
 
 If an overflow ellipsis is present in the pagination nav, once focused, pressing
-Space activates the menu to choose an available page to navigate to. Enter or
-Tab selects a value from the menu and closes it. The menu can also be closed by
-pressing Esc.
+`Space`, `Up` arrow, or `Down` arrow activates the select menu to choose an
+available page to navigate to. `Up` or `Down` arrows navigate between page
+options in the menu. `Space` or `Enter` selects a page from the menu and closes
+it. The menu can also be closed by pressing `Esc`.
 
 <Row>
 <Column colLg={12}>
 
-![The menu opens by pressing Space and pressing Tab or Enter selects a page from the menu and closes it.](images/pagination-a11y-4.png)
+![The menu opens by pressing Space, Up arrow, or Down arrow, and closes by pressing Space or Enter to select an item.](images/pagination-a11y-4.png)
 
 <Caption>
-  The menu opens by pressing Space and pressing Tab or Enter selects a page from
-  the menu and closes it.
+  The menu opens by pressing Space, Up arrow, or Down arrow, and closes by
+  pressing Space or Enter to select an item.
 </Caption>
 
 </Column>
@@ -125,18 +126,18 @@ pressing Esc.
 #### Pagination
 
 Not all the elements in pagination have static or visually isolated labels.
-Carbon constructs a programmatic name for the second dropdown by concatenating
+Carbon constructs a programmatic name for the second select by concatenating
 dynamically generated text on the screen. Carbon also provides accessible names
 for the icon-only buttons.
 
 <Row>
 <Column colLg={8}>
 
-![illustration showing labels for dropdown and icon-only buttons](images/pagination-a11y-5.png)
+![illustration showing labels for select and icon-only buttons](images/pagination-a11y-5.png)
 
 <Caption>
-  Carbon provides the accessible names "page number, of 40 pages", "previous",
-  and "next" for assistive technology.
+  Carbon provides the accessible names "Page", "Previous", and "Next" for
+  assistive technology.
 </Caption>
 
 </Column>
@@ -151,10 +152,10 @@ accessible names for the icon-only buttons.
 <Row>
 <Column colLg={8}>
 
-![Carbon provides the accessible names "page", "previous", and "next" for assistive technology.](images/pagination-a11y-6.png)
+![Carbon provides the accessible names "Page", "Previous", and "Next" for assistive technology.](images/pagination-a11y-6.png)
 
 <Caption>
-  Carbon provides the accessible names "page", "previous", and "next" for
+  Carbon provides the accessible names "Page", "Previous", and "Next" for
   assistive technology.
 </Caption>