Textpattern CMS support forum
You are not logged in. Register | Login | Help
- Topics: Active | Unanswered
#1 2020-11-01 09:13:20
- peterj
- Member
- From: Melbourne, Australia
- Registered: 2005-06-02
- Posts: 99
Search form accessibility in default theme
Hi,
I’ve been prodded to do audits of sites for accessibility and am using AIM’s WAVE browser extension. I usually leave Textpattern sites with the animated search box from the default theme (as like it). This fails WAVE, which asks for a label.
If I try to add a label (or any similar attribute) all the schmick styling disappears and the generated html is a bit odd – the input is inside a p tag and all the schema stuff vanishes. Is this by intention?
I’ve been redoing the forms semi-manually so I can keep the schmickness and insert this label:
<label class="accessibility visually-hidden" for="search-1">Search</label>
Offline
Re: Search form accessibility in default theme
Are you using the default theme as shipped with Textpattern 4.8.1 or newer? A <label /> was added, for the same reason as you mention.
This is the form with the default search input field as used by the Textpattern 4.8.1 default theme.
On line 5 it has a <label />. That should be OK for most accessibility tools, I think. If you find that is is not enough, please report.
(note, when you update Textpattern, the theme in use does not get updated)
Where is that emoji for a solar powered submarine when you need it ?
Offline
#3 2020-11-02 01:46:10
- peterj
- Member
- From: Melbourne, Australia
- Registered: 2005-06-02
- Posts: 99
Re: Search form accessibility in default theme
Hi Philippe, aha! Yes the theme was ~TXP 4.7.3 which would explain it.
And I figured out the other issue with the attributes by staring more closely at the txp:search_input docs:
“Forms… Default: search_input (if no form template is specified and no other attributes are used)”
Thanks.
Offline