Search input field is missing a descriptive label-element

VERIFIED FIXED in 2012-11-08

Status

P4
minor
VERIFIED FIXED
6 years ago
6 years ago

People

(Reporter: icaaq, Assigned: spasovski)

Tracking

({access})

2012-11-08
access
Points:
---

Details

(Reporter)

Description

6 years ago
User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.7; rv:16.0) Gecko/16.0 Firefox/16.0a1
Build ID: 20120618030531

Steps to reproduce:

1. Press Cmd+N to open a new browser window, then type https://marketplace.mozilla.org/en-US/ in the address bar and press Enter
2. Inspect the input field #search-q element


Actual results:

No associated label is attached to this input field. 


Expected results:

As the WCAG 2.0 spec says[http://www.w3.org/TR/UNDERSTANDING-WCAG20/minimize-error-cues.html]:
> Label elements associated with input elements insure that information about the input field is spoken by screen readers when the field receives focus.

Therefor a label should be attached to this input field. A label is attached to the input field through the use of the for attribute. The value of the for attribute must be the same as the value of the id attribute of the form control. 

For more information read "Using label elements to associate text labels with form controls" from the WCAG 2.0 Specification http://www.w3.org/TR/2012/NOTE-WCAG20-TECHS-20120103/H44.html
(Reporter)

Updated

6 years ago
Keywords: access
Davor: would you confirm/deny/fix?
Assignee: nobody → dspasovski
Severity: normal → minor
Priority: -- → P4
Target Milestone: --- → 2012-11-08
(Assignee)

Comment 2

6 years ago
added a label that has been moved off-screen:

https://github.com/mozilla/zamboni/commit/78a5e8b
Status: UNCONFIRMED → RESOLVED
Last Resolved: 6 years ago
Resolution: --- → FIXED

Comment 3

6 years ago
Verified as fixed : http://screencast.com/t/nGv1QkhKh
Status: RESOLVED → VERIFIED
You need to log in before you can comment on or make changes to this bug.