fix(a11y): add aria-label to operations filter input

src/core/containers/filter.jsx

@@ -32,7 +32,7 @@ export default class FilterContainer extends React.Component {
         {filter === false ? null :
           <div className="filter-container">
             <Col className="filter wrapper" mobile={12}>
-              <input className={classNames.join(" ")} placeholder="Filter by tag" type="text"
+              <input className={classNames.join(" ")} aria-label="Filter by tag" placeholder="Filter by tag" type="text"
                      onChange={this.onFilterChange} value={typeof filter === "string" ? filter : ""}
                      disabled={isLoading}/>
             </Col>

test/e2e-cypress/e2e/a11y/filter-input.cy.js

@@ -0,0 +1,17 @@
+describe("Filter input accessibility", () => {
+  describe("with filter enabled", () => {
+    it("should expose an accessible name via aria-label on the filter input", () => {
+      cy.visit("/?url=/documents/petstore.swagger.yaml&filter=true")
+        .get(".operation-filter-input")
+        .should("exist")
+        .should("have.attr", "aria-label", "Filter by tag")
+    })
+
+    it("should still render the visual placeholder for sighted users", () => {
+      cy.visit("/?url=/documents/petstore.swagger.yaml&filter=true")
+        .get(".operation-filter-input")
+        .should("exist")
+        .should("have.attr", "placeholder", "Filter by tag")
+    })
+  })
+})

test/unit/components/filter.jsx

@@ -44,4 +44,20 @@ describe("<FilterContainer/>", function(){
     const renderedColInsideFilter = wrapper.find(Col)
     expect(renderedColInsideFilter.length).toEqual(0)
   })
+
+  it("exposes an accessible name on the filter input via aria-label", function(){
+
+    // Given
+    let props = {...mockedProps}
+    props.layoutSelectors = {...mockedProps.specSelectors}
+    props.layoutSelectors.currentFilter = function() {return true}
+
+    // When
+    let wrapper = mount(<FilterContainer {...props}/>)
+
+    // Then
+    const input = wrapper.find("input.operation-filter-input")
+    expect(input.length).toEqual(1)
+    expect(input.prop("aria-label")).toEqual("Filter by tag")
+  })
 })