fix(a11y): add semantic heading hierarchy across settings, modals, and pages\n\nAdd as="h1"/h2/h3 to Text components used as visual headings:\n- Auth pages: h1 brand, h2 section titles\n- Settings panels: h2 for General/Permissions/DeveloperTools/Members/Emojis\n- Modal dialogs: h2 for CreateRoom, CreateSpace, AddServer\n- Explore pages: h2 page heading, h3 subsections\n- Inbox pages: h2 Notifications/Invites, h3 Primary/Public/Spam\n\nCo-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

2026-05-21 13:35:55 -04:00
parent a6e378483e
commit f45aefdf1f
19 changed files with 26 additions and 26 deletions
@@ -30,7 +30,7 @@ export function General({ requestClose }: GeneralProps) {
      <PageHeader outlined={false}>
        <Box grow="Yes" gap="200">
          <Box grow="Yes" alignItems="Center" gap="200">
-            <Text size="H3" truncate>
+            <Text as="h2" size="H3" truncate>
              General
            </Text>
          </Box>
@@ -40,7 +40,7 @@ export function Permissions({ requestClose }: PermissionsProps) {
      <PageHeader outlined={false}>
        <Box grow="Yes" gap="200">
          <Box grow="Yes" alignItems="Center" gap="200">
-            <Text size="H3" truncate>
+            <Text as="h2" size="H3" truncate>
              Permissions
            </Text>
          </Box>