No Code Attached Yet a11y bug
avatar brianteeman
brianteeman
20 May 2021

the search tools filters are displayed (or hidden) using the filter options button. This uses the searchtools.js script.

There is no accessible indicator if the search tools are being displayed or not. All you can do is to select the button and then keep tabbing to see if any filters appeared. If the search tools were already displayed then you just closed them and you have to tab backwards and select the button again and then keep tabbing until you reach the buttons.

The filters should be the next item in the navigation order when they are expanded

  1. the button should have aria-expanded=true/false so that you know the current state.
  2. if you select the button to expand/display the filters then the next tab should take you to the first filter. and not the sort order

cosmetically it would be nice if the expand/collapse was smoothly animated (as you see when you use the bootstrap collapse for example)

avatar brianteeman brianteeman - open - 20 May 2021
avatar joomla-cms-bot joomla-cms-bot - change - 20 May 2021
Labels Added: ?
avatar joomla-cms-bot joomla-cms-bot - labeled - 20 May 2021
avatar chmst
chmst - comment - 21 May 2021

still open #28056.


This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/34038.

avatar chmst chmst - change - 21 May 2021
Labels Added: ?
avatar chmst chmst - labeled - 21 May 2021
avatar brianteeman
brianteeman - comment - 21 May 2021

Thanks @chmst forgot about that and it didnt have any a11y tag or title. From re-reading it again twice that issue was more about the visual display of the search filters and not about the keyboard navigation

avatar Krshivam25
Krshivam25 - comment - 22 May 2021

@brianteeman you mean to navigate the tab order in a way that we can reach the search bar easily, right?

avatar brianteeman
brianteeman - comment - 22 May 2021

Yes (and this must be done naturally not by adding tabindex)

avatar chmst
chmst - comment - 22 May 2021

@brianteeman this open issue was not primary about a11y, so I did not set the label for it. Just want to keep similar things together.

avatar Krshivam25
Krshivam25 - comment - 1 Jun 2021

@brianteeman I think this too be fixed via tab order as I browse through tab ordering and find this :
Screenshot (255)

avatar Hackwar Hackwar - change - 22 Feb 2023
Labels Added: No Code Attached Yet a11y bug
Removed: ? ?
avatar Hackwar Hackwar - labeled - 22 Feb 2023

Add a Comment

Login with GitHub to post a comment