[wp-meta] [Making WordPress.org] #1591: CampTix Ticket shortcode form field accessibility

[Making WordPress.org]

#1591: CampTix Ticket shortcode form field accessibility
-------------------------------------------------+-------------------------
 Reporter:  GaryJ                                |       Owner:  (none)
     Type:  defect                               |      Status:  assigned
 Priority:  normal                               |   Milestone:
Component:  WordCamp Site & Plugins              |  Resolution:
 Keywords:  needs-patch good-first-bug           |
  accessibility                                  |
-------------------------------------------------+-------------------------

Comment (by GaryJ):

 > Would an [https://developer.mozilla.org/en-
 US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-
 label_attribute aria-label] attribute be a better fit in this context,
 since most of the table cells aren't form inputs?

 No. ARIA attributes should always be the last resort.

 The important bit here, is the relationship between the ticket title, and
 the form field element. HTML already handles this with the `label` element
 and it's `for` attribute, and an `id` attribute on the form field element.
 Assistive technologies understand this "native" connection already, so
 there's no need for ARIA attributes. General user-agents also understand
 it hence clicking on the label move the focus to the form field - everyone
 benefits, which doesn't happen when using ARIA attributes.

 The fact that the label and form field elements are contained within a
 table, doesn't make any difference here.

 > It might also help to add a <caption> inside the <table>, and change the
 ticket name <td> to a <th scope="row">, and then add scope="col" to the
 <thead> children.

 Agreed to all three suggestions.

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