WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: [External Sender]What are the semantics in html?

for

From: Brian Lovely
Date: Jul 9, 2020 6:26AM

Semantics in HTML is additional information that is understood to be
associated with particular elements. For instance the semantics of a table
include that the data it contains is tabular data. So if a page author uses
a table simply for layout, this is considered a semantic failure.

Part of the semantics of an element being in the tab order is that that
element is actionable, so adding a non-actionable element to the tab order
with tabindex="0" is a semantic failure.

To look at it another way, when a screen reader user encounters a semantic
element, like a well-formed button, they automatically know certain things
about that element:
Role (button)
That it is actionable (specifically with the enter key, space bar, and
mouse)
That activating it will cause some change and/or action on the current page
That said action is related to the button name (for instance
<button>Edit</button>)

On Thu, Jul 9, 2020 at 3:24 AM Léonie Watson < <EMAIL REMOVED> >
wrote:

> I wrote this post on "Understanding semantics". Perhaps it'll help.
>
> https://urldefense.com/v3/__https://tink.uk/understanding-semantics/__;!!EFVe01R3CjU!IgBgbjAAlf2j4ISiDAuvDlPNi4SuYMq3CSgP6z3S8EmENdgoz_jvFIz2nPIrWYpotAVCmA$
>
> BTW, I know the videos linked from the post are no longer available.
> Careless deletion of my old YouTube account meant I lost them, but I do
> plan to replace them just as soon as I can.
>
> Léonie.
>
> > I couldn't understand what the semantics are, what they are needed for
> > and how they are applied to a screen reader and be used for
> > accessibility tasks.
> >
> > I thought that they are the same things as elements such as a heading
> > from level 1 to 6, but it seems like it is not like that.
> >
> > So, can somebody explain that please?
> >
> > Thank you in advance!
> >
> > --
> >
> > Best wishes,
> >
> > Vsevolod
> >
> > > > > https://urldefense.com/v3/__http://list.webaim.org/__;!!EFVe01R3CjU!IgBgbjAAlf2j4ISiDAuvDlPNi4SuYMq3CSgP6z3S8EmENdgoz_jvFIz2nPIrWYqt5gLF_w$
> > List archives at
> https://urldefense.com/v3/__http://webaim.org/discussion/archives__;!!EFVe01R3CjU!IgBgbjAAlf2j4ISiDAuvDlPNi4SuYMq3CSgP6z3S8EmENdgoz_jvFIz2nPIrWYqqbC3nng$
> > >
> --
> Director @TetraLogical
>
> https://urldefense.com/v3/__https://tetralogical.com__;!!EFVe01R3CjU!IgBgbjAAlf2j4ISiDAuvDlPNi4SuYMq3CSgP6z3S8EmENdgoz_jvFIz2nPIrWYoTUDS1Cg$
> > > https://urldefense.com/v3/__http://list.webaim.org/__;!!EFVe01R3CjU!IgBgbjAAlf2j4ISiDAuvDlPNi4SuYMq3CSgP6z3S8EmENdgoz_jvFIz2nPIrWYqt5gLF_w$
> List archives at
> https://urldefense.com/v3/__http://webaim.org/discussion/archives__;!!EFVe01R3CjU!IgBgbjAAlf2j4ISiDAuvDlPNi4SuYMq3CSgP6z3S8EmENdgoz_jvFIz2nPIrWYqqbC3nng$
> >


--
*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.