WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: revisiting links to document downloads

for

From: YOUNGV5
Date: Jun 16, 2011 3:27PM

Angela,

This is just a crude example so please treat it as such. Among other
things, you could probably throw in some ARIA here and there and use
relative units, but I'm sure you get the gist below:

- No tables, instead semantic mark-up and CSS
- Image has PDF alt text
- Image used for high-contrast mode
- Text and therefore image link to PDF (image is within link)
- Link has PDF title text

http://www.webhipster.com/testing/accessibility/accessible-pdf-link.html

Maybe use this technique on the other tables?

Hope this helps.

Best,
Vinnie

Vincent Young
User Experience, Web Accessibility Specialist
Nationwide Corporate Marketing
Nationwide®
o | 614·677·5094
c | 614·607·3400
e | <EMAIL REMOVED>




From:
Angela French < <EMAIL REMOVED> >
To:
'WebAIM Discussion List' < <EMAIL REMOVED> >
Date:
06/16/2011 04:09 PM
Subject:
Re: [WebAIM] revisiting links to document downloads
Sent by:
<EMAIL REMOVED>



Anything is on the table. Right now I'm experimenting with CSS attribute
selectors to make the document icon come in dependent upon the file
extension like this:

a[href$=".pdf"]:after
{
content: url(/imgs/layout/icon_pdf.gif);
}

but IE 7 doesn't support.