WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Regarding images lacking alts

for

From: Nancy Johnson
Date: Dec 5, 2012 5:39AM

More and more content is handled by Content Management Systems (CMS).
The content person, someone who does not know html or js, chooses and
uploads photos through a Admin Panel and either unaware of alts or the
CMS framework doesn't allow for Alt

In Wordpress admin panel, the title field is required but not the alt
tag field.

The best thing Wordpress could do is to combine alt and Title fields
into one required "description" field and then have the html spit out
both the title= and the alt=.

Solves the problem of 508, and the word 'description' more accurately
describes what an alt really tag is and the user is happy when they
can see their description when they mouse over the image..

Vignette or Opentext, seems to allow the alt tag to be dynamically
populated by the file name of the image.

Unfortunately, Web development community at large is woefully ignorant
of issues of accessibility.

Nancy

Nancy

Nancy

On Wed, Dec 5, 2012 at 3:59 AM, Jukka K. Korpela < <EMAIL REMOVED> > wrote:
> 2012-12-05 1:36, Bryan Garaventa wrote:
>
>> It's an easy script to run when building pages to verify that alts aren't
>> accidentally missing, which causes inconsistent announcement in screen
>> readers like JAWS.
>
> It's easier to use a markup validator like http://validator.w3.org which
> reports missing alt attributes (for both <img> and <area> elements) by
> HTML source line number *and* catches other syntax errors as well. You
> can also use a validator plug-in in a browser.
>
> To check that alt attributes really make sense (quite often, they
> don't), you can use e.g. Firefox Web Developer Extension, command Images
> > Disable images, which means that all <img> elements are replaced by
> their alt attributes. (This can be used in conjunction with highlighting
> missing alt attributes, as I mentioned in a previous comment; this helps
> to see the problem cases in their context.)
>
> Yucca
>
> > >