W3C home > Mailing lists > Public > w3c-wai-ig@w3.org > July to September 2012

Re: Word Wrap problem with AFB Access World

From: Patrick H. Lauke <redux@splintered.co.uk>
Date: Tue, 21 Aug 2012 02:02:08 +0100
Message-Id: <273C1670-ED41-4A40-86EA-2FB7B7C2D5B7@splintered.co.uk>
To: W3C WAI ig <w3c-wai-ig@w3.org>
and you're sending this to a list of 1000s of worldwide subscribers with an interest in accessibility because...?

this list isn't a self-help group...

how about contacting the AFB instead and getting them to change the problem at the source?

mr grumpypants
--
Patrick H. Lauke


On 21 Aug 2012, at 01:46, Wayne Dick <wayneedick@gmail.com> wrote:

> AFB uses a table layout for its Access World Newsletter.  This one has lots of TD-elements in a header with the article columns below.  When you enlarge text-only the small TD-elements on top get long and blow the article off the right.  This is also true for the "print-friendly" format.
> 
> You can use the style sheet below to get a decent word wrap.  It ain't perfect.  I would not apply it until  I have the article I want loaded and in print-friendly mode.  The layout table structure is much more manageable in print-friendly mode.  
> I made a few adjustments for readability.  The main was to set a max-width limit on TD-elements of 900px.  Now don't get all worried about usng % instead of px.  Accommodation tools use fixed measures, accessible content uses relative measures.
> 
> To use this, I recommend Safari.  Alternative style sheets are easiest to manage on Safari.  Just go to preferences > advanced > style sheet and choose the code below.  Now, the resulting page will be hard to navigate.  It will be a table that is blown all out of shape... BUT the article you want to read is in one column that will fit on a screen horizontally. If you need help call or email me Wayne Dick, 562-256-4458.  Please watch time zones.  I'm late to rise and early to bet.
> 
> 
> /* Default preferences */
> html   {background-color: #FFFAF5 !important; 
>         color:  #000000 !important; 
>         font-size: 36px!important;
>         line-height: 1.3 !important;
>         width: 1180px !important;
> }
> html  * {background-color: inherit !important;
>         color: inherit !important;
>         font-size: 1em !important;
>         line-height: inherit!important;
>         position: static !important;
> }
> h1, h2, h3, h4, h5, h6 {
>     font-family: "Comic Sans MS" !important;
>     font-size: 0.95em !important;
> }
> a:link {color: #103075 !important;}
> a:visited {color: #046D39 !important;}
> a:hover {color: #0000FF !important;}
> a:active {color: #444444 !important;
> }
> td {max-width: 900px !important;
>     padding: 40px !important;
>     border-style: solid !important;
>     border-width: thin !important;
>     border-color: #888680}
> 
> Cheers,
> 
> Wayne
Received on Tuesday, 21 August 2012 01:03:57 UTC

This archive was generated by hypermail 2.3.1 : Wednesday, 5 February 2014 07:13:30 UTC