diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx
index 4aad3f1e96..a7a68b351f 100644
--- a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx
+++ b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx
@@ -434,7 +434,6 @@ test.describe(`${TAG.VISUAL}`, () => {
         // Disable all items and verify chart appearance
         await page.keyboard.press('Tab');
         await page.keyboard.press('Tab');
-        await page.keyboard.press('Space');
 
         const box = await chart.boundingBox();
         if (!box) throw new Error('Bounding box not found');
diff --git a/semcore/d3-chart/__tests__/bar-horizontal-compact.browser-test.tsx b/semcore/d3-chart/__tests__/bar-horizontal-compact.browser-test.tsx
index 34b6783b20..a36be3a3f5 100644
--- a/semcore/d3-chart/__tests__/bar-horizontal-compact.browser-test.tsx
+++ b/semcore/d3-chart/__tests__/bar-horizontal-compact.browser-test.tsx
@@ -126,7 +126,6 @@ test.describe(`${TAG.VISUAL}`, () => {
       // Navigate with keyboard to verify focus state
       await page.keyboard.press('Tab');
       await page.keyboard.press('Tab');
-      await page.keyboard.press('Tab');
       await expect(page).toHaveScreenshot();
     });
   });
diff --git a/semcore/d3-chart/__tests__/d3-chart-base.browser-test.tsx b/semcore/d3-chart/__tests__/d3-chart-base.browser-test.tsx
index 2a3446c096..7a2bb3015f 100644
--- a/semcore/d3-chart/__tests__/d3-chart-base.browser-test.tsx
+++ b/semcore/d3-chart/__tests__/d3-chart-base.browser-test.tsx
@@ -284,7 +284,6 @@ test.describe(`${TAG.FUNCTIONAL}`, () => {
       await test.step('Verify plot svg with aria-label attributes', async () => {
         const svg = svgs.first();
         const svgAttributes = [
-          ['tabindex', '0'],
           ['aria-label', 'Last market trends with pattern'],
           ['width', '300'],
           ['height', '200'],
@@ -307,6 +306,7 @@ test.describe(`${TAG.FUNCTIONAL}`, () => {
         await expect(dialog).not.toBeVisible();
 
         await page.keyboard.press('Tab');
+        await page.keyboard.press('Enter');
         await expect(dialog).toBeVisible();
 
         await expect(dialog).toHaveAttribute('tabindex', '0');
@@ -349,7 +349,6 @@ test.describe(`${TAG.FUNCTIONAL}`, () => {
       await test.step('Verify plot svg without aria-label attributes', async () => {
         const svg = svgs.nth(1);
         const svgAttributes = [
-          ['tabindex', '0'],
           ['aria-label', 'Chart'],
           ['data-ui-name', 'Plot'],
         ];
diff --git a/semcore/d3-chart/__tests__/index.test.tsx b/semcore/d3-chart/__tests__/index.test.tsx
index 56f8530bd1..abde8d5961 100644
--- a/semcore/d3-chart/__tests__/index.test.tsx
+++ b/semcore/d3-chart/__tests__/index.test.tsx
@@ -299,6 +299,7 @@ describe('Focus skip to content after plot', () => {
     const hints = makeDataHintsContainer();
 
     const PlotComponent: React.FC = () => {
+      const triggerRef = React.useRef(null);
       const plotRef = React.useRef<HTMLDivElement>(null);
 
       return (
@@ -312,6 +313,8 @@ describe('Focus skip to content after plot', () => {
               locale='en'
               config={{}}
               hints={hints}
+              triggerRef={triggerRef}
+              onCloseHandler={() => {}}
             />
           </div>
           <div className='one'>
@@ -331,7 +334,6 @@ describe('Focus skip to content after plot', () => {
 
     const { getByTestId } = render(<PlotComponent />);
 
-    await userEvent.keyboard('[Tab]');
     await userEvent.keyboard('[Tab]');
     await userEvent.keyboard('[Tab]');
     await userEvent.keyboard('[Enter]');
@@ -349,6 +351,7 @@ describe('Focus skip to content after plot', () => {
     const hints = makeDataHintsContainer();
 
     const PlotComponent: React.FC = () => {
+      const triggerRef = React.useRef(null);
       const plotRef = React.useRef<HTMLDivElement>(null);
 
       return (
@@ -362,6 +365,8 @@ describe('Focus skip to content after plot', () => {
               locale='en'
               config={{}}
               hints={hints}
+              triggerRef={triggerRef}
+              onCloseHandler={() => {}}
             />
           </div>
           <div className='one'>
@@ -385,7 +390,6 @@ describe('Focus skip to content after plot', () => {
 
     const { getByTestId } = render(<PlotComponent />);
 
-    await userEvent.keyboard('[Tab]');
     await userEvent.keyboard('[Tab]');
     await userEvent.keyboard('[Tab]');
     await userEvent.keyboard('[Enter]');
diff --git a/semcore/d3-chart/src/Plot.jsx b/semcore/d3-chart/src/Plot.jsx
index bef6a18095..3a8515b42f 100644
--- a/semcore/d3-chart/src/Plot.jsx
+++ b/semcore/d3-chart/src/Plot.jsx
@@ -103,7 +103,6 @@ class PlotRoot extends Component {
         onMouseMove={this.handlerMouseMove}
         onMouseLeave={this.handlerMouseLeave}
         aria-label={ariaLabel}
-        tabIndex={0}
         data-plot-id={this.plotId}
       >
         <Children />
diff --git a/semcore/d3-chart/src/a11y/PlotA11yModule.tsx b/semcore/d3-chart/src/a11y/PlotA11yModule.tsx
index 55383a8315..59fc99864e 100644
--- a/semcore/d3-chart/src/a11y/PlotA11yModule.tsx
+++ b/semcore/d3-chart/src/a11y/PlotA11yModule.tsx
@@ -3,37 +3,20 @@ import { Root, sstyled } from '@semcore/core';
 import { Context as I18nContext, useI18n } from '@semcore/core/lib/utils/enhances/WithI18n';
 import React from 'react';
 
-import type { DataStructureHints, PartialDataSummarizationConfig } from './hints';
 import { normalizeLocale } from './locale';
+import type { A11yViewProps } from './PlotA11yView';
 import styles from '../style/plotA11yModule.shadow.css';
 import { localizedMessages } from './translations/module/__intergalactic-dynamic-locales';
 
-let globalWasFocused = false;
-let globalNavWithKeyboard = false;
+type A11yModuleProps = Omit<A11yViewProps, 'onBlurHandler' | 'triggerRef'>;
 
-export type A11yViewProps = {
-  id: string;
-  data: Record<string, unknown>[];
-  hints: DataStructureHints;
-  plotLabel: string;
-  locale: NavigatorLanguage['language'];
-  config: PartialDataSummarizationConfig;
-
-  plotRef: React.RefObject<HTMLElement>;
-};
-
-export function PlotA11yModule(props: A11yViewProps) {
+export function PlotA11yModule(props: A11yModuleProps) {
   const SPlotA11yModule = Root;
-  const [wasFocused, setWasFocused] = React.useState(globalWasFocused);
-  const [navWithKeyboard, setNavWithKeyboard] = React.useState(globalNavWithKeyboard);
+  const [isOpened, setIsOpened] = React.useState(false);
   const [plotA11yView, setPlotA11yView] = React.useState<{
     Component: React.FC<A11yViewProps>;
   } | null>(null);
-
-  const hadnleHiddenElementsFocus = React.useCallback(() => {
-    setWasFocused(true);
-    setNavWithKeyboard(true);
-  }, []);
+  const srButtonRef = React.useRef<HTMLButtonElement>(null);
 
   const [loading, setLoading] = React.useState(false);
   const [error, setError] = React.useState<Error | null>(null);
@@ -46,40 +29,7 @@ export function PlotA11yModule(props: A11yViewProps) {
   const t = useI18n(localizedMessages, locale!);
 
   React.useEffect(() => {
-    if (wasFocused) return;
-    const focusListener = () => {
-      globalWasFocused = true;
-      setWasFocused(true);
-    };
-
-    props.plotRef.current?.addEventListener('focus', focusListener);
-    return () => props.plotRef.current?.removeEventListener('focus', focusListener);
-  }, [wasFocused, props.plotRef]);
-  React.useEffect(() => {
-    if (navWithKeyboard) return;
-    const keyboardListener = (event: Event) => {
-      const navigationKeys = [
-        'Tab',
-        'ArrowUp',
-        'ArrowLeft',
-        'ArrowDown',
-        'ArrowRight',
-        'ArrowUp',
-        'ArrowLeft',
-      ];
-      if ('key' in event && navigationKeys.includes((event as KeyboardEvent).key)) {
-        setNavWithKeyboard(true);
-        globalNavWithKeyboard = true;
-      }
-    };
-    document.body?.addEventListener('keydown', keyboardListener);
-    return () => document.body?.removeEventListener('keydown', keyboardListener);
-  }, [navWithKeyboard]);
-
-  const shouldDisplayView = wasFocused && navWithKeyboard;
-
-  React.useEffect(() => {
-    if (!shouldDisplayView) return;
+    if (!isOpened) return;
     if (plotA11yView) return;
     if (loading) return;
 
@@ -95,33 +45,35 @@ export function PlotA11yModule(props: A11yViewProps) {
         // eslint-disable-next-line no-console
         console.error(error);
         setError(error);
+        setLoading(false);
       });
-  }, [plotA11yView, shouldDisplayView, loading, setLoading]);
+  }, [plotA11yView, isOpened, loading, setLoading]);
 
   if (plotA11yView) {
     return sstyled(styles)(
-      <plotA11yView.Component {...props} locale={locale!} />,
-    ) as React.ReactElement;
-  }
-
-  if (error) {
-    return sstyled(styles)(
-      <SPlotA11yModule render={Box} tabIndex={0} aria-live='assertive'>
-        {t('failed')}
-      </SPlotA11yModule>,
-    ) as React.ReactElement;
-  }
-  if (loading) {
-    return sstyled(styles)(
-      <SPlotA11yModule render={Box} tabIndex={0} aria-live='polite'>
-        {t('loading')}
-      </SPlotA11yModule>,
+      <plotA11yView.Component
+        {...props}
+        onCloseHandler={() => {
+          setIsOpened(false);
+          setPlotA11yView(null);
+        }}
+        triggerRef={srButtonRef}
+        locale={locale!}
+      />,
     ) as React.ReactElement;
   }
 
   return sstyled(styles)(
-    <SPlotA11yModule render={Box} tabIndex={0} onFocus={hadnleHiddenElementsFocus}>
-      {t('disabled')}
+    <SPlotA11yModule render={Box}>
+      <button
+        ref={srButtonRef}
+        onClick={() => setIsOpened(true)}
+        aria-label={t('PlotA11yModule.ScreenReaderOnlyButton.Label')}
+      />
+      <Box role='status'>
+        {loading && t('loading')}
+        {error && t('failed')}
+      </Box>
     </SPlotA11yModule>,
-  ) as React.ReactElement;
+  );
 }
diff --git a/semcore/d3-chart/src/a11y/PlotA11yView.tsx b/semcore/d3-chart/src/a11y/PlotA11yView.tsx
index 83a9ee7734..f52c68fcc4 100644
--- a/semcore/d3-chart/src/a11y/PlotA11yView.tsx
+++ b/semcore/d3-chart/src/a11y/PlotA11yView.tsx
@@ -6,20 +6,35 @@ import React from 'react';
 import { DataAccessibilityTable } from './DataAccessibilityTable';
 import { heavyFindNextFocusableElement } from './focus';
 import { makeDataSummarizationConfig } from './hints';
+import type { DataStructureHints, PartialDataSummarizationConfig } from './hints';
 import { getIntl } from './intl';
-import type { A11yViewProps } from './PlotA11yModule';
 import { summarize } from './summarize';
 import styles from '../style/plotA11yView.shadow.css';
 import { localizedMessages } from './translations/view/__intergalactic-dynamic-locales';
 
+export type A11yViewProps = {
+  id: string;
+  data: Record<string, unknown>[];
+  hints: DataStructureHints;
+  plotLabel: string;
+  locale: NavigatorLanguage['language'];
+  config: PartialDataSummarizationConfig;
+
+  plotRef: React.RefObject<HTMLElement>;
+  triggerRef: React.RefObject<HTMLElement>;
+  onCloseHandler: () => void;
+};
+
 export const PlotA11yView: React.FC<A11yViewProps> = ({
   id,
   data: providedData,
   hints,
   plotLabel,
+  triggerRef,
   plotRef,
   config: providedConfig,
   locale,
+  onCloseHandler,
 }) => {
   const SPlotA11yView = Root;
   const translations = useAsyncI18nMessages(localizedMessages, locale);
@@ -32,10 +47,30 @@ export const PlotA11yView: React.FC<A11yViewProps> = ({
     () => (Array.isArray(providedData) ? providedData : [providedData]),
     [providedData],
   );
+  const rootRef = React.useRef<HTMLDivElement>(null);
 
   const [summary, setSummary] = React.useState<string | null>(null);
   const [generatingSummary, setGeneratingSummary] = React.useState(true);
 
+  React.useEffect(() => {
+    rootRef.current?.focus();
+
+    function focusOutHandler(event: FocusEvent) {
+      if (event.relatedTarget === null) {
+        return requestIdleCallback(onCloseHandler);
+      }
+
+      if (!(event.relatedTarget instanceof HTMLElement)) return;
+
+      if (rootRef.current?.contains(event.relatedTarget)) return;
+
+      requestIdleCallback(onCloseHandler);
+    }
+
+    rootRef.current?.addEventListener('focusout', focusOutHandler);
+    return () => rootRef.current?.removeEventListener('focusout', focusOutHandler);
+  }, []);
+
   React.useEffect(() => {
     if (config.disable) {
       setSummary('');
@@ -54,13 +89,19 @@ export const PlotA11yView: React.FC<A11yViewProps> = ({
   }, [providedData, hints, config, locale, translations, localizedMessages]);
 
   const handleClose = React.useCallback(() => {
-    plotRef.current?.focus();
+    onCloseHandler();
+
+    requestIdleCallback(() => {
+      triggerRef.current?.focus();
+    });
   }, []);
   const handleSkip = React.useCallback((event: React.SyntheticEvent) => {
     event.preventDefault();
     if (!plotRef.current) return;
 
     heavyFindNextFocusableElement(plotRef.current)?.focus();
+
+    onCloseHandler();
   }, []);
   const handleSkipKeyboard = React.useCallback(
     (event: React.KeyboardEvent) => {
@@ -108,6 +149,7 @@ export const PlotA11yView: React.FC<A11yViewProps> = ({
       aria-label={texts.label}
       role='dialog'
       __excludeProps={['data']}
+      ref={rootRef}
     >
       <button type='button' onClick={handleClose}>
         {texts.close}
diff --git a/semcore/d3-chart/src/a11y/translations/module/de.json b/semcore/d3-chart/src/a11y/translations/module/de.json
index 05841ae5c0..c71c6cb464 100644
--- a/semcore/d3-chart/src/a11y/translations/module/de.json
+++ b/semcore/d3-chart/src/a11y/translations/module/de.json
@@ -1,5 +1,4 @@
 {
-  "disabled": "Drücken Sie die Tabulatortaste, um das Zugriffsmodul für grafische Diagramme zu aktivieren.",
   "loading": "Lade Zugriffsmodul.",
   "failed": "Zugriffsmodul konnte nicht geladen werden. Kontaktieren Sie den Support und helfen Sie uns, das Problem schneller zu beheben."
 }
diff --git a/semcore/d3-chart/src/a11y/translations/module/en.json b/semcore/d3-chart/src/a11y/translations/module/en.json
index cc030242e4..2ee4f54321 100644
--- a/semcore/d3-chart/src/a11y/translations/module/en.json
+++ b/semcore/d3-chart/src/a11y/translations/module/en.json
@@ -1,5 +1,5 @@
 {
-  "disabled": "Press \"Tab\" to enable graphical charts accessibility module.",
   "loading": "Loading accessibility module.",
-  "failed": "Failed to load accessibility module. Contact service user support to help us resolve issue faster."
+  "failed": "Failed to load accessibility module. Contact service user support to help us resolve issue faster.",
+  "PlotA11yModule.ScreenReaderOnlyButton.Label": "Open data summary"
 }
diff --git a/semcore/d3-chart/src/a11y/translations/module/es.json b/semcore/d3-chart/src/a11y/translations/module/es.json
index 0c65692d74..3af9c03adf 100644
--- a/semcore/d3-chart/src/a11y/translations/module/es.json
+++ b/semcore/d3-chart/src/a11y/translations/module/es.json
@@ -1,5 +1,4 @@
 {
-  "disabled": "Pulse \"Tab\" para activar el módulo de accesibilidad a los gráficos.",
   "loading": "Cargando módulo de accesibilidad.",
   "failed": "No se ha podido cargar el módulo de accesibilidad. Contacta con el servicio de asistencia al usuario para ayudarnos a resolver el problema rápidamente."
 }
diff --git a/semcore/d3-chart/src/a11y/translations/module/fr.json b/semcore/d3-chart/src/a11y/translations/module/fr.json
index 358af613c1..1dc5e43cd9 100644
--- a/semcore/d3-chart/src/a11y/translations/module/fr.json
+++ b/semcore/d3-chart/src/a11y/translations/module/fr.json
@@ -1,5 +1,4 @@
 {
-  "disabled": "Appuyez sur « Onglet » pour activer le module d’accessibilité aux diagrammes.",
   "loading": "Chargement du module d’accessibilité en cours.",
   "failed": "Impossible de charger le module d’accessibilité. Contactez le service d’assistance aux utilisateurs pour nous permettre de résoudre le problème plus rapidement."
 }
diff --git a/semcore/d3-chart/src/a11y/translations/module/it.json b/semcore/d3-chart/src/a11y/translations/module/it.json
index d1bb180d66..32618c2f98 100644
--- a/semcore/d3-chart/src/a11y/translations/module/it.json
+++ b/semcore/d3-chart/src/a11y/translations/module/it.json
@@ -1,5 +1,4 @@
 {
-  "disabled": "Premi \"Tab\" per abilitare il modulo di accessibilità dei dati per i grafici.",
   "loading": "Caricamento del modulo di accessibilità in corso.",
   "failed": "Caricamento del modulo di accessibilità non riuscito. Contatta il servizio di assistenza utenti per risolvere il problema più in fretta."
 }
diff --git a/semcore/d3-chart/src/a11y/translations/module/ja.json b/semcore/d3-chart/src/a11y/translations/module/ja.json
index 66fa514b25..10de86aeca 100644
--- a/semcore/d3-chart/src/a11y/translations/module/ja.json
+++ b/semcore/d3-chart/src/a11y/translations/module/ja.json
@@ -1,5 +1,4 @@
 {
-  "disabled": "アクセシビリティモジュールのグラフィカルチャートを有効化するには「Tab」キーを押してください。",
   "loading": "アクセシビリティモジュールのロード中。",
   "failed": "アクセシビリティモジュールの読み込みに失敗しました。サービスユーザーサポートに連絡し、問題を迅速に解決します。"
 }
diff --git a/semcore/d3-chart/src/a11y/translations/module/ko.json b/semcore/d3-chart/src/a11y/translations/module/ko.json
index 1e72ce88d5..dd5865ee85 100644
--- a/semcore/d3-chart/src/a11y/translations/module/ko.json
+++ b/semcore/d3-chart/src/a11y/translations/module/ko.json
@@ -1,5 +1,4 @@
 {
-  "disabled": "'탭'을 누르면 그래픽 차트 접근성 모듈이 활성화됩니다.",
   "loading": "접근성 모듈 로딩 중.",
   "failed": "접근성 모듈을 불러오지 못했습니다. 사용자 지원 서비스 팀에 문의하시면 문제를 더 빨리 해결하실 수 있습니다."
 }
diff --git a/semcore/d3-chart/src/a11y/translations/module/nl.json b/semcore/d3-chart/src/a11y/translations/module/nl.json
index c2e77aa9a9..47cbbfe83c 100644
--- a/semcore/d3-chart/src/a11y/translations/module/nl.json
+++ b/semcore/d3-chart/src/a11y/translations/module/nl.json
@@ -1,5 +1,4 @@
 {
-  "disabled": "Druk op Tab om de toegankelijkheidsmodule voor grafieken in te schakelen.",
   "loading": "De toegankelijkheidsmodule wordt geladen.",
   "failed": "De toegankelijkheidsmodule kan niet worden geladen. Neem contact op met ons supportteam zodat we het probleem sneller kunnen oplossen."
 }
diff --git a/semcore/d3-chart/src/a11y/translations/module/pl.json b/semcore/d3-chart/src/a11y/translations/module/pl.json
index d44bd35bf5..e442d06b8e 100644
--- a/semcore/d3-chart/src/a11y/translations/module/pl.json
+++ b/semcore/d3-chart/src/a11y/translations/module/pl.json
@@ -1,5 +1,4 @@
 {
-  "disabled": "Naciśnij Tab, aby włączyć moduł dostępności wykresów graficznych.",
   "loading": "Ładowanie modułu dostępności.",
   "failed": "Nie udało się załadować modułu dostępności. Skontaktuj się ze wsparciem użytkowników, aby pomóc nam w szybszym rozwiązaniu problemu."
 }
diff --git a/semcore/d3-chart/src/a11y/translations/module/pt.json b/semcore/d3-chart/src/a11y/translations/module/pt.json
index 776410a4de..227d6afb95 100644
--- a/semcore/d3-chart/src/a11y/translations/module/pt.json
+++ b/semcore/d3-chart/src/a11y/translations/module/pt.json
@@ -1,5 +1,4 @@
 {
-  "disabled": "Pressione \"Tab\" para habilitar o módulo de acessibilidade a gráficos.",
   "loading": "Carregando módulo de acessibilidade.",
   "failed": "Falha ao carregar o módulo de acessibilidade. Entre em contato com o suporte ao usuário do serviço para nos ajudar a resolver o problema com mais rapidez."
 }
diff --git a/semcore/d3-chart/src/a11y/translations/module/sv.json b/semcore/d3-chart/src/a11y/translations/module/sv.json
index 98c9f889f8..2e91ebbb68 100644
--- a/semcore/d3-chart/src/a11y/translations/module/sv.json
+++ b/semcore/d3-chart/src/a11y/translations/module/sv.json
@@ -1,5 +1,4 @@
 {
-  "disabled": "Tryck på \"Flik\" för att aktivera åtkomstmodulen för grafiska diagram.",
   "loading": "Laddar åtkomstmodul.",
   "failed": "Det gick inte att ladda åtkomstmodulen. Kontakta supporten för att hjälpa oss att lösa problemet snabbare."
 }
diff --git a/semcore/d3-chart/src/a11y/translations/module/tr.json b/semcore/d3-chart/src/a11y/translations/module/tr.json
index 007d792d44..a0a68209de 100644
--- a/semcore/d3-chart/src/a11y/translations/module/tr.json
+++ b/semcore/d3-chart/src/a11y/translations/module/tr.json
@@ -1,5 +1,4 @@
 {
-  "disabled": "Grafik çizelgeleri erişilebilirlik modülünü etkinleştirmek için \"Sekme\" tuşuna basın.",
   "loading": "Erişilebilirlik modülü yükleniyor.",
   "failed": "Erişilebilirlik modülü yüklenemedi. Sorunu daha hızlı çözmemize yardımcı olmak için kullanıcı destek hizmeti ile iletişime geçin."
 }
diff --git a/semcore/d3-chart/src/a11y/translations/module/vi.json b/semcore/d3-chart/src/a11y/translations/module/vi.json
index 3b815a6005..d6b8e29b07 100644
--- a/semcore/d3-chart/src/a11y/translations/module/vi.json
+++ b/semcore/d3-chart/src/a11y/translations/module/vi.json
@@ -1,5 +1,4 @@
 {
-  "disabled": "Nhấn \"Tab\" để bật mô-đun trợ năng biểu đồ đồ họa.",
   "loading": "Đang tải mô-đun trợ năng.",
   "failed": "Không tải được mô-đun trợ năng. Liên hệ với bộ phận hỗ trợ người dùng dịch vụ để giúp chúng tôi giải quyết vấn đề nhanh hơn."
 }
diff --git a/semcore/d3-chart/src/a11y/translations/module/zh.json b/semcore/d3-chart/src/a11y/translations/module/zh.json
index 243460130b..f71d16efbe 100644
--- a/semcore/d3-chart/src/a11y/translations/module/zh.json
+++ b/semcore/d3-chart/src/a11y/translations/module/zh.json
@@ -1,5 +1,4 @@
 {
-  "disabled": "按“Tab”启用图形图表访问模块。",
   "loading": "加载访问模块。",
   "failed": "无法加载访问模块。联系服务用户支持，以帮助我们更快地解决问题。"
 }
diff --git a/semcore/d3-chart/src/style/plot.shadow.css b/semcore/d3-chart/src/style/plot.shadow.css
index db73e1aec6..2511535c9b 100644
--- a/semcore/d3-chart/src/style/plot.shadow.css
+++ b/semcore/d3-chart/src/style/plot.shadow.css
@@ -1,5 +1,3 @@
-@import './var.css';
-
 SPlot {
   overflow: hidden;
 }
@@ -17,7 +15,7 @@ foreignObject[data-aria-only] {
   pointer-events: none;
 }
 
-SPlot:focus-visible {
+SPlot:has(foreignObject[data-aria-only]:focus-within) {
   @mixin focus-outline-mixin;
   border-radius: var(--intergalactic-surface-rounded, 6px);
 }
diff --git a/semcore/d3-chart/src/style/plotA11yModule.shadow.css b/semcore/d3-chart/src/style/plotA11yModule.shadow.css
index 90a3ffbc3c..17f2f18956 100644
--- a/semcore/d3-chart/src/style/plotA11yModule.shadow.css
+++ b/semcore/d3-chart/src/style/plotA11yModule.shadow.css
@@ -1,12 +1,11 @@
-@import './var.css';
-
 SPlotA11yModule {
-  user-select: none;
-  pointer-events: none;
-  opacity: 0;
-}
-SPlotA11yModule:focus {
-  user-select: all;
-  pointer-events: all;
-  opacity: 1;
-}
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0,
+}
\ No newline at end of file
diff --git a/semcore/d3-chart/src/style/plotA11yView.shadow.css b/semcore/d3-chart/src/style/plotA11yView.shadow.css
index 9b9ec497b0..c9b095af38 100644
--- a/semcore/d3-chart/src/style/plotA11yView.shadow.css
+++ b/semcore/d3-chart/src/style/plotA11yView.shadow.css
@@ -1,39 +1,26 @@
-@import './var.css';
-
 SPlotA11yView {
-  user-select: none;
-  pointer-events: none;
-  opacity: 0;
+  position: relative;
+  display: block;
   background-color: var(--intergalactic-bg-primary-neutral, #ffffff);
   color: var(--intergalactic-text-primary, #191b23);
   border: 3px solid var(--intergalactic-border-primary, #c4c7cf);
   font-size: var(--intergalactic-fs-50, 10px);
-  /* disable-tokens-validator */
+  z-index: var(--intergalactic-z-index-overlay, 500);
   padding: 2px;
   width: 200px;
   height: 200px;
   max-width: 80%;
   max-height: 80%;
   overflow: auto;
-}
-SPlotA11yView:focus-within,
-SPlotA11yView:focus {
-  user-select: all;
-  pointer-events: all;
-  opacity: 1;
-  z-index: var(--intergalactic-z-index-overlay, 500);
-  position: relative;
-  display: block;
-}
-SPlotA11yView a {
-  cursor: pointer;
-  text-decoration: underline;
-  margin-bottom: var(--intergalactic-spacing-2x, 8px);
-  display: block;
-}
 
-SPlotA11yView table,
-SPlotA11yView td,
-SPlotA11yView th {
-  border: 1px solid var(--intergalactic-border-primary, #c4c7cf);
+  a {
+    cursor: pointer;
+    text-decoration: underline;
+    margin-bottom: var(--intergalactic-spacing-2x, 8px);
+    display: block;
+  }
+
+  table, td, th {
+    border: 1px solid var(--intergalactic-border-primary, #c4c7cf);
+  }
 }