Merge pull request #27363 from overleaf/revert-26751-rd-landmarks

[web] Revert "Improve landmarks on the Project dashboard and Editor pages"

GitOrigin-RevId: 4bf0bbb9466db4436df4a72dcc70c320263dd168

services/web/frontend/js/features/ide-react/components/editor-and-pdf.tsx

@@ -55,8 +55,6 @@ export const EditorAndPdf: FC = () => {
           'ide-panel-group-resizing': resizing,
           hidden: !editorIsOpen,
         })}
-        tagName="section"
-        aria-label={t('editor')}
       >
         {selectedEntityCount === 0 && <NoSelectionPane />}
         {selectedEntityCount === 1 && openEntity?.type === 'fileRef' && (
@@ -107,8 +105,6 @@ export const EditorAndPdf: FC = () => {
         onCollapse={handlePdfPaneCollapse}
         onExpand={handlePdfPaneExpand}
         className="ide-react-panel"
-        tagName="section"
-        aria-label={t('pdf_preview_logs')}
       >
         <PdfPreview />
         {/* ensure that "sync to code" is available in PDF only layout */}

services/web/frontend/js/features/ide-react/components/editor-sidebar.tsx

@@ -7,7 +7,6 @@ import { OutlineContainer } from '@/features/outline/components/outline-containe
 import { useOutlinePane } from '@/features/ide-react/hooks/use-outline-pane'
 import React, { ElementType } from 'react'
 import importOverleafModules from '../../../../macros/import-overleaf-module.macro'
-import { t } from 'i18next'
 
 const editorSidebarComponents = importOverleafModules(
   'editorSidebarComponents'
@@ -19,11 +18,10 @@ export default function EditorSidebar() {
   const { outlineEnabled, outlinePanelRef } = useOutlinePane()
 
   return (
-    <nav
+    <aside
       className={classNames('ide-react-editor-sidebar', {
         hidden: view === 'history',
       })}
-      aria-label={t('project_files_outline')}
     >
       {editorSidebarComponents.map(
         ({ import: { default: Component }, path }) => (
@@ -55,6 +53,6 @@ export default function EditorSidebar() {
           <OutlineContainer />
         </Panel>
       </PanelGroup>
-    </nav>
+    </aside>
   )
 }

services/web/frontend/js/features/ide-react/components/history-sidebar.tsx

@@ -1,13 +1,10 @@
 import React from 'react'
-import { useTranslation } from 'react-i18next'
 
 export function HistorySidebar() {
-  const { t } = useTranslation()
   return (
-    <nav
+    <aside
       id="history-file-tree"
       className="ide-react-editor-sidebar history-file-tree"
-      aria-label={t('project_files_history')}
     />
   )
 }