WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Fwd: Table captions using span and css classwb-invisible from the template

for

From: Angela French
Date: Feb 8, 2013 12:02PM


Must have been a gremlin in the server that moment.

>-----Original Message-----
>From: <EMAIL REMOVED> [mailto:webaim-forum-
> <EMAIL REMOVED> ] On Behalf Of Detlev Fischer
>Sent: Friday, February 08, 2013 11:04 AM
>To: WebAIM Discussion List
>Subject: Re: [WebAIM] Fwd: Table captions using span and css class wb-
>invisible from the template
>
>If the aim is to hide the caption for sighted users, you might consider using the
>table summary attribute instead: http://www.w3.org/TR/WCAG20-
>TECHS/H73.html
>Not sure how widely supported summary is, however - the WCAG Technique
>at least does not mention limited support.
>Cheers, Detlev
>
>On 8 Feb 2013, at 19:21, David Farough wrote:
>
>> Could anyone please provide answers to the following question?
>>
>> David Farough
>> Application Accessibility Coordinator/coordonateur de l'accessibilité
>> Information Technology Services Directorate / Direction des services
>> d'information technologiques Public Service Commission / Commission de
>> la fonction publique Email / Courriel: <EMAIL REMOVED>
>> Tel. / Tél: (613) 992-2779
>>
>>>>> < <EMAIL REMOVED> > 08:23 AM Friday, February 08, 2013
>>>>>
>> I am hoping you folks might be able to offer some guidance on this
>> issue. Is there a reason that a table caption would not be read if it
>> is within the span class? See the code below for an example. Currently
>> a saved local versions using this example with the css style
>> wb-invisible (which uses overflow:hidden in place of display:none)
>> works, but live or staging versions navigate to the span but do not read the
>content.
>>
>> The table caption is encoded like this:
>>
>> <table>
>> <caption>
>> <span class="wb-invisible">Monthly gross domestic product by
>> industry at basic prices in chained (2002) dollars &#8211; Seasonally
>> adjusted</span>
>> </caption>
>>
>> CSS:
>>
>> .wb-invisible, {
>> clip: rect(1px, 1px, 1px, 1px);
>> height: 1px !important;
>> margin: 0 !important;
>> overflow: hidden !important;
>> position: absolute;
>> width: 1px !important;
>>
>> Thanks,
>>
>> Juli Rowsell
>> Web Accessibility Officer
>> Centre of Expertise on Accessibility
>> Statistics Canada
>> 100 Tunney's Pasture Driveway, Ottawa ON K1A 0T6 Government of Canada
>> <EMAIL REMOVED> <mailto: <EMAIL REMOVED> >
>> Telephone 613-951-9831
>>
>> Agente d'accessibilité au web
>> Centre d'expertise en accessibilité
>> Statistique Canada
>> 100, promenade Tunney's Pasture, Ottawa ON K1A 0T6 Gouvernement du
>> Canada
>> <EMAIL REMOVED> <mailto: <EMAIL REMOVED> >
>> Téléphone 613-951-9831
>>
>>
>>
>>
>>>
>> This e-mail message is intended for the named recipient(s) and may
>> contain information that is privileged, confidential and/or exempt
>> from disclosure under applicable law. Unauthorized disclosure, copying
>> or re-transmission is prohibited. If you are not a named recipient or
>> not authorized by the named recipient(s), or if you have received this
>> e-mail in error, then please notify the sender immediately and delete
>> the message and any copies.
>>>
>> Ce courriel est destiné exclusivement au destinataire mentionné en
>> titre et peut contenir de l'information privilégiée, confidentielle ou
>> soustraite à la communication aux termes des lois applicables. Toute
>> divulgation non autorisée, toute reproduction ou réacheminement est
>> interdit. Si vous n'êtes pas le destinataire de ce courriel, ou n'êtes
>> pas autorisé par le destinataire visé, ou encore, si vous l'avez reçu
>> par erreur, veuillez le mentionner immédiatement à l'expéditeur et
>> supprimer le courriel et les copies.
>>
>> >> >> list messages to <EMAIL REMOVED>
>
>--
>Detlev Fischer
>testkreis - das Accessibility-Team von feld.wald.wiese c/o feld.wald.wiese
>Thedestraße 2
>22767 Hamburg
>
>Tel +49 (0)40 439 10 68-3
>Mobil +49 (0)1577 170 73 84
>Fax +49 (0)40 439 10 68-5
>
>http://www.testkreis.de
>Beratung, Tests und Schulungen für barrierefreie Websites
>
>
>
>
>>>messages to <EMAIL REMOVED>