Hi folks, I have a requirement to publish a list of stories within various categories. The first story - think main story - needs to have a headline, teaser paragraph, image, published or latest version date, byline, whether comments are allowed, and related multimedia links. The others only require a headline. I'm looking towards : <div id="category"> <h2>Category</h2> <p><img src="image" alt="Caption" /></p> <p>Published</p> <p>Headline</p> <p>Byline / Comments / Multimedia</p> <p>Teaser paragraph text</p> <ul> <li>Headline 2</li> <li>Headline 3</li> (etc.) </ul> </div> This will be used on a load of newspaper sites, and I want to make this as accessible as possible, and ideally pass WCAG2. Where I fall down is when I think about the list items. Sure they are related to the category, but is there any best practice I should consider to demonstrate to the end user that the list starts at item 2 instead of item 1? (ie. would you put the first story within the list and style that content or would you keep the top story as is?) Assume the CSS and anchors in this snippet exist. Basically an image on the left with all text on the right of the image. I would much rather use the category div to display all content for that section (think News, Sport, Leaders, Entertainment etc). >From a design perspective (and for accessibility) I would rather not have "More stories" or similar text on display. So simply adding that above the list isn't really an option. I would really appreciate any observations or comments. For your information, I have convinced my employer to allow me full control over making these sites validate as strict and pass at least WCAG2, as far as I know this is a first in the UK, so I really want to get it right. [thelist] is where I first caught the accessibility bug so I would appreciate your input! Cheers, H -- This message has been scanned for viruses and dangerous content by MailScanner, and is believed to be clean.