How can we help you? - Home

Foundation | Middlesex College – Edison, NJ

College Publications | Find out what’s happening on campus

Email Enrollment Services | Enrollment Services

Parking on Campus | Campus Police

Perth Amboy Center | Middlesex College – Edison, NJ

Enrollment Services | Middlesex College – Edison, NJ

Current Vendor Opportunities | Purchasing

Career Counseling | Counseling

How to Apply - Middlesex College

Lists (e.g., `<ul>` or `<ol>`) should only contain list items (`<li>`) as a direct descendant 
to ensure that screen readers can accurately report the amount of items contained in the list. 

## Example

In the following example, some screen readers would say this list has two items, instead of 
four: 

```html
<ul>
    <div class="some_class">
        <li>Example 1</li>
    </div>
    <div class="some_other_class">
        <li>Example 2</li>
        <li>Example 3</li>
        <li>Example 4</li>
    </div>
</ul>
```

To fix this, you would need to remove the `<div class="some_class">` and 
`<div class="some_other_class>` elements and ensure only `<li>` list items remain.

## Further reading

The [formal specification for the list element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/ul)
shows what is and is not permitted inside an `<ul>` and `<ol>`.

See [Technique H88](https://www.w3.org/TR/WCAG20-TECHS/H88.html) for more information.

list-not-following-semantics

June 2024

May 2024

Middlesex County College

Title / URL	Issues
How can we help you? - Homewww.middlesexcc.edu/get-info/	2
Foundation \| Middlesex College – Edison, NJwww.middlesexcc.edu/mcc-foundation/	2
College Publications \| Find out what’s happening on campuswww.middlesexcc.edu/mcc-publications/	2
Email Enrollment Services \| Enrollment Serviceswww.middlesexcc.edu/enrollment-services/ask-enrollment-services/	2
Parking on Campus \| Campus Policewww.middlesexcc.edu/campus-police/parking-on-campus/	2
Perth Amboy Center \| Middlesex College – Edison, NJwww.middlesexcc.edu/perth-amboy-center/	2
Enrollment Services \| Middlesex College – Edison, NJwww.middlesexcc.edu/enrollment-services/	2
Current Vendor Opportunities \| Purchasingwww.middlesexcc.edu/purchasing/current-vendor-opportunities/	2
Career Counseling \| Counselingwww.middlesexcc.edu/counseling/career-counseling/	2
How to Apply - Middlesex Collegewww.middlesexcc.edu/getting-started/	2

Ensure lists are marked up correctly

Middlesex County College

Where this issue has occurred