Changes made for the screenreader to readout the label and suffix ass… (#1437)

* Changes made for the screenreader to readout the label and suffix associated with the input

* Update SubSettingsComponent.tsx

* Update SubSettingsComponent.tsx

* Update SubSettingsComponent.tsx

* Update SubSettingsComponent.test.tsx.snap

* Update SubSettingsComponent.tsx

* Update SubSettingsComponent.test.tsx.snap

* Update SubSettingsComponent.test.tsx.snap

* Update SubSettingsComponent.tsx

* Update SubSettingsComponent.test.tsx.snap
This commit is contained in:
MokireddySampath 2023-09-27 20:49:19 +05:30 committed by GitHub
parent 73b6bdcd3a
commit 0a06c1c4f6
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 5 additions and 0 deletions

View File

@ -218,6 +218,7 @@ export class SubSettingsComponent extends React.Component<SubSettingsComponentPr
value={this.props.displayedTtlSeconds}
onChange={this.onTimeToLiveSecondsChange}
suffix="second(s)"
ariaLabel={`Time to live in seconds`}
/>
)}
</Stack>

View File

@ -62,6 +62,7 @@ exports[`SubSettingsComponent analyticalTimeToLive hidden 1`] = `
}
/>
<StyledTextFieldBase
ariaLabel="Time to live in seconds"
id="timeToLiveSeconds"
max={2147483647}
min={1}
@ -295,6 +296,7 @@ exports[`SubSettingsComponent analyticalTimeToLiveSeconds hidden 1`] = `
}
/>
<StyledTextFieldBase
ariaLabel="Time to live in seconds"
id="timeToLiveSeconds"
max={2147483647}
min={1}
@ -583,6 +585,7 @@ exports[`SubSettingsComponent changeFeedPolicy hidden 1`] = `
}
/>
<StyledTextFieldBase
ariaLabel="Time to live in seconds"
id="timeToLiveSeconds"
max={2147483647}
min={1}
@ -831,6 +834,7 @@ exports[`SubSettingsComponent renders 1`] = `
}
/>
<StyledTextFieldBase
ariaLabel="Time to live in seconds"
id="timeToLiveSeconds"
max={2147483647}
min={1}