LotusGuild/cinny
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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>

Browse Source
This commit is contained in:
Lotus Bot
2026-05-21 13:35:55 -04:00
parent a6e378483e
commit f45aefdf1f
19 changed files with 26 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/features/common-settings/developer-tools/DevelopTools.tsx
+1 -1
View File
@@ -87,7 +87,7 @@ export function DeveloperTools({ requestClose }: DeveloperToolsProps) {
<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>
Developer Tools
</Text>
</Box>
src/app/features/common-settings/emojis-stickers/EmojisStickers.tsx
+1 -1
View File
@@ -24,7 +24,7 @@ export function EmojisStickers({ requestClose }: EmojisStickersProps) {
<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>
Emojis & Stickers
</Text>
</Box>
src/app/features/common-settings/members/Members.tsx
+1 -1
View File
@@ -156,7 +156,7 @@ export function Members({ requestClose }: MembersProps) {
<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>
{room.getJoinedMemberCount()} Members
</Text>
</Box>
src/app/features/create-room/CreateRoomModal.tsx
+1 -1
View File
@@ -58,7 +58,7 @@ function CreateRoomModal({ state }: CreateRoomModalProps) {
}}
>
<Box grow="Yes">
<Text size="H4">
<Text as="h2" size="H4">
{type === CreateRoomType.VoiceRoom ? 'New Voice Room' : 'New Chat Room'}
</Text>
</Box>
src/app/features/create-space/CreateSpaceModal.tsx
+1 -1
View File
@@ -58,7 +58,7 @@ function CreateSpaceModal({ state }: CreateSpaceModalProps) {
}}
>
<Box grow="Yes">
<Text size="H4">New Space</Text>
<Text as="h2" size="H4">New Space</Text>
</Box>
<Box shrink="No">
<IconButton size="300" radii="300" onClick={closeDialog} aria-label="Close">
src/app/features/room-settings/general/General.tsx
+1 -1
View File
@@ -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>
src/app/features/room-settings/permissions/Permissions.tsx
+1 -1
View File
@@ -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>
src/app/features/space-settings/general/General.tsx
+1 -1
View File
@@ -28,7 +28,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>
src/app/features/space-settings/permissions/Permissions.tsx
+1 -1
View File
@@ -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>