[ML] Fix a11y with Anomaly detection select interval controls (#154185)

This commit is contained in:
Quynh Nguyen (Quinn) 2023-03-31 13:44:21 -05:00 committed by GitHub
parent 68a85504e1
commit 607d565240
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 11 additions and 8 deletions

View file

@ -88,12 +88,12 @@ export const SelectIntervalUI: FC<SelectIntervalUIProps> = ({ interval, onChange
return (
<EuiSelect
data-test-subj="mlAnomalyIntervalControls"
prepend={i18n.translate('xpack.ml.explorer.intervalLabel', {
prepend={i18n.translate('xpack.ml.controls.selectInterval.intervalLabel', {
defaultMessage: 'Interval',
})}
append={
<EuiToolTip
content={i18n.translate('xpack.ml.explorer.intervalTooltip', {
content={i18n.translate('xpack.ml.controls.selectInterval.intervalTooltip', {
defaultMessage:
'Show only the highest severity anomaly for each interval (such as hour or day) or show all anomalies in the selected time period.',
})}
@ -105,6 +105,9 @@ export const SelectIntervalUI: FC<SelectIntervalUIProps> = ({ interval, onChange
options={OPTIONS}
value={interval.val}
onChange={handleOnChange}
aria-label={i18n.translate('xpack.ml.controls.selectInterval.ariaLabel', {
defaultMessage: 'Select interval',
})}
/>
);
};

View file

@ -22493,8 +22493,8 @@
"xpack.ml.explorer.distributionChart.typicalLabel": "typique",
"xpack.ml.explorer.distributionChart.valueLabel": "valeur",
"xpack.ml.explorer.distributionChart.valueWithoutAnomalyScoreLabel": "valeur",
"xpack.ml.explorer.intervalLabel": "Intervalle",
"xpack.ml.explorer.intervalTooltip": "Affichez uniquement l'anomalie la plus sévère pour chaque intervalle (par exemple, heure ou jour) ou toutes les anomalies de la période sélectionnée.",
"xpack.ml.controls.selectInterval.intervalLabel": "Intervalle",
"xpack.ml.controls.selectInterval.intervalTooltip": "Affichez uniquement l'anomalie la plus sévère pour chaque intervalle (par exemple, heure ou jour) ou toutes les anomalies de la période sélectionnée.",
"xpack.ml.explorer.invalidKuerySyntaxErrorMessageFromTable": "Syntaxe non valide dans la barre de requête. L'entrée doit être du code KQL (Kibana Query Language) valide",
"xpack.ml.explorer.invalidKuerySyntaxErrorMessageQueryBar": "Requête non valide",
"xpack.ml.explorer.jobIdLabel": "ID tâche",

View file

@ -22479,8 +22479,8 @@
"xpack.ml.explorer.distributionChart.typicalLabel": "通常",
"xpack.ml.explorer.distributionChart.valueLabel": "値",
"xpack.ml.explorer.distributionChart.valueWithoutAnomalyScoreLabel": "値",
"xpack.ml.explorer.intervalLabel": "間隔",
"xpack.ml.explorer.intervalTooltip": "各間隔(時間または日など)の最高重要度異常のみを表示するか、選択した期間のすべての異常を表示します。",
"xpack.ml.controls.selectInterval.intervalLabel": "間隔",
"xpack.ml.controls.selectInterval.intervalTooltip": "各間隔(時間または日など)の最高重要度異常のみを表示するか、選択した期間のすべての異常を表示します。",
"xpack.ml.explorer.invalidKuerySyntaxErrorMessageFromTable": "クエリバーに無効な構文。インプットは有効な Kibana クエリ言語KQLでなければなりません",
"xpack.ml.explorer.invalidKuerySyntaxErrorMessageQueryBar": "無効なクエリ",
"xpack.ml.explorer.jobIdLabel": "ジョブID",

View file

@ -22491,8 +22491,8 @@
"xpack.ml.explorer.distributionChart.typicalLabel": "典型",
"xpack.ml.explorer.distributionChart.valueLabel": "值",
"xpack.ml.explorer.distributionChart.valueWithoutAnomalyScoreLabel": "值",
"xpack.ml.explorer.intervalLabel": "时间间隔",
"xpack.ml.explorer.intervalTooltip": "仅显示每个时间间隔(如小时或天)严重性最高的异常或显示选定时间段中的所有异常。",
"xpack.ml.controls.selectInterval.intervalLabel": "时间间隔",
"xpack.ml.controls.selectInterval.intervalTooltip": "仅显示每个时间间隔(如小时或天)严重性最高的异常或显示选定时间段中的所有异常。",
"xpack.ml.explorer.invalidKuerySyntaxErrorMessageFromTable": "查询栏中的语法无效。输入必须是有效的 Kibana 查询语言 (KQL)",
"xpack.ml.explorer.invalidKuerySyntaxErrorMessageQueryBar": "无效查询",
"xpack.ml.explorer.jobIdLabel": "作业 ID",