Compare commits
4 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 265b7495f7 | |||
| d6dfa4e334 | |||
| 4ead5d4952 | |||
| 49e227ab47 |
@@ -69,19 +69,27 @@ export default function LandingPage() {
|
|||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
id: 1,
|
id: 1,
|
||||||
title: "Color-Blind Friendly Mode", description: "Adjust color palettes to support users with color vision deficiencies. Increase contrast, reduce color-only indicators, and ensure visual accessibility for all.", imageSrc: "http://img.b2bpic.net/free-photo/loop-symbol-inspirational-view_23-2150022268.jpg", imageAlt: "Color-blind mode with enhanced contrast and accessible palette"
|
title: "Color-Blind Friendly Mode", description: "Adjust color palettes to support users with color vision deficiencies. Increase contrast, reduce color-only indicators, and ensure visual accessibility for all.", imageSrc: "http://img.b2bpic.net/free-photo/loop-symbol-inspirational-view_23-2150022268.jpg", imageAlt: "Color-blind mode with enhanced contrast and accessible palette", buttons: [
|
||||||
|
{ text: "Try Color-Blind Mode", onClick: () => console.log('Activating color-blind mode') }
|
||||||
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 2,
|
id: 2,
|
||||||
title: "Adjustable Font Size", description: "Dynamically scale text across the entire application. Users can select from small, medium, large, or extra-large options to optimize readability and comfort.", imageSrc: "http://img.b2bpic.net/free-photo/shock-word-wooden-background_23-2148227736.jpg", imageAlt: "Font size adjustment settings showing multiple readable size options"
|
title: "Adjustable Font Size", description: "Dynamically scale text across the entire application. Users can select from small, medium, large, or extra-large options to optimize readability and comfort.", imageSrc: "http://img.b2bpic.net/free-photo/shock-word-wooden-background_23-2148227736.jpg", imageAlt: "Font size adjustment settings showing multiple readable size options", buttons: [
|
||||||
|
{ text: "Test Font Sizes", onClick: () => console.log('Testing font size options') }
|
||||||
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 3,
|
id: 3,
|
||||||
title: "Voice Navigation", description: "Navigate using voice commands. Users can open menus, access settings, adjust text size, or perform major actions using simple voice directives.", imageSrc: "http://img.b2bpic.net/free-photo/surprised-young-woman-scrolling-newsfeed-via-social-media-account-having-shocked-look_343059-1944.jpg?_wi=1", imageAlt: "Voice command interface with accessibility controls"
|
title: "Voice Navigation", description: "Navigate using voice commands. Users can open menus, access settings, adjust text size, or perform major actions using simple voice directives.", imageSrc: "http://img.b2bpic.net/free-photo/surprised-young-woman-scrolling-newsfeed-via-social-media-account-having-shocked-look_343059-1944.jpg?_wi=1", imageAlt: "Voice command interface with accessibility controls", buttons: [
|
||||||
|
{ text: "Try Voice Commands", onClick: () => console.log('Initiating voice navigation') }
|
||||||
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 4,
|
id: 4,
|
||||||
title: "Keyboard-Only Navigation", description: "Access all features without a mouse. Includes tab-based navigation, clear focus indicators, and keyboard shortcuts for seamless interaction.", imageSrc: "http://img.b2bpic.net/free-photo/person-office-analyzing-checking-finance-graphs_23-2150377135.jpg", imageAlt: "Keyboard navigation with visible focus indicators"
|
title: "Keyboard-Only Navigation", description: "Access all features without a mouse. Includes tab-based navigation, clear focus indicators, and keyboard shortcuts for seamless interaction.", imageSrc: "http://img.b2bpic.net/free-photo/person-office-analyzing-checking-finance-graphs_23-2150377135.jpg", imageAlt: "Keyboard navigation with visible focus indicators", buttons: [
|
||||||
|
{ text: "Try Keyboard Navigation", onClick: () => console.log('Testing keyboard shortcuts') }
|
||||||
|
]
|
||||||
}
|
}
|
||||||
]}
|
]}
|
||||||
buttons={[
|
buttons={[
|
||||||
|
|||||||
Reference in New Issue
Block a user