Jump to content

Wikipedia talk:WikiProject Accessibility/LISTGAP

Page contents not supported in other languages.
From Wikipedia, the free encyclopedia

LISTGAP

[edit]

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)[reply]

Example

[edit]
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

[edit]

HTML comment trick

[edit]

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

[edit]

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

[edit]

Above copied from Wikipedia talk:WikiProject Accessibility/Archive 6