Wikipedia talk:WikiProject Accessibility/LISTGAP

LISTGAP

This section is a followup to a message at Wikipedia talk:Manual of Style/Accessibility.

See the bot request for approval at Wikipedia:Bots/Requests for approval/BG19bot 9 for the discussion to approve a bot to remove blank lines between list items, per WP:LISTGAP. – Wbm1058 (talk) 13:25, 5 February 2016 (UTC)

Example

BEFORE

Wikicode:
* a

* b

* c

HTML:
<ul>
<li>a </li>
</ul>
<ul>
<li>b </li>
</ul>
<ul>
<li>c </li>
</ul>

Spoken by a screen reader as "List of 1 items, a, list end; List of 1 items, B, list end; List of 1 items, c, list end"

AFTER

Wikicode:
* a
* b
* c

HTML:
<ul>
<li>a </li>
<li>b </li>
<li>c </li>
</ul>

Spoken by a screen reader as "List of 3 items, A, B, C, list end"

To add spacing between items

HTML comment trick

Use the "HTML comment trick" to add a blank line between items in the wikicode to avoid editor confusion. This is done with a commented-out line:

* First item<!--
                                                 -->
* Second item

This doesn't produce unwanted visible spacing or bad list code in the rendered page like adding a plain blank line would:

• First item
• Second item

Extra * trick

A line containing just a "*" leaves a visible gap in the edit box, but produces a list item that is neither displayed, nor announced by screen readers because it has display:none set.

* long item a
*
* long item b

produces:

• long item a
• long item b

Source

Above copied from Wikipedia talk:WikiProject Accessibility/Archive 6