RE: List Headings in Navigation Panels

It shouldn’t be hard to implement as a Web component. Work on the underlying specifications for Web components (including custom elements, shadow DOM) continues.

From: Jim Allan [mailto:jimallan@tsbvi.edu]
Sent: Thursday, February 8, 2018 3:26 PM
To: Mike Elledge <melledge@yahoo.com>
Cc: WCAG <w3c-wai-gl@w3.org>
Subject: Re: List Headings in Navigation Panels

would be the perfect place for the <lh> element. List header https://www.w3.org/MarkUp/html3/listheader.html<https://na01.safelinks.protection.outlook.com/?url=https%3A%2F%2Fwww.w3.org%2FMarkUp%2Fhtml3%2Flistheader.html&data=02%7C01%7Cjjwhite%40ets.org%7C97d99d6e104742c2994708d56f32544e%7C9f4f1d61fff6450a9ce3b3bd601c884a%7C0%7C0%7C636537184308763481&sdata=SA329zAO0S%2Fn12ikUzymu3y4ThVUqLTx59d26a%2Bdj9k%3D&reserved=0>. Alas it died with HTML3

though there has been some thinking lately...
2017 - https://discourse.wicg.io/t/proposal-list-head-caption-title/1832<https://na01.safelinks.protection.outlook.com/?url=https%3A%2F%2Fdiscourse.wicg.io%2Ft%2Fproposal-list-head-caption-title%2F1832&data=02%7C01%7Cjjwhite%40ets.org%7C97d99d6e104742c2994708d56f32544e%7C9f4f1d61fff6450a9ce3b3bd601c884a%7C0%7C0%7C636537184308763481&sdata=UYa2gAdBBNM3vcUhEdhmHExCkUGWNQmuaCFfpq3yaTU%3D&reserved=0>
2016 - https://stevefaulkner.github.io/lt-element/<https://na01.safelinks.protection.outlook.com/?url=https%3A%2F%2Fstevefaulkner.github.io%2Flt-element%2F&data=02%7C01%7Cjjwhite%40ets.org%7C97d99d6e104742c2994708d56f32544e%7C9f4f1d61fff6450a9ce3b3bd601c884a%7C0%7C0%7C636537184308763481&sdata=jnb8V%2FlEjGbGWQ6DHk7Lq%2FwGJowk2iQkUDxbt4hA%2BgE%3D&reserved=0>   (list title element)

I think it would be a useful element.

Jim

On Thu, Feb 8, 2018 at 11:25 AM, Mike Elledge <melledge@yahoo.com<mailto:melledge@yahoo.com>> wrote:
Hi All--

I'm wondering what you consider best coding practice for list headings in navigation panels.

  *   It would seem that <hx> would make the most sense, but adds a lot of clutter.
  *   tabindex="0" provides the advantage of focus and findability, but does not seem appropriate since it doesn't open or activate anything.
  *   <dl> doesn't seem right either, since the items in a list for nav are not definitions.
  *   Adding sections with headings seems even more cumbersome.
Example:

Planes <open/close>                                                                 Trains            Automobiles
    |
Flying a Plane    Buying a Plane    Painting a Plane
The Basics<https://na01.safelinks.protection.outlook.com/?url=http%3A%2F%2Fwww.yahoo.com&data=02%7C01%7Cjjwhite%40ets.org%7C97d99d6e104742c2994708d56f32544e%7C9f4f1d61fff6450a9ce3b3bd601c884a%7C0%7C0%7C636537184308763481&sdata=SeokPtFoYwrT5wipHOqtxSlh0TwWA25Gl9iteb2ZUjU%3D&reserved=0>
The Controls<https://na01.safelinks.protection.outlook.com/?url=http%3A%2F%2Fwww.yahoo.com&data=02%7C01%7Cjjwhite%40ets.org%7C97d99d6e104742c2994708d56f32544e%7C9f4f1d61fff6450a9ce3b3bd601c884a%7C0%7C0%7C636537184308763481&sdata=SeokPtFoYwrT5wipHOqtxSlh0TwWA25Gl9iteb2ZUjU%3D&reserved=0>
The Parachute<https://na01.safelinks.protection.outlook.com/?url=http%3A%2F%2Fwww.yahoo.com&data=02%7C01%7Cjjwhite%40ets.org%7C97d99d6e104742c2994708d56f32544e%7C9f4f1d61fff6450a9ce3b3bd601c884a%7C0%7C0%7C636537184308763481&sdata=SeokPtFoYwrT5wipHOqtxSlh0TwWA25Gl9iteb2ZUjU%3D&reserved=0>

Suggestions? Many thanks.

Mike



--
Jim Allan, Accessibility Coordinator
Texas School for the Blind and Visually Impaired
1100 W. 45th St., Austin, Texas 78756
voice 512.206.9315    fax: 512.206.9452 http://www.tsbvi.edu/<https://na01.safelinks.protection.outlook.com/?url=http%3A%2F%2Fwww.tsbvi.edu%2F&data=02%7C01%7Cjjwhite%40ets.org%7C97d99d6e104742c2994708d56f32544e%7C9f4f1d61fff6450a9ce3b3bd601c884a%7C0%7C0%7C636537184308763481&sdata=dCrUUFjTmlSWY00gUxEUT5tLHOPtaUg0KIH90Aztcmc%3D&reserved=0>
"We shape our tools and thereafter our tools shape us." McLuhan, 1964

________________________________

This e-mail and any files transmitted with it may contain privileged or confidential information. It is solely for use by the individual for whom it is intended, even if addressed incorrectly. If you received this e-mail in error, please notify the sender; do not disclose, copy, distribute, or take any action in reliance on the contents of this information; and delete it from your system. Any other use of this e-mail is prohibited.


Thank you for your compliance.

________________________________