Merge pull request desktop#17488 from desktop/branch-filter-aria-label

Add `aria-label` to "compare" filter textbox

Author: sergiou87

app/src/ui/history/compare.tsx

@@ -159,6 +159,7 @@ export class CompareSidebar extends React.Component<
       <div id="compare-view" role="tabpanel" aria-labelledby="history-tab">
         <div className="compare-form">
           <FancyTextBox
+            ariaLabel="Branch filter"
             symbol={OcticonSymbol.gitBranch}
             displayClearButton={true}
             placeholder={placeholderText}

app/src/ui/lib/fancy-text-box.tsx

@@ -38,6 +38,7 @@ export class FancyTextBox extends React.Component<
       <div className={componentCSS}>
         <Octicon className={octiconCSS} symbol={this.props.symbol} />
         <TextBox
+          ariaLabel={this.props.ariaLabel}
           value={this.props.value}
           onFocus={this.onFocus}
           onBlur={this.onBlur}