Re: [External Sender] <ol start="3"> Is this accessible?

I mean something like

<ol>
<li><p>Long surgery Description</p>
      <p>More surgery description</p></li>
</ol>

<div><ad></div>

<ol start=“2”>
<li><p>2nd Long surgery description
      <p>More 2nd long surgery description</p></li>
<li><p>3rd Long surgery description
      <p>More 34d long surgery description</p></li>
<li><p>4th Long surgery description
      <p>More 4th long surgery description</p></li>
</ol>






Jeana Clark
Creative Director

Tel: 847.607.8577 
jclark@veritashealth.com


 <https://www.veritashealth.com/> 

Spine-health.com <https://www.spine-health.com/> | Arthritis-health.com <https://www.arthritis-health.com/>
Sports-health.com <https://www.sports-health.com/> | Pain-health.com <https://www.pain-health.com/>


*** CONFIDENTIALITY NOTICE*** This message and any included attachments are from Veritas Health, LLC (owner and operator of Spine-health.com, Arthritis-health.com, Sports-health.com and Pain-health.com) and are intended for the addressee only. The contents in this message may contain confidential information belonging to the sender that is legally privileged. Unauthorized forwarding, printing, copying, distribution, or use of such information is strictly prohibited and may be unlawful. If you are not the addressee, please promptly delete this message and notify the sender of the delivery error by e-mail or contact the Veritas Health, LLC at admin@veritashealth.com. Veritas Health reserves the right to view all communications into and out of the company and senders shall have no expectation of privacy.





> On Nov 19, 2019, at 12:36 PM, Brian Lovely <brian.lovely@capitalone.com> wrote:
> 
> Ugh, you mean like:
> 
> <ol>
>      <li>Something</li>
>      <div>An advertisement</div>
>      <li>Something else</li>
> </ol>
> 
> That's a violation of WCAG 2.1 SC 4.1.1 Parsing. The ol contains a non-supported child (the div). Before any accessibility is looked at, a page must be able to pass an HTML linter with no errors. This would throw a parent/child error.
> 
> On Tue, Nov 19, 2019 at 1:25 PM Marc Haunschild <haunschild@mhis.onmicrosoft.de <mailto:haunschild@mhis.onmicrosoft.de>> wrote:
> Then its a matter of presentation (CSS) not semantics (HTML).
> 
> Respect the separation of concerns principle and things will become much easier.
> 
> Flex box offers a easy way to make space between two elements when using margin: auto for example - in this gap you can place your add - although I still might not understand all aspects of your particular component, I think I would use something like this
> 
> <ul>
>   <li>{text}</li>
>   <li>{text}</li>
>   <li>{text}</li>
>   <li>{advertisement}</li>
> </ul>
> 
> With order you can rearrange the items and by putting the ad at the end you don’t interrupt the logical order
> 
> In a future redesign you won't need to touch the HTML - all changes can be made in the CSS (or SASS/LESS if you prefer to work with a preprocessor)
> 
> Marc
> 
>> On 19. Nov 2019, at 18:58, Jeana Clark <jclark@veritashealth.com <mailto:jclark@veritashealth.com>> wrote:
>> 
>> Hi Patrick - Thanks for your comment.
>> 
>> The problem is we want to put an ad in the middle of a list - but not make it a list item. So sometimes if it’s a numbered list, we will close the list, insert the ad, and restart the list (hence start=“3” on the ol) 
>> 
>> 
>> 
>> 
>> 
>> Jeana Clark
>> Creative Director
>> 
>> Tel: 847.607.8577 
>> jclark@veritashealth.com <mailto:jclark@veritashealth.com>
>> 
>> 
>>  <https://urldefense.com/v3/__https://www.veritashealth.com/__;!0Ns9_1dOjwg!LbjzArpgSoEASxfWUXXXLwkCCFWvrg2bfhy6xx3Bwckv9YpzbWfQuBfgSsBEedUd7dO6xA$> 
>> 
>> Spine-health.com <https://urldefense.com/v3/__https://www.spine-health.com/__;!0Ns9_1dOjwg!LbjzArpgSoEASxfWUXXXLwkCCFWvrg2bfhy6xx3Bwckv9YpzbWfQuBfgSsBEedXrWZcuvg$> | Arthritis-health.com <https://urldefense.com/v3/__https://www.arthritis-health.com/__;!0Ns9_1dOjwg!LbjzArpgSoEASxfWUXXXLwkCCFWvrg2bfhy6xx3Bwckv9YpzbWfQuBfgSsBEedUOrSoztQ$>
>> Sports-health.com <https://urldefense.com/v3/__https://www.sports-health.com/__;!0Ns9_1dOjwg!LbjzArpgSoEASxfWUXXXLwkCCFWvrg2bfhy6xx3Bwckv9YpzbWfQuBfgSsBEedU5zLI3cA$> | Pain-health.com <https://urldefense.com/v3/__https://www.pain-health.com/__;!0Ns9_1dOjwg!LbjzArpgSoEASxfWUXXXLwkCCFWvrg2bfhy6xx3Bwckv9YpzbWfQuBfgSsBEedWnnV_IlQ$>
>> 
>> 
>> *** CONFIDENTIALITY NOTICE*** This message and any included attachments are from Veritas Health, LLC (owner and operator of Spine-health.com <https://urldefense.com/v3/__http://spine-health.com/__;!0Ns9_1dOjwg!LbjzArpgSoEASxfWUXXXLwkCCFWvrg2bfhy6xx3Bwckv9YpzbWfQuBfgSsBEedVyqM_Yxw$>, Arthritis-health.com <https://urldefense.com/v3/__http://arthritis-health.com/__;!0Ns9_1dOjwg!LbjzArpgSoEASxfWUXXXLwkCCFWvrg2bfhy6xx3Bwckv9YpzbWfQuBfgSsBEedVCRmj1BQ$>, Sports-health.com <https://urldefense.com/v3/__http://sports-health.com/__;!0Ns9_1dOjwg!LbjzArpgSoEASxfWUXXXLwkCCFWvrg2bfhy6xx3Bwckv9YpzbWfQuBfgSsBEedXcZfo1yw$> and Pain-health.com <https://urldefense.com/v3/__http://pain-health.com/__;!0Ns9_1dOjwg!LbjzArpgSoEASxfWUXXXLwkCCFWvrg2bfhy6xx3Bwckv9YpzbWfQuBfgSsBEedXgykESPA$>) and are intended for the addressee only. The contents in this message may contain confidential information belonging to the sender that is legally privileged. Unauthorized forwarding, printing, copying, distribution, or use of such information is strictly prohibited and may be unlawful. If you are not the addressee, please promptly delete this message and notify the sender of the delivery error by e-mail or contact the Veritas Health, LLC at admin@veritashealth.com <mailto:admin@veritashealth.com>. Veritas Health reserves the right to view all communications into and out of the company and senders shall have no expectation of privacy.
>> 
>> 
>> 
>> 
>> 
>>> On Nov 19, 2019, at 11:48 AM, Patrick H. Lauke <redux@splintered.co.uk <mailto:redux@splintered.co.uk>> wrote:
>>> 
>>> On 19/11/2019 17:12, Jeana Clark wrote:
>>>> Sometimes the lists were used as a design solution… writers wanted to make the content more ’scannable’, and they really aren’t list items. They’re just bulleted, indented paragraphs — those I can deal with with redesign.
>>>> But sometimes they are ‘lists’ as like, here are 5 treatments for your lower back pain.. but each ‘list item’ is a thorough multi-paragraphed description of the treatment, within a list item.
>>> 
>>> Even in those cases, you should be able to just stick them all in an <li>...</li> without the need for breaking up a list and starting it at a particular number later, unless I'm missing something.
>>> 
>>> P
>>> -- 
>>> Patrick H. Lauke
>>> 
>>> www.splintered.co.uk <https://urldefense.com/v3/__http://www.splintered.co.uk/__;!0Ns9_1dOjwg!LbjzArpgSoEASxfWUXXXLwkCCFWvrg2bfhy6xx3Bwckv9YpzbWfQuBfgSsBEedUrTQwiLQ$> | https://github.com/patrickhlauke <https://urldefense.com/v3/__https://github.com/patrickhlauke__;!0Ns9_1dOjwg!LbjzArpgSoEASxfWUXXXLwkCCFWvrg2bfhy6xx3Bwckv9YpzbWfQuBfgSsBEedVvmm5Vyg$>
>>> http://flickr.com/photos/redux/ <https://urldefense.com/v3/__http://flickr.com/photos/redux/__;!0Ns9_1dOjwg!LbjzArpgSoEASxfWUXXXLwkCCFWvrg2bfhy6xx3Bwckv9YpzbWfQuBfgSsBEedWx4pJZHw$> | http://redux.deviantart.com <https://urldefense.com/v3/__http://redux.deviantart.com/__;!0Ns9_1dOjwg!LbjzArpgSoEASxfWUXXXLwkCCFWvrg2bfhy6xx3Bwckv9YpzbWfQuBfgSsBEedW-YlDhJA$>
>>> twitter: @patrick_h_lauke | skype: patrick_h_lauke
>>> 
>> 
> 
> 
> 
> -- 
> Brian Lovely
> Capital One Digital Accessibility
> 804.389.1064
> 
> 
> 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.
> 
>