Andreas Boehmer [Addictive Media] wrote:
The reason I cannot simply put both icons into <a>
tags is that they have to be separated by more than just space for
accessibility reasons. So this:
<a href="/edit" title="Edit"><img src="edit.png" alt="Edit" /></a>
<a href="/delete" title="Delete"><img src="delete.png" alt="Delete" /></a>
wouldn't work.
Perhaps
(<a href="/edit" title="Edit"><img src="edit.png" alt="Edit" /></a>)
(<a href="/delete" title="Delete"><img src="delete.png" alt="Delete" /></a>)
Alternatively, you could use square ("[","]") or angled ("<",">")
brackets. In all cases, the containing characters, even without spaces,
semantically separate the "edit" and "delete" links from each other, as
well as the main entry.
Another idea is:
<li><dl>
<dt>Entry</dt>
<dd>Edit</dd>
<dd>Delete</dd>
</dl></li>
And styled as:
li dd {
border-width : 0 1px;
border : solid #000;
float : left;
margin-right : 5px;
padding : 0 2px;
}
When style, the borders are your "printable character," and unstyled,
it's the new-line and the indenting.
******************************************************
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
******************************************************
