31 lines
1.8 KiB
Markdown
31 lines
1.8 KiB
Markdown
## ADDED Requirements
|
|
|
|
### Requirement: Hero block adapts to Indic languages on mobile viewports
|
|
The system SHALL adjust hero block typography and layout when displaying Tamil or Malayalam content on mobile devices to ensure full content visibility.
|
|
|
|
#### Scenario: Tamil content on mobile viewport
|
|
- **WHEN** the hero block displays Tamil content on a mobile viewport (width ≤ 640px)
|
|
- **THEN** the hero block height SHALL increase to accommodate the larger text
|
|
- **AND** the hero title font size SHALL be reduced from 1.9rem to 1.6rem
|
|
- **AND** the hero summary font size SHALL be reduced from 1.08rem to 0.95rem
|
|
- **AND** the entire hero content including headline and summary SHALL remain visible without clipping
|
|
|
|
#### Scenario: Malayalam content on mobile viewport
|
|
- **WHEN** the hero block displays Malayalam content on a mobile viewport (width ≤ 640px)
|
|
- **THEN** the hero block height SHALL increase to accommodate the larger text
|
|
- **AND** the hero title font size SHALL be reduced from 1.9rem to 1.6rem
|
|
- **AND** the hero summary font size SHALL be reduced from 1.08rem to 0.95rem
|
|
- **AND** the entire hero content including headline and summary SHALL remain visible without clipping
|
|
|
|
#### Scenario: Hero image scales appropriately on mobile
|
|
- **WHEN** the hero block is displayed on a mobile viewport (width ≤ 640px)
|
|
- **THEN** the hero image height SHALL be reduced from 300px to 220px
|
|
- **AND** the image SHALL maintain its aspect ratio
|
|
- **AND** the image SHALL not overflow its container
|
|
|
|
#### Scenario: Content remains readable after adjustments
|
|
- **WHEN** typography adjustments are applied for mobile Indic content
|
|
- **THEN** text SHALL remain legible with adequate line height (minimum 1.5)
|
|
- **AND** text SHALL maintain sufficient contrast against background
|
|
- **AND** touch targets SHALL remain at least 44px in height
|