summaryrefslogtreecommitdiffstats
path: root/src/components/molecules/forms/prism-theme-toggle.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/molecules/forms/prism-theme-toggle.tsx')
-rw-r--r--src/components/molecules/forms/prism-theme-toggle.tsx14
1 files changed, 12 insertions, 2 deletions
diff --git a/src/components/molecules/forms/prism-theme-toggle.tsx b/src/components/molecules/forms/prism-theme-toggle.tsx
index 7bf5b7c..0fd9f54 100644
--- a/src/components/molecules/forms/prism-theme-toggle.tsx
+++ b/src/components/molecules/forms/prism-theme-toggle.tsx
@@ -80,13 +80,23 @@ const PrismThemeToggle: FC<PrismThemeToggleProps> = (props) => {
const options: RadioGroupOption[] = [
{
id: 'code-blocks-light',
- label: <Sun title={lightThemeLabel} />,
+ label: (
+ <>
+ <span className="screen-reader-text">{lightThemeLabel}</span>
+ <Sun />
+ </>
+ ),
name: 'code-blocks',
value: 'light',
},
{
id: 'code-blocks-dark',
- label: <Moon title={darkThemeLabel} />,
+ label: (
+ <>
+ <span className="screen-reader-text">{darkThemeLabel}</span>
+ <Moon />
+ </>
+ ),
name: 'code-blocks',
value: 'dark',
},