Accessible List with Hidden bullets

Some screen readers such as VoiceOver don't recognize list mark-up when the bullets are removed with list-style-type:none.

When a design calls for visually hiding the browser's default list bullets you can hide them by using a negative left margin and overflow:hidden as seen in the example below.