WebAIM - Web Accessibility In Mind

E-mail List Archives

Thread: Options for redoing this table

for

Number of posts in this thread: 6 (In chronological order)

From: Angela French
Date: Tue, Oct 06 2015 10:47AM
Subject: Options for redoing this table
No previous message | Next message →

Hello,
Once again I would be grateful to any who can take a look at a page we are trying to make better and suggest any ideas. This page is on our current site and we are migrating content to a newly designed site. The issue is the table with links to college websites in one column and links to a document (designated just by a PDF icon) in the other icon. There's got to be another way. The goal is to not have a redundant title for the link (Annual Status Report 2013-2014). We'd really like to get it out of the table format altogether.

http://sbctc.edu/college/e_washingtonstatequalityawardstandards.aspx

Thank you ,

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

From: Priti Rohra
Date: Tue, Oct 06 2015 12:44PM
Subject: Re: Options for redoing this table
← Previous message | Next message →

Hi Angela

I don't see a problem in usinng table to present the data in question
here. In fact, table is a good option looking at the data.
To avoid the redundant title issue, you can opt for adding descriptive
link for the PDF image link using the aria-label. For example, you can
specify aria-label as "Bates Technical college Annual Status Report
20.... (PDF) and even maintain the presentation of the page.

In addition, its a good practice to include file size information to
help users decide if they wish to access/download the file. The file
size information should be available to all users and not only
Assistive technology users.

Regards
Priti



On 10/6/15, Angela French < = EMAIL ADDRESS REMOVED = > wrote:
> Hello,
> Once again I would be grateful to any who can take a look at a page we are
> trying to make better and suggest any ideas. This page is on our current
> site and we are migrating content to a newly designed site. The issue is
> the table with links to college websites in one column and links to a
> document (designated just by a PDF icon) in the other icon. There's got to
> be another way. The goal is to not have a redundant title for the link
> (Annual Status Report 2013-2014). We'd really like to get it out of the
> table format altogether.
>
> http://sbctc.edu/college/e_washingtonstatequalityawardstandards.aspx
>
> Thank you ,
>
> Angela French
> Internet Specialist
> Washington State Board for Community and Technical Colleges
> 360-704-4316
> = EMAIL ADDRESS REMOVED = <mailto: = EMAIL ADDRESS REMOVED = >
> www.checkoutacollege.com<;http://www.checkoutacollege.com/>;
> www.sbctc.edu<;http://www.sbctc.edu/>;
>
> > > > >

From: Angela French
Date: Tue, Oct 06 2015 12:53PM
Subject: Re: Options for redoing this table
← Previous message | Next message →

Ideally, I would be looking for a solution that our CMS supports rather than having to hand code the page with aria. I would happily entertain other ideas.

Angela

-----Original Message-----
From: WebAIM-Forum [mailto: = EMAIL ADDRESS REMOVED = ] On Behalf Of Priti Rohra
Sent: Tuesday, October 06, 2015 11:44 AM
To: WebAIM Discussion List
Subject: Re: [WebAIM] Options for redoing this table

Hi Angela

I don't see a problem in usinng table to present the data in question here. In fact, table is a good option looking at the data.
To avoid the redundant title issue, you can opt for adding descriptive link for the PDF image link using the aria-label. For example, you can specify aria-label as "Bates Technical college Annual Status Report 20.... (PDF) and even maintain the presentation of the page.

In addition, its a good practice to include file size information to help users decide if they wish to access/download the file. The file size information should be available to all users and not only Assistive technology users.

Regards
Priti



On 10/6/15, Angela French < = EMAIL ADDRESS REMOVED = > wrote:
> Hello,
> Once again I would be grateful to any who can take a look at a page we
> are trying to make better and suggest any ideas. This page is on our
> current site and we are migrating content to a newly designed site.
> The issue is the table with links to college websites in one column
> and links to a document (designated just by a PDF icon) in the other
> icon. There's got to be another way. The goal is to not have a
> redundant title for the link (Annual Status Report 2013-2014). We'd
> really like to get it out of the table format altogether.
>
> http://sbctc.edu/college/e_washingtonstatequalityawardstandards.aspx
>
> Thank you ,
>
> Angela French
> Internet Specialist
> Washington State Board for Community and Technical Colleges
> 360-704-4316
> = EMAIL ADDRESS REMOVED = <mailto: = EMAIL ADDRESS REMOVED = >
> www.checkoutacollege.com<;http://www.checkoutacollege.com/>;
> www.sbctc.edu<;http://www.sbctc.edu/>;
>
> > > archives at http://webaim.org/discussion/archives
> >

From: Graham Armfield
Date: Thu, Oct 08 2015 2:30AM
Subject: Re: Options for redoing this table
← Previous message | Next message →

Perhaps I've misunderstood the question but would it not be possible to
load the alt attribute for each pdf link with the college that it refers to?

Eg:
<a href="education/cascadia_wsqa1314.pdf
<http://sbctc.edu/college/education/cascadia_wsqa1314.pdf>;"><img src="
../imgs/layout/icon_pdf.gif
<http://sbctc.edu/imgs/layout/icon_pdf.gif>;" alt="Cascadia
College Annual Status Report pdf" width="16" height="16" border="0"></a>

Does your CMS support that?


Regards
Graham Armfield



coolfields.co.uk <http://www.coolfields.co.uk/>;
M:07905 590026
T: 01483 856613
@coolfields <https://twitter.com/coolfields>

On Tue, Oct 6, 2015 at 7:53 PM, Angela French < = EMAIL ADDRESS REMOVED = > wrote:

> Ideally, I would be looking for a solution that our CMS supports rather
> than having to hand code the page with aria. I would happily entertain
> other ideas.
>
> Angela
>
> -----Original Message-----
> From: WebAIM-Forum [mailto: = EMAIL ADDRESS REMOVED = ] On
> Behalf Of Priti Rohra
> Sent: Tuesday, October 06, 2015 11:44 AM
> To: WebAIM Discussion List
> Subject: Re: [WebAIM] Options for redoing this table
>
> Hi Angela
>
> I don't see a problem in usinng table to present the data in question
> here. In fact, table is a good option looking at the data.
> To avoid the redundant title issue, you can opt for adding descriptive
> link for the PDF image link using the aria-label. For example, you can
> specify aria-label as "Bates Technical college Annual Status Report 20....
> (PDF) and even maintain the presentation of the page.
>
> In addition, its a good practice to include file size information to help
> users decide if they wish to access/download the file. The file size
> information should be available to all users and not only Assistive
> technology users.
>
> Regards
> Priti
>
>
>
> On 10/6/15, Angela French < = EMAIL ADDRESS REMOVED = > wrote:
> > Hello,
> > Once again I would be grateful to any who can take a look at a page we
> > are trying to make better and suggest any ideas. This page is on our
> > current site and we are migrating content to a newly designed site.
> > The issue is the table with links to college websites in one column
> > and links to a document (designated just by a PDF icon) in the other
> > icon. There's got to be another way. The goal is to not have a
> > redundant title for the link (Annual Status Report 2013-2014). We'd
> > really like to get it out of the table format altogether.
> >
> > http://sbctc.edu/college/e_washingtonstatequalityawardstandards.aspx
> >
> > Thank you ,
> >
> > Angela French
> > Internet Specialist
> > Washington State Board for Community and Technical Colleges
> > 360-704-4316
> > = EMAIL ADDRESS REMOVED = <mailto: = EMAIL ADDRESS REMOVED = >
> > www.checkoutacollege.com<;http://www.checkoutacollege.com/>;
> > www.sbctc.edu<;http://www.sbctc.edu/>;
> >
> > > > > > archives at http://webaim.org/discussion/archives
> > > >
> > > at http://webaim.org/discussion/archives
> > > > > >

From: Angela French
Date: Thu, Oct 08 2015 9:08AM
Subject: Re: Options for redoing this table
← Previous message | Next message →

Yes, that is supported.

-----Original Message-----
From: WebAIM-Forum [mailto: = EMAIL ADDRESS REMOVED = ] On Behalf Of Graham Armfield
Sent: Thursday, October 08, 2015 1:31 AM
To: WebAIM Discussion List
Subject: Re: [WebAIM] Options for redoing this table

Perhaps I've misunderstood the question but would it not be possible to load the alt attribute for each pdf link with the college that it refers to?

Eg:
<a href="education/cascadia_wsqa1314.pdf
<http://sbctc.edu/college/education/cascadia_wsqa1314.pdf>;"><img src="
../imgs/layout/icon_pdf.gif
<http://sbctc.edu/imgs/layout/icon_pdf.gif>;" alt="Cascadia College Annual Status Report pdf" width="16" height="16" border="0"></a>

Does your CMS support that?


Regards
Graham Armfield



coolfields.co.uk <http://www.coolfields.co.uk/>;
M:07905 590026
T: 01483 856613
@coolfields <https://twitter.com/coolfields>

On Tue, Oct 6, 2015 at 7:53 PM, Angela French < = EMAIL ADDRESS REMOVED = > wrote:

> Ideally, I would be looking for a solution that our CMS supports
> rather than having to hand code the page with aria. I would happily
> entertain other ideas.
>
> Angela
>
> -----Original Message-----
> From: WebAIM-Forum [mailto: = EMAIL ADDRESS REMOVED = ] On
> Behalf Of Priti Rohra
> Sent: Tuesday, October 06, 2015 11:44 AM
> To: WebAIM Discussion List
> Subject: Re: [WebAIM] Options for redoing this table
>
> Hi Angela
>
> I don't see a problem in usinng table to present the data in question
> here. In fact, table is a good option looking at the data.
> To avoid the redundant title issue, you can opt for adding descriptive
> link for the PDF image link using the aria-label. For example, you can
> specify aria-label as "Bates Technical college Annual Status Report 20....
> (PDF) and even maintain the presentation of the page.
>
> In addition, its a good practice to include file size information to
> help users decide if they wish to access/download the file. The file
> size information should be available to all users and not only
> Assistive technology users.
>
> Regards
> Priti
>
>
>
> On 10/6/15, Angela French < = EMAIL ADDRESS REMOVED = > wrote:
> > Hello,
> > Once again I would be grateful to any who can take a look at a page
> > we are trying to make better and suggest any ideas. This page is on
> > our current site and we are migrating content to a newly designed site.
> > The issue is the table with links to college websites in one column
> > and links to a document (designated just by a PDF icon) in the other
> > icon. There's got to be another way. The goal is to not have a
> > redundant title for the link (Annual Status Report 2013-2014). We'd
> > really like to get it out of the table format altogether.
> >
> > http://sbctc.edu/college/e_washingtonstatequalityawardstandards.aspx
> >
> > Thank you ,
> >
> > Angela French
> > Internet Specialist
> > Washington State Board for Community and Technical Colleges
> > 360-704-4316
> > = EMAIL ADDRESS REMOVED = <mailto: = EMAIL ADDRESS REMOVED = >
> > www.checkoutacollege.com<;http://www.checkoutacollege.com/>;
> > www.sbctc.edu<;http://www.sbctc.edu/>;
> >
> > > > > > archives at http://webaim.org/discussion/archives
> > > >
> > > archives at http://webaim.org/discussion/archives
> > > > archives at http://webaim.org/discussion/archives
> >

From: Angela French
Date: Thu, Oct 08 2015 2:23PM
Subject: Re: Options for redoing this table
← Previous message | No next message

Actually we have moved away from using the PDF icons on the new site. Rather, we are using the CSS :after to append the file name extension to the end of the link. I guess my only option is to make the full link and it will just be someone redundant.

-----Original Message-----
From: WebAIM-Forum [mailto: = EMAIL ADDRESS REMOVED = ] On Behalf Of Graham Armfield
Sent: Thursday, October 08, 2015 1:31 AM
To: WebAIM Discussion List
Subject: Re: [WebAIM] Options for redoing this table

Perhaps I've misunderstood the question but would it not be possible to load the alt attribute for each pdf link with the college that it refers to?

Eg:
<a href="education/cascadia_wsqa1314.pdf
<http://sbctc.edu/college/education/cascadia_wsqa1314.pdf>;"><img src="
../imgs/layout/icon_pdf.gif
<http://sbctc.edu/imgs/layout/icon_pdf.gif>;" alt="Cascadia College Annual Status Report pdf" width="16" height="16" border="0"></a>

Does your CMS support that?


Regards
Graham Armfield



coolfields.co.uk <http://www.coolfields.co.uk/>;
M:07905 590026
T: 01483 856613
@coolfields <https://twitter.com/coolfields>

On Tue, Oct 6, 2015 at 7:53 PM, Angela French < = EMAIL ADDRESS REMOVED = > wrote:

> Ideally, I would be looking for a solution that our CMS supports
> rather than having to hand code the page with aria. I would happily
> entertain other ideas.
>
> Angela
>
> -----Original Message-----
> From: WebAIM-Forum [mailto: = EMAIL ADDRESS REMOVED = ] On
> Behalf Of Priti Rohra
> Sent: Tuesday, October 06, 2015 11:44 AM
> To: WebAIM Discussion List
> Subject: Re: [WebAIM] Options for redoing this table
>
> Hi Angela
>
> I don't see a problem in usinng table to present the data in question
> here. In fact, table is a good option looking at the data.
> To avoid the redundant title issue, you can opt for adding descriptive
> link for the PDF image link using the aria-label. For example, you can
> specify aria-label as "Bates Technical college Annual Status Report 20....
> (PDF) and even maintain the presentation of the page.
>
> In addition, its a good practice to include file size information to
> help users decide if they wish to access/download the file. The file
> size information should be available to all users and not only
> Assistive technology users.
>
> Regards
> Priti
>
>
>
> On 10/6/15, Angela French < = EMAIL ADDRESS REMOVED = > wrote:
> > Hello,
> > Once again I would be grateful to any who can take a look at a page
> > we are trying to make better and suggest any ideas. This page is on
> > our current site and we are migrating content to a newly designed site.
> > The issue is the table with links to college websites in one column
> > and links to a document (designated just by a PDF icon) in the other
> > icon. There's got to be another way. The goal is to not have a
> > redundant title for the link (Annual Status Report 2013-2014). We'd
> > really like to get it out of the table format altogether.
> >
> > http://sbctc.edu/college/e_washingtonstatequalityawardstandards.aspx
> >
> > Thank you ,
> >
> > Angela French
> > Internet Specialist
> > Washington State Board for Community and Technical Colleges
> > 360-704-4316
> > = EMAIL ADDRESS REMOVED = <mailto: = EMAIL ADDRESS REMOVED = >
> > www.checkoutacollege.com<;http://www.checkoutacollege.com/>;
> > www.sbctc.edu<;http://www.sbctc.edu/>;
> >
> > > > > > archives at http://webaim.org/discussion/archives
> > > >
> > > archives at http://webaim.org/discussion/archives
> > > > archives at http://webaim.org/discussion/archives
> >