WebAIM - Web Accessibility In Mind

E-mail List Archives

Javascript table filtering question

for

From: Jeremy Echols
Date: Apr 30, 2019 12:05PM

Hi, we're hoping for some advice on the following scenario:

- We have a web page that contains a table showing newspaper titles
- The first column is the actual title, the remaining cols have information pertaining to the title
- There are over 200 rows
- The product owner would like there to be a way to find a title without using ctrl-f

We have added a text field and reset button, and we're using jquery to filter what rows are displayed:

- A user begins typing into the text box
- As the user types, any row that does not contain the string in the first col is hidden (the row now has style="display:none;")
- The reset button clears the text box and makes all rows visible again

Beyond ensuring that the form elements are correctly added to the page, are there any accessibility issues that we might need to address?