WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Reading order of details links?

for

From: JP Jamous
Date: Jun 1, 2017 4:08PM


Angela,

This may not be the best idea, but what if you use scope="col" for the information the SR user will have to read. This way, the first row will be the links and the row below it would be considered as a column heading. I am trying to attack this without the use of ARIA.

If you want to use ARIA, then use aria-described by and link it to the text in the TD below the link. Once the link gets focus aria-describedby="tdId" would be read to the user.

-----Original Message-----
From: WebAIM-Forum [mailto: <EMAIL REMOVED> ] On Behalf Of Angela French
Sent: Thursday, June 1, 2017 4:50 PM
To: WebAim Forum ( <EMAIL REMOVED> ) < <EMAIL REMOVED> >
Subject: [WebAIM] Reading order of details links?

Hello,
I am reviewing an old web application for improvements that can be made for accessibility. A frequent piece of functionality in the application is to make a query to the database based on user-selected criteria. The returned results are then displayed in a data table. In a number of cases, the very first column of each row contains a link that reads "details" and provides the user the opportunity to drill down and see more information about the item.

My concern is with having this link in the first column. It seems to me it is asking the screen reader user to decide about something they haven't "seen" yet. It seems they would have to read the data in the row, then back up to select the "view" link.

Another instance we have which is similar to this is a returned row of data where the first column is a checkbox for each row. An action is made to those items which have been selected. Again, the screen reader user is being asked to select something before they know what the "something" is.

Am I getting too in the weeds here, so to speak, or is my concern valid? Other than putting the actionable items in the far right column, which may slowdown keyboard users, is there another UI approach I might take to level the efficiency playing field?

Thank you for your opinion and/or links to examples of solution ideas.




Angela French
Internet/Intranet Specialist
Washington State Board for Community and Technical Colleges
360-704-4316
<EMAIL REMOVED> <mailto: <EMAIL REMOVED> >
www.sbctc.edu<;http://www.sbctc.edu/>;