Opened 8 years ago

Closed 8 years ago

#1473 closed defect (bug) (fixed)

Accessibility issues with search form

Reported by: joedolson's profile joedolson Owned by: samuelsidler's profile samuelsidler
Milestone: Priority: normal
Component: Keywords: has-patch commit


The search form has two accessibility issues:

1) There's no visible focus, so when a user arrives at the form using a keyboard they can't tell. Add some kind of visible change for users arriving using a keyboard.

2) There's no label or submit button. A missing label makes it harder for screen-reader users to identify the purpose of the form, in particular. Add a label and a submit button to the form using the .screen-reader-text class and appropriate styles. Ideally, the submit button would also become visible on focus, but this would be more of an enhancement.

Attachments (2)

1473.patch (2.2 KB) - added by SergeyBiryukov 8 years ago.
1473.png (4.7 KB) - added by SergeyBiryukov 8 years ago.

Download all attachments as: .zip

Change History (5)

8 years ago

8 years ago

#1 @SergeyBiryukov
8 years ago

  • Keywords has-patch added; needs-patch removed

1473.patch adds a focus outline, a label and submit button: 1473.png .

#2 @SergeyBiryukov
8 years ago

  • Keywords commit added

#3 @samuelsidler
8 years ago

  • Owner set to samuelsidler
  • Resolution set to fixed
  • Status changed from new to closed

In 2332: Improve accessibility of search form.

Props SergeyBiryukov.
Fixes #1473.

Note: See TracTickets for help on using tickets.