a11y: admin/internet: use h3
Massimo Melina committed
Feb 15, 2024 at 11:32 UTC
d3cf840310fb56bb92059ba9963776279a9efd27
1 file changed
+3
-2
admin/src/InternetPage.ts
+3
-2
@@ -1,5 +1,5 @@
1
import { createElement as h, ReactNode, useEffect, useMemo, useRef, useState } from 'react'
2
-import { Alert, Box, Button, Card, CardContent, CircularProgress, Divider, LinearProgress, Link } from '@mui/material'
2
+import { Alert, Box, Button, Card, CardContent, CircularProgress, Divider, LinearProgress, Link, Typography } from '@mui/material'
3
import { CardMembership, Check, Dns, HomeWorkTwoTone, Lock, Public, PublicTwoTone, RouterTwoTone, Send, Storage,
4
Error as ErrorIcon, SvgIconComponent } from '@mui/icons-material'
5
import { apiCall, useApiEvents, useApiEx } from './api'
@@ -237,6 +237,7 @@ export default function InternetPage() {
237
h(Btn, {
238
size: 'small',
239
variant: 'outlined',
240
+ 'aria-label': "Change address",
241
onClick: () => void(changeBaseUrl().then(config.reload))
242
}, "Change"),
243
domain && h(Btn, {
@@ -412,7 +413,7 @@ function Device({ name, icon, color, ip, below }: any) {
413
414
function TitleCard({ title, icon, color, children }: { title: ReactNode, icon?: SvgIconComponent, color?: SvgIconProps['color'], children?: ReactNode }) {
415
return h(Card, {}, h(CardContent, {}, h(Flex, { vert: true },
415
- h(Box, { fontSize: 'x-large' }, icon && h(icon, { color, sx: { mr: 1, mb: '2px' } }), title),
416
+ h(Typography, { variant: 'h3', fontSize: 'x-large' }, icon && h(icon, { color, sx: { mr: 1, mb: '2px' } }), title),
417
children
418
)))
419
}