WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: using article tag on card view

for

From: Birkir R. Gunnarsson
Date: Jul 16, 2024 5:23PM

The <article> tag by itself mostly adds verbosity without much benefit,
though you can use the "o" key to skip to next article (in Jaws).
The trick is for users to know where one card or section ends and another
begins if it's important.
There are many ways to do it:
* If every card starts with a heading and there's no content between cards,
you can use headings
* If cards don't start with headings or there is extra content between
cards, it is helpful to add some structure around them.
It could be
* list items in a list
* regions (though a region landmark needs an accessible name), you get a
region using the <section> element or <div> with role="region"
* it could be articles.

For regions and articles to be helpful they need to have an accessible name.
you should have an aria-label with a descriptive title on each
region/article element
Of course if cards consistently have titles and if the titles are coded as
headings, then you don't really need the extra markup.


On Tue, Jul 16, 2024 at 3:57 PM < <EMAIL REMOVED> > wrote:

> I recently encountered a site that used the article tag as the container
> for a log-in form. Rather annoying.
>
> Jeff Gutsell
>
>
> Jeff Gutsell
>
>
>