WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Minimum size for links with images/hotspots focusable events

for

From: Vincent Young
Date: Oct 13, 2011 8:30PM

> Of interest may be this demo by Derek Featherstone of a button that
> increases in size if you click near it -
> http://examples.furtherahead.com/growing-button-simple/<;http://examples.furtherahead.com/growing-button-simple/>;

Very cool example and interesting topic. Nancy, if images are a must, below
are some requirements you may consider:

1. Make sure the images are not too small. As Jered said, if you have
doubts, they probably are.
2. Try to make the image meaning as clear as possible.
3. The image should have descriptive alt and title text.
4. The image should not pixelate when you zoom (ensure the image is slightly
bigger than it needs to be. If you are worried about increased file size,
you may need to get creative.)
5. Ensure there is a focus indicator and title text shows when focused.
6. Make sure the image (or equivalent) is visible in high-contrast mode.

Example:
http://www.webhipster.com/testing/accessibility/image-link/index.html

(very simple example, you'd want to do your own testing/implementation)


On Thu, Oct 13, 2011 at 3:10 PM, Jared Smith < <EMAIL REMOVED> > wrote:

> On Thu, Oct 13, 2011 at 11:04 AM, Nancy Johnson < <EMAIL REMOVED> >
> wrote:
>
> > Does anyone know appropriate sizing for links with images.
>
> This isn't something that is addressed by WCAG 2.0, mostly because
> small clickable elements are difficult for everyone, though especially
> for those with limited motor control. I think common sense can
> generally indicate if something is too small - if it seems to small,
> it probably is.
>
> Of interest may be this demo by Derek Featherstone of a button that
> increases in size if you click near it -
> http://examples.furtherahead.com/growing-button-simple/
>
> Jared
>