WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Associating Errors From Wave Plug-in to the HTML Source


From: Jared Smith
Date: Dec 27, 2018 9:08AM

Kelly -

WAVE has a code panel at the bottom of the page that will show the
WAVE icons with their relevant code. The icons in the code panel
should indicate the icon name/type (such as "ERROR: Missing form
label"), but there seems to be a bug where all of the icons have
alt="1". Yikes! I'll fix this soon. Activating a button in the sidebar
or within the page will visually highlight the respective location
within the code, but it doesn't set focus to it.

When designing this functionality we chose not to have the icons
change focus when activated. Because each icon is represented three
times (details panel, within the page, and in the code panel), having
focus change between them would quickly become rather difficult and
confusing, not to mention that pages would then have numerous, often
hundred of new buttons to navigate. We decided to have keyboard
interactivity centralized within the functionality of the sidebar and
within the page itself (each icon is keyboard focusable there).

I think I'll add some new functionality where if an icon is activated,
then the relevant portion of code within the Code panel region would
then be keyboard navigable, though not focused directly. In other
words, you could find the relevant icon within the page or sidebar,
activate it, then jump to the Code panel region and navigate directly
to the relevant code area. I'll test and if this functionality makes
sense will push an update with this functionality soon.

Thanks for helping prompt an improvement to this functionality.

Jared Smith