Explore: Add h1 for screen readers (#85794)

* Add h1 in Explore for screen readers

* Add i18n

* Move to ExplorePage
This commit is contained in:
Tobias Skarhed
2024-04-09 18:15:44 +02:00
committed by GitHub
parent 9a2969fb4f
commit c7e4baff75
@@ -7,6 +7,7 @@ import { ErrorBoundaryAlert, useStyles2, useTheme2 } from '@grafana/ui';
import { SplitPaneWrapper } from 'app/core/components/SplitPaneWrapper/SplitPaneWrapper';
import { useGrafana } from 'app/core/context/GrafanaContext';
import { useNavModel } from 'app/core/hooks/useNavModel';
import { Trans } from 'app/core/internationalization';
import { GrafanaRouteComponentProps } from 'app/core/navigation/types';
import { useDispatch, useSelector } from 'app/types';
import { ExploreQueryParams } from 'app/types/explore';
@@ -64,6 +65,9 @@ export default function ExplorePage(props: GrafanaRouteComponentProps<{}, Explor
[styles.correlationsEditorIndicator]: showCorrelationEditorBar,
})}
>
<h1 className="sr-only">
<Trans i18nKey="nav.explore.title" />
</h1>
<ExploreActions />
{showCorrelationEditorBar && <CorrelationEditorModeBar panes={panes} />}
<SplitPaneWrapper