Fixed a11y refresh button issue for Documents tab

2026-01-21 18:54:22 +00:00 · 2022-02-03 12:03:44 +05:30
4 changed files with 3 additions and 5 deletions
--- a/less/documentDB.less
+++ b/less/documentDB.less
@@ -2245,7 +2245,8 @@ a:link {
 }

 .refreshColHeader {
-  padding: 3px 6px 10px 0px !important;
+  padding: 3px 0px 10px 0px !important;
+  width: 15px;
 }

 .refreshColHeader:hover {
--- a/src/Explorer/Controls/Settings/SettingsSubComponents/ThroughputInputComponents/ThroughputInputAutoPilotV3Component.tsx
+++ b/src/Explorer/Controls/Settings/SettingsSubComponents/ThroughputInputComponents/ThroughputInputAutoPilotV3Component.tsx
@@ -582,7 +582,6 @@ export class ThroughputInputAutoPilotV3Component extends React.Component<
        onChange={this.onThroughputChange}
        min={this.props.minimum}
        errorMessage={this.props.throughputError}
-        ariaLabel="Estimate your required throughput with capacity calculator"
      />
      {this.state.exceedFreeTierThroughput && (
        <MessageBar
--- a/src/Explorer/Controls/Settings/SettingsSubComponents/ThroughputInputComponents/snapshots/ThroughputInputAutoPilotV3Component.test.tsx.snap
+++ b/src/Explorer/Controls/Settings/SettingsSubComponents/ThroughputInputComponents/snapshots/ThroughputInputAutoPilotV3Component.test.tsx.snap
@@ -262,7 +262,6 @@ exports[`ThroughputInputAutoPilotV3Component spendAck checkbox visible 1`] = `
      </StyledLinkBase>
    </Text>
    <StyledTextFieldBase
-      ariaLabel="Estimate your required throughput with capacity calculator"
      disabled={false}
      id="throughputInput"
      key="provisioned throughput input"
@@ -538,7 +537,6 @@ exports[`ThroughputInputAutoPilotV3Component throughput input visible 1`] = `
      </StyledLinkBase>
    </Text>
    <StyledTextFieldBase
-      ariaLabel="Estimate your required throughput with capacity calculator"
      disabled={false}
      id="throughputInput"
      key="provisioned throughput input"
--- a/src/Explorer/Tabs/DocumentsTab.html
+++ b/src/Explorer/Tabs/DocumentsTab.html
@@ -158,13 +158,13 @@
                  role="button"
                  aria-label="Refresh documents"
                  data-bind="event: { keydown: onRefreshButtonKeyDown }"
+                  tabindex="0"
                >
                  <img
                    class="refreshcol"
                    src="/refresh-cosmos.svg"
                    data-bind="click: refreshDocumentsGrid"
                    alt="Refresh documents"
-                    tabindex="0"
                  />
                </th>
              </tr>