github-mirrors/kibana
1
0
Fork 0
mirror of https://github.com/elastic/kibana.git synced 2025-04-23 17:28:26 -04:00
Code Issues Projects Releases Packages Wiki Activity

[Search][a11y] fix radio buttons to focus (#200573)

Browse source 
## Summary

Added name attribute in `EuiCheckableCard` components so that focus
stays on selected radio component when navigated using keyboard.






### Checklist
- [ ] Any text added follows [EUI's writing
guidelines](https://elastic.github.io/eui/#/guidelines/writing), uses
sentence case text and includes [i18n
support](https://github.com/elastic/kibana/blob/main/packages/kbn-i18n/README.md)
This commit is contained in:
Saarika Bhasi 2024-11-21 14:07:13 +05:30 • committed by GitHub
parent f47376297b
commit d88ce9e549
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
4 changed files with 16 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

4
packages/kbn-search-api-panels/components/cloud_details.tsx
View file

@ -82,7 +82,7 @@ export const CloudDetailsPanel = ({
<EuiSpacer size="l" />
<EuiCheckableCard
id={CloudDetail.ElasticsearchEndpoint}
name={CloudDetail.ElasticsearchEndpoint}
name="copy-connection-details-choices"
label={
<EuiFlexGroup alignItems="center">
<EuiFlexItem>
@ -123,7 +123,7 @@ export const CloudDetailsPanel = ({
{Boolean(cloudId) && (
<EuiCheckableCard
id={CloudDetail.CloudId}
name={CloudDetail.CloudId}
name="copy-connection-details-choices"
label={
<EuiTitle size="xxs">
<h5>

10
x-pack/plugins/enterprise_search/public/applications/enterprise_search_content/components/connector_detail/components/run_options_buttons.tsx
View file

@ -42,6 +42,11 @@ export const RunOptionsButtons: React.FC<RunOptionsButtonsProps> = ({
onChange={() => selectDeploymentMethod('docker')}
id="xpack.enterpriseSearch.content.connector_detail.configurationConnector.steps.runConnectorService.docker"
checked={selectedDeploymentMethod === 'docker'}
aria-label={i18n.translate(
'xpack.enterpriseSearch.connectorConfiguration.dockerTextLabel.ariaLabel',
{ defaultMessage: 'Run with Docker' }
)}
name="deployment-method-run-connector"
label={
<EuiFlexGroup responsive={false} gutterSize="s" alignItems="center">
<EuiFlexItem grow={false}>
@ -64,6 +69,11 @@ export const RunOptionsButtons: React.FC<RunOptionsButtonsProps> = ({
onChange={() => selectDeploymentMethod('source')}
id="xpack.enterpriseSearch.content.connector_detail.configurationConnector.steps.runConnectorService.source"
checked={selectedDeploymentMethod === 'source'}
aria-label={i18n.translate(
'xpack.enterpriseSearch.connectorConfiguration.sourceTextLabel.ariaLabel',
{ defaultMessage: 'Run from source' }
)}
name="deployment-method-run-connector"
label={
<EuiFlexGroup responsive={false} gutterSize="s" alignItems="center">
<EuiFlexItem grow={false}>

2
x-pack/plugins/enterprise_search/public/applications/enterprise_search_content/components/search_index/crawler/automatic_crawl_scheduler/automatic_crawl_scheduler.tsx
View file

@ -93,6 +93,7 @@ export const AutomaticCrawlScheduler: React.FC = () => {
<EuiFlexItem>
<EuiCheckableCard
id="specificTimeSchedulingCard"
name="scheduling-card"
label={
<>
<EuiTitle size="xxs">
@ -137,6 +138,7 @@ export const AutomaticCrawlScheduler: React.FC = () => {
<EuiFlexItem>
<EuiCheckableCard
id="intervalSchedulingCard"
name="scheduling-card"
label={
<>
<EuiTitle size="xxs">

2
x-pack/plugins/enterprise_search/public/applications/enterprise_search_content/components/search_index/crawler/crawler_domain_detail/authentication_panel/authentication_panel_edit_content.tsx
View file

@ -42,6 +42,7 @@ export const AuthenticationPanelEditContent: React.FC = () => {
<EuiCheckableCard
data-telemetry-id="entSearchContent-crawler-domainDetail-authentication-basicAuthentication"
id="basicAuthenticationCheckableCard"
name="authenticationCard"
className="authenticationCheckable"
label={
<EuiTitle size="xxs">
@ -75,6 +76,7 @@ export const AuthenticationPanelEditContent: React.FC = () => {
<EuiCheckableCard
data-telemetry-id="entSearchContent-crawler-domainDetail-authentication-authenticationHeader"
id="authenticationHeaderCheckableCard"
name="authenticationCard"
className="authenticationCheckable"
label={
<EuiTitle size="xxs">