Accesibility search error Topic is solved

[sylwekb]

Hello
I am creating a site on Joomla 4.4.12 and I have encountered accessibility errors mainly related to the search engine. I am using the standard Cassiopeia template.
How to eliminate accessibility errors in the search engine that I have shown in the screenshot.

Best regards

[ceford]

In the Smart Search Option you set Result URL to Hide. That will help but there are still violations.

[sylwekb]

I managed to solve this serious error marked in red by adding a label in the file

.../components/com_finder/tmpl/search/default_form.php

Code: Select all

<label><input type="text" name="q" id="q" class="js-finder-search-query form-control" value="<?php echo $this->escape($this->query->input); ?>"></label>

I still can't figure out how to fix the yellow messages. Should I completely remove the url links and leave just the title and search content?

Has anyone had this problem and solved it?

[ceford]

I keep a J4 site for testing but it is a clone of joomla-cms. So I just needed to update it to go from 4.x.x-dev to 4.4.13-dev. I don't think that affected the Joomla Accessibility Checker output.

You should not have needed to add a label to the form. I see this code in my Search Results Page:

Code: Select all

        <legend class="com-finder__search-legend visually-hidden">
            Search Form        </legend>
        <div class="form-inline">
            <label for="q" class="me-2">
                Search Terms:            </label>
            <div class="input-group">
                <input type="text" name="q" id="q" class="js-finder-search-query form-control" value="scalability">
                <button type="submit" class="btn btn-primary">
                    <span class="icon-search icon-white" aria-hidden="true"></span>
                    Search                </button>

So the label is already there - it contains the words Search Terms:. Are you using a template override?

The problem is the line containing the url - it is hard to understand when read out. So, as I said previously:

Code: Select all

In the Smart Search Option you set Result URL to Hide. 

[sylwekb]

Thank you, everything is now accesibility correct with the search engine. I found this option.