WebAIM - Web Accessibility In Mind

E-mail List Archives

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

for

From: Brian Lovely
Date: Jul 10, 2020 5:12AM

The below paragraph I would like you to expand upon as I am not sure if I
follow:

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

Could you provide a specific example on the above to make it clearer.

I have encountered the mistaken idea that no content can be navigated by a
user of assistive technology unless the element has been added to the tab
order. This results in numerous non-actionable elements added to the tab
order. like headings, divs, paragraphs, etc. A similar misunderstanding is
that only aria-label exposes content to assistive technology, so you end up
with code like:

<div tabindex="0" aria-label="Mary had a little lamb">Mary had a little
lamb</div>

On Thu, Jul 9, 2020 at 8:19 PM Patrick H. Lauke < <EMAIL REMOVED> >
wrote:

> On 09/07/2020 13:26, Brian Lovely via WebAIM-Forum wrote:
> > 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.
>
> Seems a bit of a stretch. It's a failure of focus order/behaviour, not
> of semantics, I'd say... (how it behaves vs what it conveys)
>
> P
> --
> Patrick H. Lauke
>
>
> https://urldefense.com/v3/__https://www.splintered.co.uk/__;!!EFVe01R3CjU!MmT4FKmpqP828tFJoWpa4LOos6LNOEbIMzCC6SqsbAJUCdqDurYINLgiYUyhEBcdQXiZkg$
> |
> https://urldefense.com/v3/__https://github.com/patrickhlauke__;!!EFVe01R3CjU!MmT4FKmpqP828tFJoWpa4LOos6LNOEbIMzCC6SqsbAJUCdqDurYINLgiYUyhEBf5mIXkFA$
>
> https://urldefense.com/v3/__https://flickr.com/photos/redux/__;!!EFVe01R3CjU!MmT4FKmpqP828tFJoWpa4LOos6LNOEbIMzCC6SqsbAJUCdqDurYINLgiYUyhEBc68sIRXg$
> |
> https://urldefense.com/v3/__https://www.deviantart.com/redux__;!!EFVe01R3CjU!MmT4FKmpqP828tFJoWpa4LOos6LNOEbIMzCC6SqsbAJUCdqDurYINLgiYUyhEBePUUHjjw$
> twitter: @patrick_h_lauke | skype: patrick_h_lauke
> > > https://urldefense.com/v3/__http://list.webaim.org/__;!!EFVe01R3CjU!MmT4FKmpqP828tFJoWpa4LOos6LNOEbIMzCC6SqsbAJUCdqDurYINLgiYUyhEBff5RcZJQ$
> List archives at
> https://urldefense.com/v3/__http://webaim.org/discussion/archives__;!!EFVe01R3CjU!MmT4FKmpqP828tFJoWpa4LOos6LNOEbIMzCC6SqsbAJUCdqDurYINLgiYUyhEBda7XhVyw$
> >


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