diff --git a/src/components/AuthorAffiliations/AuthorAffiliations.tsx b/src/components/AuthorAffiliations/AuthorAffiliations.tsx
index ad4f9e549..d54e0e96b 100644
--- a/src/components/AuthorAffiliations/AuthorAffiliations.tsx
+++ b/src/components/AuthorAffiliations/AuthorAffiliations.tsx
@@ -76,7 +76,7 @@ const AffiliationHeader = ({ formState }: { formState: AffTableState }) => {
       <Heading as="h2" size="md" mt="2" id="author-affiliation-title">
         {caption}
       </Heading>
-      <Text color="gray.500">{sub}</Text>
+      <Text>{sub}</Text>
     </>
   );
 };
diff --git a/src/components/BibstemPicker/BibstemPicker.tsx b/src/components/BibstemPicker/BibstemPicker.tsx
index 87514dcbc..8c20ddd53 100644
--- a/src/components/BibstemPicker/BibstemPicker.tsx
+++ b/src/components/BibstemPicker/BibstemPicker.tsx
@@ -273,7 +273,7 @@ const BibstemPickerImpl = (props: IBibstemPickerProps, ref: ForwardedRef<never>)
           name="bibstems"
           defaultValue={state.hiddenValue}
           {...omit(['value'], inputProps)}
-          onFocus={() => selectRef.current.focus()}
+          tabIndex={-1}
           ref={ref}
         />
       </VisuallyHidden>
@@ -341,6 +341,10 @@ const BibstemPickerImpl = (props: IBibstemPickerProps, ref: ForwardedRef<never>)
             ':hover': { backgroundColor: colors.pill },
             color: colors.pillText,
           }),
+          placeholder: (provided) => ({
+            ...provided,
+            color: colors.pillText,
+          }),
         }}
         {...pick(['onBlur'], inputProps)}
       />
diff --git a/src/components/ClassicForm/ClassicForm.tsx b/src/components/ClassicForm/ClassicForm.tsx
index 55ac79c2f..4f0d32f92 100644
--- a/src/components/ClassicForm/ClassicForm.tsx
+++ b/src/components/ClassicForm/ClassicForm.tsx
@@ -304,7 +304,7 @@ ClassicForm.propTypes = propTypes;
 const LogicRadios = (props: { variant: 'andor' | 'all'; radioProps: UseFormRegisterReturn }) => {
   const { variant, radioProps } = props;
   return (
-    <RadioGroup defaultValue="and">
+    <RadioGroup defaultValue="and" aria-label="logical selector">
       <Stack spacing={4} direction="row">
         <Radio size="sm" {...radioProps} value="and">
           And
diff --git a/src/components/FeedbackForms/AssociatedArticles/AssociatedArticlesForm.tsx b/src/components/FeedbackForms/AssociatedArticles/AssociatedArticlesForm.tsx
index 328305c42..d3ee54e74 100644
--- a/src/components/FeedbackForms/AssociatedArticles/AssociatedArticlesForm.tsx
+++ b/src/components/FeedbackForms/AssociatedArticles/AssociatedArticlesForm.tsx
@@ -402,7 +402,7 @@ export const AssociatedTable = () => {
                 {associatedBibcodes.map((b, index) => (
                   <FormControl isInvalid={!!errors.associatedBibcodes?.[index]} key={`asso-bib-${b.value}`}>
                     <HStack>
-                      <Input {...register(`associatedBibcodes.${index}.value`)} />
+                      <Input {...register(`associatedBibcodes.${index}.value`)} aria-label="bibcode" />
                       <IconButton
                         data-index={index}
                         aria-label="Delete"
@@ -429,6 +429,7 @@ export const AssociatedTable = () => {
                   value={newAssociatedBibcode}
                   ref={newAssociatedBibcodeRef}
                   onKeyDown={handleKeydownNewBibcode}
+                  aria-label="add new bibcode"
                 />
                 <IconButton
                   aria-label="Add"
diff --git a/src/components/FeedbackForms/MissingRecord/AuthorsTable.tsx b/src/components/FeedbackForms/MissingRecord/AuthorsTable.tsx
index 57052c4f2..5f478dc0a 100644
--- a/src/components/FeedbackForms/MissingRecord/AuthorsTable.tsx
+++ b/src/components/FeedbackForms/MissingRecord/AuthorsTable.tsx
@@ -188,6 +188,7 @@ export const AuthorsTable = ({ editable }: { editable: boolean }) => {
           value={newAuthor?.name ?? ''}
           ref={newAuthorNameRef}
           onKeyDown={handleKeydownNewAuthor}
+          aria-label="name"
         />
       </Td>
       <Td>
@@ -196,6 +197,7 @@ export const AuthorsTable = ({ editable }: { editable: boolean }) => {
           onChange={handleNewAffChange}
           value={newAuthor?.aff ?? ''}
           onKeyDown={handleKeydownNewAuthor}
+          aria-label="affiliation"
         />
       </Td>
       <Td>
@@ -204,6 +206,7 @@ export const AuthorsTable = ({ editable }: { editable: boolean }) => {
           onChange={handleNewOrcidChange}
           value={newAuthor?.orcid ?? ''}
           onKeyDown={handleKeydownNewAuthor}
+          aria-label="orcid"
         />
       </Td>
       <Td>
@@ -223,7 +226,7 @@ export const AuthorsTable = ({ editable }: { editable: boolean }) => {
       <Table size="sm">
         <Thead>
           <Tr>
-            <Th aria-label="index" w="4%"></Th>
+            <Th w="4%">No.</Th>
             <Th>Name</Th>
             <Th>Affiliation</Th>
             <Th w="20%">ORCiD</Th>
diff --git a/src/components/FeedbackForms/MissingRecord/ReferencesField.tsx b/src/components/FeedbackForms/MissingRecord/ReferencesField.tsx
index 45b5ce814..248127802 100644
--- a/src/components/FeedbackForms/MissingRecord/ReferencesField.tsx
+++ b/src/components/FeedbackForms/MissingRecord/ReferencesField.tsx
@@ -151,7 +151,7 @@ export const ReferencesTable = ({ editable }: { editable: boolean }) => {
     <Table size="sm">
       <Thead>
         <Tr>
-          <Th aria-label="index" w="4%"></Th>
+          <Th w="4%">No.</Th>
           <Th w="30%">Type</Th>
           <Th>Reference</Th>
           {editable && <Th w="10%">Actions</Th>}
diff --git a/src/components/FeedbackForms/MissingRecord/UrlsField.tsx b/src/components/FeedbackForms/MissingRecord/UrlsField.tsx
index c50219504..5d71b3eba 100644
--- a/src/components/FeedbackForms/MissingRecord/UrlsField.tsx
+++ b/src/components/FeedbackForms/MissingRecord/UrlsField.tsx
@@ -173,7 +173,7 @@ export const UrlsTable = ({ editable }: { editable: boolean }) => {
     <Table size="sm">
       <Thead>
         <Tr>
-          <Th aria-label="index" w="4%"></Th>
+          <Th w="4%">No.</Th>
           <Th w="30%">Type</Th>
           <Th>URL</Th>
           {editable && <Th w="10%">Actions</Th>}
diff --git a/src/components/FeedbackForms/MissingReferences/MissingReferenceTable.tsx b/src/components/FeedbackForms/MissingReferences/MissingReferenceTable.tsx
index 372d1d592..af4b6f2e6 100644
--- a/src/components/FeedbackForms/MissingReferences/MissingReferenceTable.tsx
+++ b/src/components/FeedbackForms/MissingReferences/MissingReferenceTable.tsx
@@ -111,7 +111,7 @@ export const MissingReferenceTable = () => {
         <Table size="sm">
           <Thead>
             <Tr>
-              <Th aria-label="index" w="4%"></Th>
+              <Th w="4%">No.</Th>
               <Th>Citing Bibcode</Th>
               <Th>Cited Bibcode</Th>
               <Th>Actions</Th>
diff --git a/src/components/Libraries/CollabTable.tsx b/src/components/Libraries/CollabTable.tsx
index d0db5a9a4..0db1d903e 100644
--- a/src/components/Libraries/CollabTable.tsx
+++ b/src/components/Libraries/CollabTable.tsx
@@ -196,10 +196,10 @@ export const CollabTable = ({ id }: { id: LibraryIdentifier }) => {
           <Table size="sm" data-testid="collab-table">
             <Thead>
               <Tr>
-                <Th aria-label="position" w="10%"></Th>
+                <Th w="10%">No.</Th>
                 <Th>Email</Th>
                 <Th w="30%">Permission</Th>
-                <Th w="10%"></Th>
+                <Th w="10%">Action</Th>
               </Tr>
             </Thead>
             <Tbody>
diff --git a/src/components/Libraries/LibraryEntityPane.tsx b/src/components/Libraries/LibraryEntityPane.tsx
index 81b5ceb06..13a567554 100644
--- a/src/components/Libraries/LibraryEntityPane.tsx
+++ b/src/components/Libraries/LibraryEntityPane.tsx
@@ -342,7 +342,7 @@ export const LibraryEntityPane = ({ id, publicView }: ILibraryEntityPaneProps) =
                   <LockIcon aria-label="private" />
                 </Tooltip>
               )}
-              <Heading variant="pageTitle" as="h1" data-testid="lib-title">
+              <Heading variant="pageTitle" as="h2" data-testid="lib-title">
                 {name}
               </Heading>
             </Flex>
@@ -528,6 +528,7 @@ const BulkMenu = ({
             onChange={handleChange}
             mr={2}
             data-testid="select-all-checkbox"
+            aria-label="select or deselect all"
           />
         </Tooltip>
         {selectedDocs.length > 0 && (
diff --git a/src/components/Libraries/LibraryListTable.tsx b/src/components/Libraries/LibraryListTable.tsx
index e444d5819..fcedc4e1d 100644
--- a/src/components/Libraries/LibraryListTable.tsx
+++ b/src/components/Libraries/LibraryListTable.tsx
@@ -53,13 +53,13 @@ type SortDirection = 'asc' | 'desc';
 const columns: { id: Column; heading: string; sortable: boolean; hint?: string }[] = [
   {
     id: 'public',
-    heading: '',
+    heading: 'Visibility',
     sortable: false,
     hint: 'public or private',
   },
   {
     id: 'num_users',
-    heading: '',
+    heading: 'Users',
     sortable: false,
     hint: 'number of collaborators',
   },
@@ -192,7 +192,7 @@ export const LibraryListTable = (props: ILibraryListTableProps) => {
           <Table variant="simple" {...tableProps} data-testid="libraries-table">
             <Thead>
               <Tr>
-                {!isMobile && (selectable || showIndex) && <Th aria-label="index"></Th>}
+                {!isMobile && (selectable || showIndex) && <Th>Select</Th>}
                 {columns.map((column) => (
                   <Fragment key={`col-${column.id}`}>
                     {allHiddenCols.indexOf(column.id) === -1 && (
@@ -269,7 +269,12 @@ export const LibraryListTable = (props: ILibraryListTableProps) => {
                       <Td>
                         {showIndex && `${pageSize * pageIndex + index + 1} `}
                         {selectable && (
-                          <Checkbox isChecked={selected.includes(id)} pointerEvents="none" tabIndex={-1} />
+                          <Checkbox
+                            isChecked={selected.includes(id)}
+                            pointerEvents="none"
+                            tabIndex={-1}
+                            aria-label={`library ${selected.includes(id)} ? 'selected' ? 'not selected`}
+                          />
                         )}
                       </Td>
                     )}
diff --git a/src/components/Libraries/LibrarySettingsPane.tsx b/src/components/Libraries/LibrarySettingsPane.tsx
index ccc5cdc53..ebeca6d78 100644
--- a/src/components/Libraries/LibrarySettingsPane.tsx
+++ b/src/components/Libraries/LibrarySettingsPane.tsx
@@ -211,6 +211,7 @@ export const LibrarySettingsPane = ({ id, isFromLanding = false }: ISettingsPane
                 href={isFromLanding ? '/user/libraries' : `/user/libraries/${id}`}
                 display="inline"
                 data-testid="settings-back-btn"
+                aria-label="Back to library"
               >
                 <ChevronLeftIcon mr={2} />
               </SimpleLink>
diff --git a/src/components/Libraries/OperationModal.tsx b/src/components/Libraries/OperationModal.tsx
index 9238abcf0..826b0b564 100644
--- a/src/components/Libraries/OperationModal.tsx
+++ b/src/components/Libraries/OperationModal.tsx
@@ -197,7 +197,7 @@ export const OperationModal = ({
                     name="action"
                     control={control}
                     render={({ field: { ref, ...rest } }) => (
-                      <RadioGroup {...rest}>
+                      <RadioGroup {...rest} aria-label="operation">
                         <Stack direction={{ base: 'column', sm: 'row' }}>
                           <Radio value="union" autoFocus>
                             Union
diff --git a/src/components/NavBar/FeedbackDropdown.tsx b/src/components/NavBar/FeedbackDropdown.tsx
index 7e62b2aff..8c6cbcd9b 100644
--- a/src/components/NavBar/FeedbackDropdown.tsx
+++ b/src/components/NavBar/FeedbackDropdown.tsx
@@ -1,8 +1,9 @@
 import { ChevronDownIcon } from '@chakra-ui/icons';
-import { HStack, List, ListItem, Menu, MenuButton, MenuItem, MenuList } from '@chakra-ui/react';
+import { DarkMode, HStack, Link, List, ListItem, Menu, MenuButton, MenuItem, MenuList } from '@chakra-ui/react';
 import { useRouter } from 'next/router';
 import { MouseEvent, ReactElement } from 'react';
 import { ListType } from './types';
+import { useColorModeColors } from '@/lib/useColorModeColors';
 
 export const feedbackItems = {
   record: {
@@ -45,19 +46,7 @@ export const FeedbackDropdown = (props: IFeedbackDropdownProps): ReactElement =>
   const { type, onFinished } = props;
   const items = Object.values(feedbackItems);
   const router = useRouter();
-
-  const handleAccordionClick = (e: MouseEvent<HTMLAnchorElement>) => {
-    if (typeof onFinished === 'function') {
-      // Allow the default navigation but also close the drawer.
-      // Use setTimeout so the drawer closes after the click propagates.
-      setTimeout(() => onFinished(), 0);
-    }
-
-    // If Cmd/Ctrl+Click, let the browser handle natively (new tab)
-    if (e.metaKey || e.ctrlKey) {
-      return;
-    }
-  };
+  const colors = useColorModeColors();
 
   return type === ListType.DROPDOWN ? (
     <Menu variant="navbar" id="nav-menu-feedback">
@@ -68,23 +57,61 @@ export const FeedbackDropdown = (props: IFeedbackDropdownProps): ReactElement =>
       </MenuButton>
       <MenuList zIndex={500}>
         {items.map((item) => (
-          <MenuItem key={item.id} as="a" href={buildHref(item.path, router.asPath)} data-id={item.id}>
+          <MenuItem
+            key={item.id}
+            as="a"
+            href={buildHref(item.path, router.asPath)}
+            data-id={item.id}
+            fontWeight="normal"
+            color={colors.text}
+            _hover={{ textDecoration: 'none' }}
+          >
             {item.label}
           </MenuItem>
         ))}
       </MenuList>
     </Menu>
   ) : (
+    <DarkMode>
+      <SideFeedbackMenu onFinished={onFinished} />
+    </DarkMode>
+  );
+};
+
+const SideFeedbackMenu = ({ onFinished }: { onFinished?: () => void }) => {
+  const items = Object.values(feedbackItems);
+
+  const colors = useColorModeColors();
+
+  const router = useRouter();
+
+  const handleAccordionClick = (e: MouseEvent<HTMLAnchorElement>) => {
+    if (typeof onFinished === 'function') {
+      // Allow the default navigation but also close the drawer.
+      // Use setTimeout so the drawer closes after the click propagates.
+      setTimeout(() => onFinished(), 0);
+    }
+
+    // If Cmd/Ctrl+Click, let the browser handle natively (new tab)
+    if (e.metaKey || e.ctrlKey) {
+      return;
+    }
+  };
+
+  return (
     <List variant="navbar" role="menu">
       {items.map((item) => (
         <ListItem key={item.id} role="menuitem" id={`feedback-item-${item.id}`}>
-          <a
+          <Link
             href={buildHref(item.path, router.asPath)}
             onClick={handleAccordionClick}
             style={{ display: 'block', width: '100%' }}
+            fontWeight="normal"
+            color={colors.text}
+            _hover={{ textDecoration: 'none' }}
           >
             {item.label}
-          </a>
+          </Link>
         </ListItem>
       ))}
     </List>
diff --git a/src/components/Pagination/ControlledPaginationControls.tsx b/src/components/Pagination/ControlledPaginationControls.tsx
index bb704f993..88883d46a 100644
--- a/src/components/Pagination/ControlledPaginationControls.tsx
+++ b/src/components/Pagination/ControlledPaginationControls.tsx
@@ -42,6 +42,7 @@ export const ControlledPaginationControls = (props: IControlledPaginationControl
           onChange={(e) => onChangePageSize(e.target.value ? (Number(e.target.value) as NumPerPageType) : 10)}
           size="sm"
           data-testid="page-size-selector"
+          aria-label="page size"
         >
           <option value={10}>10</option>
           <option value={25}>25</option>
diff --git a/src/components/Pagination/PaginationControls.tsx b/src/components/Pagination/PaginationControls.tsx
index 2514d2f36..5ac6d0e70 100644
--- a/src/components/Pagination/PaginationControls.tsx
+++ b/src/components/Pagination/PaginationControls.tsx
@@ -27,6 +27,7 @@ export const PaginationControls = <T extends object>(props: IPaginationControlsP
           onChange={(e) => table.setPageSize(e.target.value ? Number(e.target.value) : 10)}
           size="sm"
           display={{ base: 'none', sm: 'block' }}
+          aria-label="numbers per page"
         >
           <option value={10}>10</option>
           <option value={25}>25</option>
diff --git a/src/components/RecaptchaMessage/RecaptchaMessage.tsx b/src/components/RecaptchaMessage/RecaptchaMessage.tsx
index db8ff646c..a35e63d03 100644
--- a/src/components/RecaptchaMessage/RecaptchaMessage.tsx
+++ b/src/components/RecaptchaMessage/RecaptchaMessage.tsx
@@ -3,7 +3,7 @@ import { SimpleLink } from '@/components/SimpleLink';
 
 export const RecaptchaMessage = (props: TextProps) => {
   return (
-    <Text fontSize="sm" color="gray.500" mt="4" {...props}>
+    <Text fontSize="sm" mt="4" {...props}>
       This site is protected by reCAPTCHA and the Google
       <SimpleLink display="inline" href={'https://policies.google.com/privacy'}>
         {' '}
diff --git a/src/components/SearchFacet/SearchFacetModal/SelectedList.tsx b/src/components/SearchFacet/SearchFacetModal/SelectedList.tsx
index ba9caaec0..294b1a8b4 100644
--- a/src/components/SearchFacet/SearchFacetModal/SelectedList.tsx
+++ b/src/components/SearchFacet/SearchFacetModal/SelectedList.tsx
@@ -1,4 +1,4 @@
-import { BoxProps, Flex, IconButton, Tag, TagCloseButton, TagLabel, Wrap } from '@chakra-ui/react';
+import { BoxProps, Flex, IconButton, Tag, TagCloseButton, TagLabel, Wrap, WrapItem } from '@chakra-ui/react';
 import { useFacetStore } from '@/components/SearchFacet/store/FacetStore';
 import { isEmpty } from 'ramda';
 import { MouseEventHandler } from 'react';
@@ -41,18 +41,20 @@ export const SelectedList = (props: BoxProps) => {
     >
       <Wrap flex="1" spacing="1">
         {selected.map((key) => (
-          <Tag key={key} size="sm" variant="subtle">
-            <TagLabel>
-              {facetId === 'simbad_object_facet_hier' && key.startsWith('1/')
-                ? getObjectName(formatKeyToName(key), queryClient)
-                : formatKeyToName(key)}
-            </TagLabel>
-            <TagCloseButton
-              onClick={handleDeselect}
-              data-key={key}
-              aria-label={`remove ${formatKeyToName(key)} from selection`}
-            />
-          </Tag>
+          <WrapItem key={key}>
+            <Tag size="sm" variant="subtle">
+              <TagLabel>
+                {facetId === 'simbad_object_facet_hier' && key.startsWith('1/')
+                  ? getObjectName(formatKeyToName(key), queryClient)
+                  : formatKeyToName(key)}
+              </TagLabel>
+              <TagCloseButton
+                onClick={handleDeselect}
+                data-key={key}
+                aria-label={`remove ${formatKeyToName(key)} from selection`}
+              />
+            </Tag>
+          </WrapItem>
         ))}
       </Wrap>
       <IconButton
diff --git a/src/components/SearchFacet/SearchFacetModal/SortControl.tsx b/src/components/SearchFacet/SearchFacetModal/SortControl.tsx
index 32f1403cf..ec72db73e 100644
--- a/src/components/SearchFacet/SearchFacetModal/SortControl.tsx
+++ b/src/components/SearchFacet/SearchFacetModal/SortControl.tsx
@@ -37,7 +37,14 @@ export const SortControl = ({
       }}
       {...flexProps}
     >
-      <Select size="sm" value={value} onChange={handleSortChange} borderRightRadius="none" _focus={{ boxShadow: '' }}>
+      <Select
+        aria-label="sort by"
+        size="sm"
+        value={value}
+        onChange={handleSortChange}
+        borderRightRadius="none"
+        _focus={{ boxShadow: '' }}
+      >
         <option value="count">Count</option>
         {onlyCount ? null : <option value="index">A-Z</option>}
       </Select>
diff --git a/src/components/Tags/Tags.tsx b/src/components/Tags/Tags.tsx
index 90e5a1802..885731a72 100644
--- a/src/components/Tags/Tags.tsx
+++ b/src/components/Tags/Tags.tsx
@@ -26,7 +26,7 @@ export const Tags = ({ tagItems, onRemove, onClear, placeHolder, ...boxProps }:
   return (
     <Flex justifyContent="space-between" alignItems="center" borderWidth={1} px={2} {...boxProps}>
       <Box>
-        {tagItems.length === 0 && placeHolder ? <Text color="gray.300">{placeHolder}</Text> : null}
+        {tagItems.length === 0 && placeHolder ? <Text color="gray.500">{placeHolder}</Text> : null}
         {tagItems.map((item) => (
           <Tag key={`tag-${item.id}`} size="md" m={1}>
             <TagLabel>{item.label}</TagLabel>
diff --git a/src/components/Visualizations/GraphPanes/AuthorNetworkGraphPane.tsx b/src/components/Visualizations/GraphPanes/AuthorNetworkGraphPane.tsx
index 4cf105b30..e9deeaa13 100644
--- a/src/components/Visualizations/GraphPanes/AuthorNetworkGraphPane.tsx
+++ b/src/components/Visualizations/GraphPanes/AuthorNetworkGraphPane.tsx
@@ -45,7 +45,7 @@ export const AuthorNetworkGraphPane = ({
   return (
     <Stack as="section" aria-label="Author Network" width="100%" mt={5}>
       <PaperLimit initialLimit={paperLimit} max={maxPaperLimit} onApply={handleChangePaperLimit} />
-      <RadioGroup defaultChecked onChange={handleChangeView} value={view.id}>
+      <RadioGroup defaultChecked onChange={handleChangeView} value={view.id} aria-label="view option">
         <Stack direction="row">
           {views.map((v) => (
             <Radio value={v.id} key={v.id}>
diff --git a/src/components/Visualizations/GraphPanes/BubblePlotPane.tsx b/src/components/Visualizations/GraphPanes/BubblePlotPane.tsx
index 5d12c3194..f1e6458e4 100644
--- a/src/components/Visualizations/GraphPanes/BubblePlotPane.tsx
+++ b/src/components/Visualizations/GraphPanes/BubblePlotPane.tsx
@@ -75,7 +75,7 @@ export const BubblePlotPane = ({ graph, onApplyFilter }: IBubblePlotPaneProps):
           Search
         </Button>
       </VStack>
-      <RadioGroup value={plotType} onChange={handleChangePlotType}>
+      <RadioGroup value={plotType} onChange={handleChangePlotType} aria-label="view option">
         <Stack direction="row">
           {Object.entries(plotTypes).map(([k, v]) => (
             <Radio value={k} key={`graph-type-${k}`}>
diff --git a/src/components/Visualizations/GraphPanes/HIndexGraphPane.tsx b/src/components/Visualizations/GraphPanes/HIndexGraphPane.tsx
index 3994b94c6..fc70aff89 100644
--- a/src/components/Visualizations/GraphPanes/HIndexGraphPane.tsx
+++ b/src/components/Visualizations/GraphPanes/HIndexGraphPane.tsx
@@ -120,7 +120,7 @@ export const HIndexGraphPane = ({ buckets, sum, type, onApplyCondition }: IHInde
                   <Text as="legend" fontWeight="bold">
                     Y-Axis
                   </Text>
-                  <RadioGroup value={yaxis} onChange={handleChangeYAxis} size="md">
+                  <RadioGroup value={yaxis} onChange={handleChangeYAxis} size="md" aria-label="axis">
                     <Stack spacing={4} direction="row">
                       <Radio value="linear">Linear</Radio>
                       <Radio value="log">Log</Radio>
@@ -136,7 +136,6 @@ export const HIndexGraphPane = ({ buckets, sum, type, onApplyCondition }: IHInde
                 xScaleType="linear"
               />
               <Slider
-                aria-label="Limit Slider"
                 range={[1, limits.maxLimit]}
                 values={[isNaN(limits.limit) ? limits.maxLimit : limits.limit]}
                 onSlideEnd={handleLimitSliderChange}
diff --git a/src/components/Visualizations/GraphPanes/WordCloudPane.tsx b/src/components/Visualizations/GraphPanes/WordCloudPane.tsx
index a7486d996..3cd39dd3f 100644
--- a/src/components/Visualizations/GraphPanes/WordCloudPane.tsx
+++ b/src/components/Visualizations/GraphPanes/WordCloudPane.tsx
@@ -38,7 +38,6 @@ export const WordCloudPane = ({
         <Flex alignItems="center" direction="column">
           <FormLabel>Recalculate Cloud</FormLabel>
           <Slider
-            aria-label="unique frequent slider"
             range={[min, max]}
             values={[currentSliderValue]}
             onSlideEnd={handleSliderValueChange}
diff --git a/src/components/Visualizations/GraphPanes/YearsGraphPane.tsx b/src/components/Visualizations/GraphPanes/YearsGraphPane.tsx
index e41972798..634361868 100644
--- a/src/components/Visualizations/GraphPanes/YearsGraphPane.tsx
+++ b/src/components/Visualizations/GraphPanes/YearsGraphPane.tsx
@@ -101,7 +101,6 @@ export const YearsGraphPane = ({ data, onApplyYearRange }: IYearsGraphPaneProps)
             tooltip={(bar) => <CustomBarTooltip keys={transformedGraph.keys} bar={bar} />}
           />
           <Slider
-            aria-label="Limit Slider"
             range={[firstYear, lastYear]}
             values={[range.min, range.max]}
             onSlideEnd={handleRangeChange}
diff --git a/src/components/Visualizations/Graphs/BarGraph.tsx b/src/components/Visualizations/Graphs/BarGraph.tsx
index e9fae7e83..c4d9c0ada 100644
--- a/src/components/Visualizations/Graphs/BarGraph.tsx
+++ b/src/components/Visualizations/Graphs/BarGraph.tsx
@@ -79,6 +79,8 @@ export const BarGraph = (props: IBarGraphProps): ReactElement => {
       )}
       <div style={{ height: height, marginTop: '20px' }}>
         <ResponsiveBar
+          role="graphics-document"
+          ariaLabel="bar graph"
           theme={colorMode === 'dark' ? darkTheme : null}
           data={data}
           indexBy={indexBy}
diff --git a/src/components/Visualizations/Graphs/BubblePlot.tsx b/src/components/Visualizations/Graphs/BubblePlot.tsx
index 02ef0fdea..e46a05907 100644
--- a/src/components/Visualizations/Graphs/BubblePlot.tsx
+++ b/src/components/Visualizations/Graphs/BubblePlot.tsx
@@ -259,6 +259,7 @@ export const BubblePlot = ({
   const transitionNodes = useCallback(() => {
     d3.selectAll<BaseType, IBubbleNode>('.paper-circle')
       .data(nodes, (n) => n.bibcode)
+      .attr('tabindex', '-1')
       .join('circle')
       .transition()
       .duration(200)
@@ -468,7 +469,9 @@ export const BubblePlot = ({
       const g = svg
         .attr('viewBox', [0, 0, width + margin.left + margin.right, height + margin.top + margin.bottom])
         .append('g')
-        .attr('transform', `translate(${margin.left},${margin.top})`);
+        .attr('transform', `translate(${margin.left},${margin.top})`)
+        .attr('role', 'img')
+        .attr('aria-label', 'bubble plot');
 
       // Render Axis
       g.append('g').attr('class', 'x-axis').attr('transform', `translate(0, ${height})`).call(xAxis);
diff --git a/src/components/Visualizations/Graphs/Histogram.tsx b/src/components/Visualizations/Graphs/Histogram.tsx
index 0b9113a0f..dfade68b5 100644
--- a/src/components/Visualizations/Graphs/Histogram.tsx
+++ b/src/components/Visualizations/Graphs/Histogram.tsx
@@ -114,7 +114,8 @@ export const Histogram = ({
         .attr('transform', (d) => `translate(${xScale(d.x0)} , 0)`)
         .attr('width', (d) => xScale(d.x1) - xScale(d.x0))
         .attr('height', height)
-        .attr('tabindex', 0)
+        .attr('tabindex', '-1')
+        .attr('focusable', 'false')
         .style('fill', '#fff')
         .style('opacity', 0) // make it transparent
         .on('mouseover', (event, bin) => {
diff --git a/src/components/Visualizations/Graphs/LineGraph.tsx b/src/components/Visualizations/Graphs/LineGraph.tsx
index 749fc5457..30b7ce37f 100644
--- a/src/components/Visualizations/Graphs/LineGraph.tsx
+++ b/src/components/Visualizations/Graphs/LineGraph.tsx
@@ -19,7 +19,7 @@ export const LineGraph = memo(
     const darkTheme = useNivoDarkTheme();
 
     return (
-      <Box width="100%" mt={5}>
+      <Box width="100%" mt={5} role="img" aria-label="line graph">
         <div style={{ height: '500px' }}>
           <ResponsiveLine
             theme={colorMode === 'dark' ? darkTheme : null}
diff --git a/src/components/Visualizations/Widgets/PaperLimit.tsx b/src/components/Visualizations/Widgets/PaperLimit.tsx
index 2cfdee7af..628f69f70 100644
--- a/src/components/Visualizations/Widgets/PaperLimit.tsx
+++ b/src/components/Visualizations/Widgets/PaperLimit.tsx
@@ -39,7 +39,15 @@ export const PaperLimit = ({
   return (
     <Stack direction="row" alignItems="center" my={2}>
       <Text>Show the first</Text>
-      <Input w={16} type="number" value={limit} max={max} onChange={handleChange} onKeyDown={handleKeydown} />
+      <Input
+        w={16}
+        type="number"
+        value={limit}
+        max={max}
+        onChange={handleChange}
+        onKeyDown={handleKeydown}
+        aria-label="max number of papers"
+      />
       <Text>{`papers (max is ${max})`}</Text>
       <Button onClick={handleApply}>Apply</Button>
     </Stack>
diff --git a/src/components/Visualizations/utils/graphUtils.ts b/src/components/Visualizations/utils/graphUtils.ts
index bf819b65b..2cb7f2dd4 100644
--- a/src/components/Visualizations/utils/graphUtils.ts
+++ b/src/components/Visualizations/utils/graphUtils.ts
@@ -446,6 +446,7 @@ export const getAuthorNetworkSummaryGraph = (response: IADSApiAuthorNetworkRespo
 
     // years range
     const years = uniq(bibcodes.map((bibcode) => parseInt(bibcode.slice(0, 4))));
+    console.log(bibcodes);
     const yearsRange = d3.extent(years);
     const allYears = range(yearsRange[0], yearsRange[1]); // fill in the years gap
 
diff --git a/src/pages/paper-form.tsx b/src/pages/paper-form.tsx
index fc01644ea..478509f80 100644
--- a/src/pages/paper-form.tsx
+++ b/src/pages/paper-form.tsx
@@ -129,7 +129,7 @@ const PaperForm: NextPage<{ error?: IPaperFormServerError }> = ({ error: ssrErro
   );
 
   return (
-    <VStack as="article" spacing={5} my={16}>
+    <VStack spacing={5} my={16}>
       <Head>
         <title>{`${BRAND_NAME_FULL} Paper Form`}</title>
       </Head>
@@ -172,6 +172,7 @@ const JournalQueryForm = ({ onSubmit, error }: SubFormProps) => {
   return (
     <VStack
       aria-labelledby="journal-search-form"
+      as="section"
       borderRadius={5}
       shadow="base"
       padding={5}
@@ -267,7 +268,7 @@ const ReferenceQueryForm = ({ onSubmit, error }: SubFormProps) => {
   };
 
   return (
-    <Box aria-labelledby="reference-query-form" borderRadius={5} shadow="base" padding={5} width="full">
+    <Box as="section" aria-labelledby="reference-query-form" borderRadius={5} shadow="base" padding={5} width="full">
       <Heading as="h2" fontSize="large" fontWeight="bold" id="reference-query-form">
         Reference Query
       </Heading>
@@ -324,7 +325,7 @@ const BibcodeQueryForm = ({ onSubmit, error }: SubFormProps) => {
   };
 
   return (
-    <Box aria-labelledby="bibstem-query-form" borderRadius={5} shadow="base" padding={5} width="full">
+    <Box as="section" aria-labelledby="bibstem-query-form" borderRadius={5} shadow="base" padding={5} width="full">
       <Heading as="h2" fontSize="large" fontWeight="bold" id="bibstem-query-form">
         Bibliographic Code Query
       </Heading>
@@ -446,10 +447,7 @@ const journalQueryNotEmpty = pipe<
   any((v) => v.length > 0),
 );
 
-export const getSearchQuery = async (
-  formParams: PaperFormState[PaperFormType],
-  queryClient: QueryClient,
-) => {
+export const getSearchQuery = async (formParams: PaperFormState[PaperFormType], queryClient: QueryClient) => {
   switch (formParams.form) {
     case PaperFormType.JOURNAL_QUERY: {
       if (journalQueryNotEmpty(formParams)) {
diff --git a/src/theme.ts b/src/theme.ts
index 252a8698e..33ae98dae 100644
--- a/src/theme.ts
+++ b/src/theme.ts
@@ -76,6 +76,7 @@ export const theme = extendTheme(
         },
         a: {
           color: mode('blue.500', 'blue.200')(props),
+          fontWeight: 'bold',
         },
       }),
     },
@@ -205,27 +206,9 @@ export const theme = extendTheme(
         },
       },
       Input: {
-        parts: ['field', 'addon'],
-        sizes: {
-          lg: {
-            field: {
-              borderRadius: 'sm',
-            },
-          },
-          md: {
-            field: {
-              borderRadius: 'sm',
-            },
-          },
-          sm: {
-            field: {
-              borderRadius: 'sm',
-            },
-          },
-          xs: {
-            field: {
-              borderRadius: 'sm',
-            },
+        baseStyle: {
+          field: {
+            borderRadius: 'sm',
           },
         },
       },