WebAIM - Web Accessibility In Mind

E-mail List Archives

Thread: Numbered prose.

for

Number of posts in this thread: 5 (In chronological order)

From: Jonathan Cohn
Date: Sat, Feb 25 2017 9:12AM
Subject: Numbered prose.
No previous message | Next message →

Hello,

I have recently encountered a design pattern at my office that I don't think we are presenting in the best way.

Essentially it is a set of paragraphs where each sentence or paragraph is numbered. The idea being that later in the page there will be questions like what is the significance of the word "happy" in phrase 19?

Does it make sense to use a DL block for this structure? I am thinking that perhaps for screen readers we could tag the DT as hidden and then use aria-describedby to reference the phrase number.


Thanks,

Jonathan Cohn

From: Beranek, Nicholas
Date: Sat, Feb 25 2017 9:43AM
Subject: Re: Numbered prose.
← Previous message | Next message →

I'd use an OL. It feels like an ordered list.



Sent with Good (www.good.com)
From: WebAIM-Forum < = EMAIL ADDRESS REMOVED = > on behalf of Jonathan Cohn < = EMAIL ADDRESS REMOVED = >
Sent: Saturday, February 25, 2017 11:12:27 AM
To: WebAIM Discussion List
Subject: [WebAIM] Numbered prose.

Hello,

I have recently encountered a design pattern at my office that I don't think we are presenting in the best way.

Essentially it is a set of paragraphs where each sentence or paragraph is numbered. The idea being that later in the page there will be questions like what is the significance of the word "happy" in phrase 19?

Does it make sense to use a DL block for this structure? I am thinking that perhaps for screen readers we could tag the DT as hidden and then use aria-describedby to reference the phrase number.


Thanks,

Jonathan Cohn



The information contained in this e-mail is confidential and/or proprietary to Capital One and/or its affiliates and may only be used solely in performance of work or services for Capital One. The information transmitted herewith is intended only for use by the individual or entity to which it is addressed. If the reader of this message is not the intended recipient, you are hereby notified that any review, retransmission, dissemination, distribution, copying or other use of, or taking of any action in reliance upon this information is strictly prohibited. If you have received this communication in error, please contact the sender and delete the material from your computer.

From: Birkir R. Gunnarsson
Date: Sat, Feb 25 2017 1:07PM
Subject: Re: Numbered prose.
← Previous message | Next message →

I second the <ol> structure (or just a bunch of paragraph starting
with the number, if that is how it is implemented right now).
<dl> wouldn't help, I think it would just confuse the situation, for
one thing screen readers generally treat <dl> like <ul>

This could be a use case for the aria-flowto attribute or the ARIA 1.1
aria-details attribute, but the problem is that there is hardly any
screen reader support for either (some aria-flowto support in Jaws
with Firefox, and I think in Narrator, out of all screen readers).




On 2/25/17, Beranek, Nicholas < = EMAIL ADDRESS REMOVED = > wrote:
> I'd use an OL. It feels like an ordered list.
>
>
>
> Sent with Good (www.good.com)
> > From: WebAIM-Forum < = EMAIL ADDRESS REMOVED = > on behalf of
> Jonathan Cohn < = EMAIL ADDRESS REMOVED = >
> Sent: Saturday, February 25, 2017 11:12:27 AM
> To: WebAIM Discussion List
> Subject: [WebAIM] Numbered prose.
>
> Hello,
>
> I have recently encountered a design pattern at my office that I don't think
> we are presenting in the best way.
>
> Essentially it is a set of paragraphs where each sentence or paragraph is
> numbered. The idea being that later in the page there will be questions like
> what is the significance of the word "happy" in phrase 19?
>
> Does it make sense to use a DL block for this structure? I am thinking that
> perhaps for screen readers we could tag the DT as hidden and then use
> aria-describedby to reference the phrase number.
>
>
> Thanks,
>
> Jonathan Cohn
>
>
>
> > > > > >
> The information contained in this e-mail is confidential and/or proprietary
> to Capital One and/or its affiliates and may only be used solely in
> performance of work or services for Capital One. The information transmitted
> herewith is intended only for use by the individual or entity to which it is
> addressed. If the reader of this message is not the intended recipient, you
> are hereby notified that any review, retransmission, dissemination,
> distribution, copying or other use of, or taking of any action in reliance
> upon this information is strictly prohibited. If you have received this
> communication in error, please contact the sender and delete the material
> from your computer.
> > > > >


--
Work hard. Have fun. Make history.

From: Lucy Greco
Date: Sat, Feb 25 2017 2:44PM
Subject: Re: Numbered prose.
← Previous message | Next message →

i would also add an anker tag so that the user could click on the same page
link that said what does happy mean in line 3 and the hole q could be the
link and then ofcourse you need to make sure the user can get bback to the
q as well maybe using heddings proplerly just an idea

Lucia Greco
Web Accessibility Evangelist
IST - Architecture, Platforms, and Integration
University of California, Berkeley
(510) 289-6008 skype: lucia1-greco
http://webaccess.berkeley.edu
Follow me on twitter @accessaces


On Sat, Feb 25, 2017 at 12:07 PM, Birkir R. Gunnarsson <
= EMAIL ADDRESS REMOVED = > wrote:

> I second the <ol> structure (or just a bunch of paragraph starting
> with the number, if that is how it is implemented right now).
> <dl> wouldn't help, I think it would just confuse the situation, for
> one thing screen readers generally treat <dl> like <ul>
>
> This could be a use case for the aria-flowto attribute or the ARIA 1.1
> aria-details attribute, but the problem is that there is hardly any
> screen reader support for either (some aria-flowto support in Jaws
> with Firefox, and I think in Narrator, out of all screen readers).
>
>
>
>
> On 2/25/17, Beranek, Nicholas < = EMAIL ADDRESS REMOVED = > wrote:
> > I'd use an OL. It feels like an ordered list.
> >
> >
> >
> > Sent with Good (www.good.com)
> > > > From: WebAIM-Forum < = EMAIL ADDRESS REMOVED = > on behalf of
> > Jonathan Cohn < = EMAIL ADDRESS REMOVED = >
> > Sent: Saturday, February 25, 2017 11:12:27 AM
> > To: WebAIM Discussion List
> > Subject: [WebAIM] Numbered prose.
> >
> > Hello,
> >
> > I have recently encountered a design pattern at my office that I don't
> think
> > we are presenting in the best way.
> >
> > Essentially it is a set of paragraphs where each sentence or paragraph is
> > numbered. The idea being that later in the page there will be questions
> like
> > what is the significance of the word "happy" in phrase 19?
> >
> > Does it make sense to use a DL block for this structure? I am thinking
> that
> > perhaps for screen readers we could tag the DT as hidden and then use
> > aria-describedby to reference the phrase number.
> >
> >
> > Thanks,
> >
> > Jonathan Cohn
> >
> >
> >
> > > > > > > > > > > >
> > The information contained in this e-mail is confidential and/or
> proprietary
> > to Capital One and/or its affiliates and may only be used solely in
> > performance of work or services for Capital One. The information
> transmitted
> > herewith is intended only for use by the individual or entity to which
> it is
> > addressed. If the reader of this message is not the intended recipient,
> you
> > are hereby notified that any review, retransmission, dissemination,
> > distribution, copying or other use of, or taking of any action in
> reliance
> > upon this information is strictly prohibited. If you have received this
> > communication in error, please contact the sender and delete the material
> > from your computer.
> > > > > > > > > >
>
>
> --
> Work hard. Have fun. Make history.
> > > > >

From: Ryan E. Benson
Date: Sat, Feb 25 2017 6:30PM
Subject: Re: Numbered prose.
← Previous message | No next message

A < ol> would get annoying and perhaps confusing to some. I am assuming the
exact line is needed due to it being legal documentation. I have seen
<pre>s used or a combination of p/spans.

--
Ryan E. Benson

On Sat, Feb 25, 2017 at 3:07 PM, Birkir R. Gunnarsson <
= EMAIL ADDRESS REMOVED = > wrote:

> I second the <ol> structure (or just a bunch of paragraph starting
> with the number, if that is how it is implemented right now).
> <dl> wouldn't help, I think it would just confuse the situation, for
> one thing screen readers generally treat <dl> like <ul>
>
> This could be a use case for the aria-flowto attribute or the ARIA 1.1
> aria-details attribute, but the problem is that there is hardly any
> screen reader support for either (some aria-flowto support in Jaws
> with Firefox, and I think in Narrator, out of all screen readers).
>
>
>
>
> On 2/25/17, Beranek, Nicholas < = EMAIL ADDRESS REMOVED = > wrote:
> > I'd use an OL. It feels like an ordered list.
> >
> >
> >
> > Sent with Good (www.good.com)
> > > > From: WebAIM-Forum < = EMAIL ADDRESS REMOVED = > on behalf of
> > Jonathan Cohn < = EMAIL ADDRESS REMOVED = >
> > Sent: Saturday, February 25, 2017 11:12:27 AM
> > To: WebAIM Discussion List
> > Subject: [WebAIM] Numbered prose.
> >
> > Hello,
> >
> > I have recently encountered a design pattern at my office that I don't
> think
> > we are presenting in the best way.
> >
> > Essentially it is a set of paragraphs where each sentence or paragraph is
> > numbered. The idea being that later in the page there will be questions
> like
> > what is the significance of the word "happy" in phrase 19?
> >
> > Does it make sense to use a DL block for this structure? I am thinking
> that
> > perhaps for screen readers we could tag the DT as hidden and then use
> > aria-describedby to reference the phrase number.
> >
> >
> > Thanks,
> >
> > Jonathan Cohn
> >
> >
> >
> > > > > > > > > > > >
> > The information contained in this e-mail is confidential and/or
> proprietary
> > to Capital One and/or its affiliates and may only be used solely in
> > performance of work or services for Capital One. The information
> transmitted
> > herewith is intended only for use by the individual or entity to which
> it is
> > addressed. If the reader of this message is not the intended recipient,
> you
> > are hereby notified that any review, retransmission, dissemination,
> > distribution, copying or other use of, or taking of any action in
> reliance
> > upon this information is strictly prohibited. If you have received this
> > communication in error, please contact the sender and delete the material
> > from your computer.
> > > > > > > > > >
>
>
> --
> Work hard. Have fun. Make history.
> > > > >