Add more accessibility tests

src/servers/ManageServers.tsx

@@ -70,10 +70,10 @@ const ManageServers: FCWithDeps<ManageServersProps, ManageServersDeps> = ({ serv
         <table className="table table-hover responsive-table mb-0">
           <thead className="responsive-table__header">
             <tr>
-              {hasAutoConnect && <th aria-label="Auto-connect" style={{ width: '50px' }} />}
+              {hasAutoConnect && <th style={{ width: '50px' }}><span className="sr-only">Auto-connect</span></th>}
               <th>Name</th>
               <th>Base URL</th>
-              <th aria-label="Options" />
+              <th><span className="sr-only">Options</span></th>
             </tr>
           </thead>
           <tbody>

src/servers/ManageServersRowDropdown.tsx

@@ -47,7 +47,7 @@ const ManageServersRowDropdown: FCWithDeps<ManageServersRowDropdownConnectProps,
       <DropdownItem onClick={() => setAutoConnect(server, !isAutoConnect)}>
         <FontAwesomeIcon icon={autoConnectIcon} fixedWidth /> {isAutoConnect ? 'Do not a' : 'A'}uto-connect
       </DropdownItem>
-      <DropdownItem divider />
+      <DropdownItem divider tag="hr" />
       <DropdownItem className="dropdown-item--danger" onClick={showModal}>
         <FontAwesomeIcon icon={deleteIcon} fixedWidth /> Remove server
       </DropdownItem>

src/servers/ServersDropdown.tsx

@@ -30,7 +30,7 @@ export const ServersDropdown = ({ servers, selectedServer }: ServersDropdownProp
             {name}
           </DropdownItem>
         ))}
-        <DropdownItem divider />
+        <DropdownItem divider tag="hr" />
         <DropdownItem tag={Link} to="/manage-servers">
           <FontAwesomeIcon icon={serverIcon} /> <span className="ms-1">Manage servers</span>
         </DropdownItem>

src/servers/ServersListGroup.tsx

@@ -21,9 +21,10 @@ const ServerListItem = ({ id, name }: { id: string; name: string }) => (
 
 export const ServersListGroup: FC<ServersListGroupProps> = ({ servers, children, embedded = false }) => (
   <>
-    {children && <div className="mb-0 fs-5 fw-normal lh-sm">{children}</div>}
+    {children && <div data-testid="title" className="mb-0 fs-5 fw-normal lh-sm">{children}</div>}
     {servers.length > 0 && (
       <ListGroup
+        data-testid="list"
         tag="div"
         className={classNames('servers-list__list-group', { 'servers-list__list-group--embedded': embedded })}
       >

src/servers/helpers/ImportServersBtn.tsx

@@ -88,7 +88,7 @@ const ImportServersBtn: FCWithDeps<ImportServersBtnConnectProps, ImportServersBt
         You can create servers by importing a CSV file with <b>name</b>, <b>apiKey</b> and <b>url</b> columns.
       </UncontrolledTooltip>
 
-      <input type="file" accept="text/csv" className="d-none" ref={ref} onChange={onFile} />
+      <input type="file" accept="text/csv" className="d-none" ref={ref} onChange={onFile} aria-hidden />
 
       <DuplicatedServersModal
         isOpen={isModalOpen}