[wp-meta] [Making WordPress.org] #6695: Found accessibility errors and suggestions for "Post a job Form".

[Making WordPress.org]

#6695: Found accessibility errors and suggestions for "Post a job Form".
---------------------------------------+---------------------
 Reporter:  viralsampat                |       Owner:  (none)
     Type:  defect (bug)               |      Status:  new
 Priority:  normal                     |   Milestone:
Component:  Jobs (jobs.wordpress.net)  |  Resolution:
 Keywords:  has-patch 2nd-opinion      |
---------------------------------------+---------------------
Changes (by dd32):

 * keywords:  has-patch reporter-feedback dev-feedback 2nd-opinion => has-
     patch 2nd-opinion
 * type:  enhancement => defect (bug)
 * component:  General => Jobs (jobs.wordpress.net)


Comment:

 To sumarise the video:
  - The form `<label>` elements aren't linked to their `<input>` elements.
 This is because the `for` attribute of the `<label>` points to the ID of
 the `<input>` but they don't have an ID attribute. Eg:
 {{{#!diff
 <label for="first_name">First Name*</label>
 -<input type="text" name="first_name" class="required" required="">
 +<input type="text" name="first_name" id="first_name" class="required"
 required="">
 }}}
  - `div.job-help-text`, `div.post-field-section-subheader`, and `.post-job
 label span` contrast ratio's are too low for readability. Currently it's
 2.8/1.6 contrast, should be >5. Changing these from `#999`/`#BBB` to
 `#666` for the colour resolves it, but that then removes the
 differentiation of the form text to the "help" text.

-- 
Ticket URL: <https://meta.trac.wordpress.org/ticket/6695#comment:1>
Making WordPress.org <https://meta.trac.wordpress.org/>
Making WordPress.org