WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: how is list-style-type:none communicated to screenreader?

for

From: Nathalie Sequeira
Date: Nov 1, 2012 4:42AM

Hello Angela,

reading through this thread a question arose for me:

is there a specific reason for opting for an ordered list in the first
place, and wouldn't a definition list serve the footnoting
functionality better anyways?

Like so:
<dl>
<dt><a href="#fn1">1</a></dt>
<dd>text here</dd>
[...]
</dl>
whereby it is easy to style the dt and dd to sit next to each other
nicely aligned over longer lists too.

AFAIK, screen readers would read these as "1 equals text here", and
would provide a semantically richer relationship between the 2 bits of
information a footnote contains?

Thanks,
Nathalie

Am 30.10.2012 19:11, schrieb Angela French:
> I'm working on coming up with an accessible means of creating
> footnotes. I want the list item number to link back to the original
> reference to the footnote. Since I can't apply a hyperlink to the list
> item number itself, I was thinking of styling it with
> list-item-style:none, then inserting the number as content into the
> <li> text. It seemed to be the correct thing to do semantically to
> make my footnotes into a list. But perhaps I would be creating a
> burdensome redundancy for screen readers if I did that? <ol> <li><a
> href="#fn1">1</a> Text here</li> </ol>