WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Edit/Delete admin area

for

From: Kevin.CTR.Spruill@faa.gov
Date: Mar 17, 2005 11:19AM



>From: <EMAIL REMOVED>
>Just working on a simple admin area where users can edit or delete
questions:
>
><code>
>
> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
<p>Question 1</p><a href=#">Edit</a><a
href="#">Delete</a>
>
> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
<p>Question 2</p><a href=#">Edit</a><a
href="#">Delete</a>
>
></code>
>
>How can I make this more accessible like the way label tags are used
>inside forms?
>
>Ben

Ben,

Not sure if I'm tracking your question 100% so forgive
me if I'm going in the wrong direction. I'd add title tags to the links
and paragraphs to mimic the implicit/explicit association of the label
tag for forms elements. Also I'd most likely place my edit/delete links
within the paragraph of containing the question. Something along the lines
of:

<p name="Question 1" title="Question
1, you may edit or delete this question with the links below">Question
1<br>
&nbsp; &nbsp; &nbsp; &nbsp; <a href="#"
title="edit Question 1">Edit</a> <a href="#"
title="delete Question 1">Delete</a>
</p>
<p name="Question 2" title="Question
2, you may edit or delete this question with the links below">Question
2<br>
&nbsp; &nbsp; &nbsp; &nbsp; <a href="#"
title="edit Question 2">Edit</a> <a href="#"
title="delete Question 2">Delete</a>
</p>

or better still use ordered or unordered lists to
organize and explicitly associate the links and questions:

<ol>
&nbsp; &nbsp; &nbsp; &nbsp; <li title="Question
1, you may edit or delete this question with the edit/delete links">Question
1
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <a href="#"
title="edit Question 1">Edit</a> <a href="#"
title="delete Question 1">Delete</a>
&nbsp; &nbsp; &nbsp; &nbsp; </li>
&nbsp; &nbsp; &nbsp; &nbsp; <li title="Question
2, you may edit or delete this question with the edit/delete links">Question
2
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <a href="#"
title="edit Question 2">Edit</a> <a href="#"
title="delete Question 2">Delete</a>
&nbsp; &nbsp; &nbsp; &nbsp; </li>
</ol>


Kevin
___________________________________________
Kevin H. Spruill AWA/CNTR/FAA
FAA Section 508 Technical Support
202.385.8059