diff --git a/libs/core-ui/src/lib/Cohort/CohortList/CohortList.tsx b/libs/core-ui/src/lib/Cohort/CohortList/CohortList.tsx index 64dc57eccf..4c0027e9c9 100644 --- a/libs/core-ui/src/lib/Cohort/CohortList/CohortList.tsx +++ b/libs/core-ui/src/lib/Cohort/CohortList/CohortList.tsx @@ -120,6 +120,7 @@ export class CohortList extends React.Component< selectionPreservedOnEmptyClick checkboxVisibility={CheckboxVisibility.hidden} onRenderItemColumn={this.renderItemColumn} + ariaLabel={localization.Core.ShiftCohort.cohortList} /> diff --git a/libs/core-ui/src/lib/Cohort/ManualCohortManagement/CohortBar.tsx b/libs/core-ui/src/lib/Cohort/ManualCohortManagement/CohortBar.tsx index 43fdcc96fc..a7784b222b 100644 --- a/libs/core-ui/src/lib/Cohort/ManualCohortManagement/CohortBar.tsx +++ b/libs/core-ui/src/lib/Cohort/ManualCohortManagement/CohortBar.tsx @@ -112,6 +112,7 @@ export class CohortBar extends React.Component< items={this.props.cohorts} selectionMode={SelectionMode.none} columns={columns} + ariaLabel={localization.Core.ShiftCohort.cohortList} /> ))} diff --git a/libs/core-ui/src/lib/Cohort/ShiftCohort/ShiftCohort.tsx b/libs/core-ui/src/lib/Cohort/ShiftCohort/ShiftCohort.tsx index 2ea07a280d..4595c1ad68 100644 --- a/libs/core-ui/src/lib/Cohort/ShiftCohort/ShiftCohort.tsx +++ b/libs/core-ui/src/lib/Cohort/ShiftCohort/ShiftCohort.tsx @@ -110,7 +110,7 @@ export class ShiftCohort extends React.Component< maxWidth={1000} > ); } diff --git a/libs/dataset-explorer/src/lib/DataBalanceView/AggregateBalanceMeasuresTable.tsx b/libs/dataset-explorer/src/lib/DataBalanceView/AggregateBalanceMeasuresTable.tsx index 950bb4ada7..84ca56e062 100644 --- a/libs/dataset-explorer/src/lib/DataBalanceView/AggregateBalanceMeasuresTable.tsx +++ b/libs/dataset-explorer/src/lib/DataBalanceView/AggregateBalanceMeasuresTable.tsx @@ -110,6 +110,14 @@ export class AggregateBalanceMeasuresTable extends React.PureComponent diff --git a/libs/interpret-vision/src/lib/VisionExplanationDashboard/Controls/CohortToolBar.tsx b/libs/interpret-vision/src/lib/VisionExplanationDashboard/Controls/CohortToolBar.tsx index 8342d1c6e2..97dea97fa7 100644 --- a/libs/interpret-vision/src/lib/VisionExplanationDashboard/Controls/CohortToolBar.tsx +++ b/libs/interpret-vision/src/lib/VisionExplanationDashboard/Controls/CohortToolBar.tsx @@ -120,6 +120,7 @@ export class CohortToolBar extends React.Component< {this.state.errorMessage} @@ -130,10 +131,20 @@ export class CohortToolBar extends React.Component< diff --git a/libs/interpret-vision/src/lib/VisionExplanationDashboard/Controls/TableList.tsx b/libs/interpret-vision/src/lib/VisionExplanationDashboard/Controls/TableList.tsx index 7d6944ce4b..dac202e70b 100644 --- a/libs/interpret-vision/src/lib/VisionExplanationDashboard/Controls/TableList.tsx +++ b/libs/interpret-vision/src/lib/VisionExplanationDashboard/Controls/TableList.tsx @@ -163,6 +163,9 @@ export class TableList extends React.Component< selection={this._selection} setKey="set" onItemInvoked={this.props.selectItem} + ariaLabel={ + localization.InterpretVision.Dashboard.tabOptionSecond + } /> diff --git a/libs/interpret-vision/src/lib/VisionExplanationDashboard/VisionExplanationDashboardCommon.tsx b/libs/interpret-vision/src/lib/VisionExplanationDashboard/VisionExplanationDashboardCommon.tsx index eb89b5e8d7..5dc283f534 100644 --- a/libs/interpret-vision/src/lib/VisionExplanationDashboard/VisionExplanationDashboardCommon.tsx +++ b/libs/interpret-vision/src/lib/VisionExplanationDashboard/VisionExplanationDashboardCommon.tsx @@ -71,6 +71,7 @@ export class VisionExplanationDashboardCommon extends React.Component< min={20} id="dataExplorerThumbnailSize" className={this.props.classNames.slider} + ariaLabel={localization.InterpretVision.Dashboard.thumbnailSize} label={localization.InterpretVision.Dashboard.thumbnailSize} defaultValue={50} showValue={false} diff --git a/libs/localization/src/lib/en.json b/libs/localization/src/lib/en.json index 0413325321..c8abe306a1 100644 --- a/libs/localization/src/lib/en.json +++ b/libs/localization/src/lib/en.json @@ -129,6 +129,7 @@ } }, "Counterfactuals": { + "AriaLabel": "Counterfactual", "CurrentTreatment": "Current treatment", "EffectLowerBound": "CI lower", "EffectOfTreatment": "Effect of recommendation", @@ -1915,7 +1916,11 @@ "flyoutHeader": "Choose your features", "flyoutSubHeader": "Along which features would you like to evaluate your model's fairness?", "flyoutDescription": "Fairness is evaluated in terms of disparities in your model's behavior. We will split your data according to values of each selected feature, and evaluate how your model's performance metrics differ across these splits.", + "selectAllRowsAriaLabel": "Select all rows", + "flyoutAriaLabel": "Aggregate balance measures", "featureColumnHeader": "Features", + "featureSelectionAriaLabel": "Feature selection table", + "metricSelectionAriaLabel": "Metric selection table", "groupsColumnHeader": "Groups", "categoricalGroupsCountRemark": "This feature has {0} unique values.", "continuousGroupsCountRemark": "This feature is continuous and split into {0} bins.", diff --git a/libs/model-assessment/src/lib/ModelAssessmentDashboard/Cohort/CohortList.tsx b/libs/model-assessment/src/lib/ModelAssessmentDashboard/Cohort/CohortList.tsx index 0b13071716..fc1015ebea 100644 --- a/libs/model-assessment/src/lib/ModelAssessmentDashboard/Cohort/CohortList.tsx +++ b/libs/model-assessment/src/lib/ModelAssessmentDashboard/Cohort/CohortList.tsx @@ -84,6 +84,7 @@ export class CohortList extends React.Component< selectionMode={SelectionMode.none} checkboxVisibility={CheckboxVisibility.hidden} onRenderItemColumn={this.renderItemColumn} + ariaLabel={localization.Core.ShiftCohort.cohortList} /> {this.state.currentEditCohort && ( diff --git a/libs/model-assessment/src/lib/ModelAssessmentDashboard/Controls/ModelOverview/MetricConfigurationFlyout.tsx b/libs/model-assessment/src/lib/ModelAssessmentDashboard/Controls/ModelOverview/MetricConfigurationFlyout.tsx index b567ed4b67..57ef1bfe8d 100644 --- a/libs/model-assessment/src/lib/ModelAssessmentDashboard/Controls/ModelOverview/MetricConfigurationFlyout.tsx +++ b/libs/model-assessment/src/lib/ModelAssessmentDashboard/Controls/ModelOverview/MetricConfigurationFlyout.tsx @@ -146,6 +146,14 @@ export class MetricConfigurationFlyout extends React.Component< selectionMode={SelectionMode.multiple} selection={this._selection} checkboxVisibility={CheckboxVisibility.always} + ariaLabelForSelectAllCheckbox={ + localization.ModelAssessment.ModelOverview.featureConfiguration + .selectAllRowsAriaLabel + } + ariaLabel={ + localization.ModelAssessment.ModelOverview.featureConfiguration + .metricSelectionAriaLabel + } /> diff --git a/libs/model-assessment/src/lib/ModelAssessmentDashboard/Controls/ModelOverview/ObjectDetectionModelOverview.tsx b/libs/model-assessment/src/lib/ModelAssessmentDashboard/Controls/ModelOverview/ObjectDetectionModelOverview.tsx index 643379845d..a831196cae 100644 --- a/libs/model-assessment/src/lib/ModelAssessmentDashboard/Controls/ModelOverview/ObjectDetectionModelOverview.tsx +++ b/libs/model-assessment/src/lib/ModelAssessmentDashboard/Controls/ModelOverview/ObjectDetectionModelOverview.tsx @@ -88,6 +88,9 @@ export class ObjectDetectionWidgets extends React.PureComponent