Feeling Lucky
?
[#24467] - [3.9.x] [a11y] Search field has no label
- Closed
- 4 Apr 2019
- Medium
- Build: staging
- # 24467
Steps to reproduce the issue
- Use screen reader, e.g. NVDA
- Go to the search results list page (for ex. use search module to search for a popular word, e.g. joomla on a test site)
- Go to serach field
or
Inspect the code
Expected result
- The screen reader should announce a label for the search box
or
- The code should include a label for the field "Search" (label for="search-searchword"
Actual result
Screen reader does not announce the name of the field
The field has no labels.
joomla-cms-bot
- | Labels |
Added:
?
|
||
franz-wohlkoenig
- | Status | New | ⇒ | Information Required |
| Category | ⇒ | Accessibility com_search |
hardik-codes
- comment
- 4 Apr 2019
@zwiastunsw
id="q" is already there in
<input type="text" name="q"
then why the issue still persists?
zwiastunsw
- comment
- 4 Apr 2019
I don't understand. You show a piece of code, but you don't write where it comes from.
This is piece of from "com_search/views/search/tmpl/default_form.php":
<div class="btn-group pull-left">
<input type="text" name="searchword" title="<?php echo JText::_('COM_SEARCH_SEARCH_KEYWORD'); ?>" placeholder="<?php echo JText::_('COM_SEARCH_SEARCH_KEYWORD'); ?>" id="search-searchword" size="30" maxlength="<?php echo $upper_limit; ?>" value="<?php echo $this->escape($this->origkeyword); ?>" class="inputbox" />
</div>
In this code there is no label for="search-searchword"
The label may be hidden for sighted users, but it must exist for users of screen readers. To hide the label from sighted users, use the class="element-invisible" for label tag.
hardik-codes
- comment
- 4 Apr 2019
My bad
I missed out giving the file name
Really sorry
| Title |
|
||||||
| Status | Information Required | ⇒ | Closed |
| Closed_Date | 0000-00-00 00:00:00 | ⇒ | 2019-04-04 12:40:47 |
| Closed_By | ⇒ | franz-wohlkoenig |
Working on it