Skip to content

Commit d675805

Browse files
authored
[Fix Accessibility] Remove redundant role attribute from sidebar navigation list (#1726)
## Accessibility Improvements and UI Refinements ### File Changes: 1. `sidebar.js` - Removed redundant `role="list"` attribute from sidebar navigation container 2. `src/mdx/inline-code.js` - Adjusted inline code font size from 85% to 80% for better visual consistency ### Summary: This PR removes a redundant accessibility role attribute from the sidebar navigation and fine-tunes inline code styling to improve both accessibility compliance and visual presentation. ### Screenshots <img width="732" height="190" alt="image" src="https://github.com/user-attachments/assets/614eef9d-57b9-4895-9b9a-80e5235f6f2e" /> <img width="370" height="310" alt="image" src="https://github.com/user-attachments/assets/d332fcef-4374-402e-9bb0-6acb2cd4aea3" /> <img width="370" height="310" alt="image" src="https://github.com/user-attachments/assets/9ba9c755-2a9f-4144-86aa-603e5307a6d6" />
1 parent 5759a42 commit d675805

File tree

2 files changed

+2
-2
lines changed

2 files changed

+2
-2
lines changed

src/components/sidebar.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -48,7 +48,7 @@ const Sidebar = () => (
4848
borderColor: 'border.subtle',
4949
}}
5050
>
51-
<Box sx={{display: 'flex', flexDirection: 'column'}} role="list">
51+
<Box sx={{display: 'flex', flexDirection: 'column'}}>
5252
<NavItems />
5353
</Box>
5454
</Box>

src/mdx/code.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -48,7 +48,7 @@ const ClipboardCopy = ({value, ...props}) => {
4848
export const InlineCode = styled.code`
4949
padding: 0.2em 0.4em;
5050
font-family: ${themeGet('fonts.mono')};
51-
font-size: 85%;
51+
font-size: 80%;
5252
background-color: ${themeGet('colors.neutral.muted')};
5353
border-radius: ${themeGet('radii.2')};
5454
`

0 commit comments

Comments
 (0)