Accessiblity issues: labels and names missing

Accessiblity issues: labels and names missing

I am creating a new J4 site and am very conscious that all aspects should be fully accessible. For example, the ".jshop .available" color of #60aa2a is too pale - not enough contrast - and should be darker, so I changed that in my template.css

However, running an Accessibility scan on Firefox on a category page has highlighted the following:

1: The 'Order by:' and 'Display:' (qty) drop-down 'combobox' are both missing a label, with Firefox saying "Form elements must be labelled".

2: For the "text container" for the up and down caret next to the drop-down 'combobox', Firefox says: "Clickable elements must be focusable and should have interactive semantics".

Is this something you can correct for a future update?

Thank you.

---

---

Aw: Accessiblity issues: labels and names missing

url?

Aw: Accessiblity issues: labels and names missing

I don't want the URL made public, which is why I didn't include it. It's an incomplete development site.

---

---

Aw: Accessiblity issues: labels and names missing

Change in your template.

Aw: Accessiblity issues: labels and names missing

I already tried it with Cassiopeia and it makes no difference as it's not a CSS issue, it's in the Joom Shopping PHP code. Ok, yes, I could add it manually with an override, but I shouldn't have to. Full accessibility is something you should incorporate.

I sent a PM yesterday with the link.

---