No Code Attached Yet a11y
avatar zwiastunsw
zwiastunsw
21 Jul 2023

Steps to reproduce the issue

  1. Turn on a screen reader, such as NVDA
  2. Run a search, for example, for the word 'joomla'
  3. On the results page, set filters to specify the date range (selection options: 'before', 'after', 'exactly')

Expected result

The screen reader announces the label of the option group "Start date", followed by the name of the first option "After".
Similarly, with the second option list "End date".
*Note: This select list and comboboxes (with calendars) should have separate labels. The user hears that he has a list of choices, but does not know what the options are "After", "Before", "Exactly"

Actual result

The screen reader does not announce the option list label. These option groups have visible labels (visually related - 'Start date', 'End date'), but not programmatically related. The labels are linked programmatically to the comboboxes (select list+calendar) in which the user specifies dates.

Device and system info

  • What version of Joomla were you using?
    Joomla 4.3.3

  • What device were you using? (eg, phone, laptop)
    laptop

  • What web browser were you using? (eg, Chrome, Safari)
    Chrome

  • If you were using assistive technology, please let us know the device or software you were using (eg VoiceOver, JAWS, sip-and-puff device, etc)
    NVDA

Additional comments

If you know which WCAG or ATAG criteria this violates, please indicate it here:
SC 3.3.2, SC 2.5.3, SC 4.1.2

avatar zwiastunsw zwiastunsw - open - 21 Jul 2023
avatar joomla-cms-bot joomla-cms-bot - change - 21 Jul 2023
Labels Added: No Code Attached Yet a11y
avatar joomla-cms-bot joomla-cms-bot - labeled - 21 Jul 2023
avatar zwiastunsw zwiastunsw - change - 21 Jul 2023
The description was changed
avatar zwiastunsw zwiastunsw - edited - 21 Jul 2023
avatar zwiastunsw zwiastunsw - change - 21 Jul 2023
The description was changed
avatar zwiastunsw zwiastunsw - edited - 21 Jul 2023
avatar zwiastunsw zwiastunsw - change - 21 Jul 2023
The description was changed
avatar zwiastunsw zwiastunsw - edited - 21 Jul 2023
avatar brianteeman
brianteeman - comment - 21 Jul 2023

Note that to test this you need to go to the component options and set Date filters to show as they are hidden by default

avatar brianteeman
brianteeman - comment - 21 Jul 2023

And the relevant code to check/update ccan be found

* Method to generate fields for filtering dates

avatar brianteeman brianteeman - change - 22 Aug 2023
Status New Closed
Closed_Date 0000-00-00 00:00:00 2023-08-22 08:28:07
Closed_By brianteeman
avatar brianteeman brianteeman - close - 22 Aug 2023
avatar brianteeman
brianteeman - comment - 22 Aug 2023

please test #41429

avatar brianteeman brianteeman - change - 22 Aug 2023
Status Closed New
Closed_Date 2023-08-22 08:28:07
Closed_By brianteeman
avatar brianteeman brianteeman - reopen - 22 Aug 2023
avatar alikon alikon - change - 24 Aug 2023
Status New Closed
Closed_Date 0000-00-00 00:00:00 2023-08-24 15:36:15
Closed_By alikon
avatar alikon alikon - close - 24 Aug 2023
avatar alikon
alikon - comment - 24 Aug 2023

as #41429 has been reopened let's re-close this one

Add a Comment

Login with GitHub to post a comment