WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Headings

for

From: Wayne Dick
Date: Dec 21, 2009 2:54PM


The only text I found that did not get a heading
was the "ACCESSIBILITY" section title.

Here is a style sheet I use to see headings. I
can see, it may not help you.

@charset "utf-8" !important;
/* CSS Document */

/* Deconstructive Style Sheet
High Contrast with Deconstruction
Wayne Dick (c) 2007 */

/* Deconstruction Reset Phase ---
To nullify the author's isual bias
set the property values to W3C
defaults */

/* Background Properties */
* {background-attachment: scroll !important;
background-color: transparent !important;
background-image: none !important;
background-position: 0% 0% !important;
background-repeat: repeat !important;}

/* border-properties */
table, inline-table
{ border-collapse: separate !important;
border-spacing: 0 !important;}
* {border-color: transparent !important;
border-style: none !important;
border-width: medium !important;}

/* Bottom starts positions */
* {bottom: auto !important;
left: auto !important;
right: auto !important;
top: auto !important;}

/* Caption style for tables*/
caption
{caption-side: top !important;}

/*clear for float */
address, blockquote, center, dir, div, dl,
fieldset,
form, h1, h2, h3, h4, h5, h6, hr, isindex,
menu, noframe,
noscript, ol, p , pre, table, ul, dd, dt,
frame, li,

tbody, td,
tfoot, th, thead, tr
{clear: none !important;}

/* clip */
* { clip: auto !important;}

/* Color for font */
* { color: #EEEEEE !important; }

/* content */
* { content: normal !important; }

/* cursor */
* { cursor: auto !important;}

/* direction */
* { direction: ltr !important; }

/* Default display */
address, blockquote, center, dir, div, dl,
fieldset, form,
h1, h2, h3, h4, h5, h6, hr, isindex, menu,
noframe,
noscript, ol, p, table, ul, dd, dt, frame
{ display: block !important; }
li , dd { display: list-item !important;}
head { display: none !important;}
table { display: table !important;}
tr { display: table-row !important;}
thead { display: table-header-group
!important;}
tbody { display: table-row-group
!important;}
tfoot { display: table-footer-group
!important;}
col { display: table-column
!important;}
colgroup { display: table-column-group
!important;}
td, th { display: table-cell !important;}
caption { display: table-caption
!important;}

/*empty-cells in tables */
td, th { empty-cells: show !important;}

/*float moves blocks up if they fit */
* { float: none !important;}

/* font-family, size, style, varient, weight - These
accomodations make some genreally useful
setting defaults
for many people with low vision. Always keep in
mind

these
are generallly useful not universally useful. */
* {font-family: Tahoma, Verdana, Arial,
Helvetica,
sans-serif !important;
font-size: 36px !important;
font-style: normal !important;
font-variant: normal !important;
font-weight: 500 !important;}

/* height - override the author's fixed heights */
address, blockquote, center, dir, div, dl,
fieldset, form,
h1, h2, h3, h4, h5, h6, hr, isindex, menu,
noframe,
noscript, ol, p, pre, table, ul, dd, dt,
frame, li, tbody,

td,
tfoot, th, thead, tr { height: auto !important;}

/* 'left' is set above with 'bottom'*/

/* letter-spacing a little small, but better than
normal.*/
* {letter-spacing: 0.03em !important;}

/* line-height' - average effective line spacing
for low

vision. */
* {line-height: 1.3 !important;}

/* list-style-image - this is fairly unimportant
for people
with low vision.*/
li {list-style-image: none !important;}

/* list-style-position - this is standard...It is
visible.*/
li {list-style-position: outside !important;}

/* list-style-type - keep it simple - stay
consistent with

author */
ul>li, dl>li { list-style-type: disc
!important; }
ol>li { list-style-type: decimal !important;}

/* margin parameters - table cells with margin
settings
cause problems
for IE 6 and 7 */
address, body, blockquote, center, dir, div,
dl, fieldset,
form, h1, h2, h3, h4, h5, h6, hr, isindex, menu,
noframe, noscript, ol, p, pre, table, ul, dd, dt,

frame,
frameset, li, tbody, /*td*/ tfoot, /*th*/ thead, tr
{ margin: 0 !important; }

/* max-height , max-width, min-height, min-width
- useful when they work */
address, blockquote, center, dir, div, dl,
fieldset, form,
h1, h2, h3, h4, h5, h6, hr, isindex, menu, noframe,
noscript, ol, p, pre, table, ul, dd, dt, frame, li,

tbody,
td, tfoot, th, thead, tr
{ max-height: none !important;
max-width: none !important;
min-height: 0 !important;
min-width: 0 !important;}

/* orphans */
address, blockquote, center, dir, div, dl,
fieldset, form,
h1, h2, h3, h4, h5, h6, hr, isindex, menu,

noframe,
noscript, ol, p, pre, table, ul, dd, dt, frame, li,

tbody, td,
tfoot, th, thead, tr
{ orphans: 2 !important;}

/* outline-color, styl3, width */
* {outline-color: transparent !important;
outline-style: none !important;
outline-width: thin !important;}

/* overflow */
address, blockquote, center, dir, div, dl,
fieldset, form,
h1, h2, h3, h4, h5, h6, hr, isindex, menu, noframe,
noscript, ol, p, pre, table, ul, dd, dt, frame, li,

tbody,
td, tfoot, th, thead, tr
{ overflow: visible !important;}

/* padding - similar problems like margin with IE */
address, blockquote, body, center, dir, div,
dl, fieldset,
form, h1, h2, h3, h4, h5, h6, hr, isindex, menu,

noframe,
noscript, ol, p, pre, table, ul, dd, dt, frame,

frameset, li,
tbody, td, tfoot, th, thead, tr
{padding: 0 !important;}

/*'page-break-after' and page-break-before,
page-break-

inside*/
address, blockquote, center, dir, div, dl,
fieldset, form,
h1, h2, h3, h4, h5, h6, hr, isindex, menu, noframe,
noscript, ol, p, pre, table, ul, dd, dt, frame, li,

tbody,
td, tfoot, th, thead, tr
{page-break-after: auto !important;
page-break-before: auto !important;
page-break-inside: auto !important;}

/* position */
* {position: static !important;}

/* quotes' */
* {quotes: '"' '"' "'" "'" !important;}

/* right - set with other position parameters at
'bottom' */

/* table-layout' - */
table, inline-table {table-layout: auto
!important;}

/* text-align, text-decoration, text-transform - */
* {text-align: left !important;
text-decoration: none !important;
text-transform: none !important;}

/* text-indent' */
address, blockquote, center, dir, div, dl,
fieldset, form,
h1, h2, h3, h4, h5, h6, hr, isindex, menu, noframe,

noscript,
ol, p, pre, table, ul, dd, dt, frame, li, tbody, td,

tfoot, th,
thead, tr
{ text-indent: 0 !important;}

/* top is defined with other position parameters -
starting

with bottom. */

/*'unicode-bidi' */
* {unicode-bidi: normal !important;}

/*'vertical-align' - within the line height */
a, abbr, acronym, b, bdo, big, br, cite,
code, dfn, em,
font , i, img, input, kbd, label, q, s, sample,

select, small,
span, strike, strong, sub, sup, textarea, tt, u, var
{vertical-align: baseline !important;}

/* visibility */
* {visibility: visible !important;}

/* white-space - space squeezing and word-wrapping*/
address, blockquote, center, dir, div, dl,
fieldset, form,
h1, h2, h3, h4, h5, h6, hr, isindex, menu, noframe,

noscript,
ol, p, pre, table, ul, dd, dt, frame, li, tbody, td,

tfoot, th,
thead, tr {white-space: normal !important;}

/* widows */
address, blockquote, center, dir, div, dl,
fieldset, form,
h1, h2, h3, h4, h5, h6, hr, isindex, menu, noframe,

noscript,
ol, p, pre, table, ul, dd, dt, frame, li, tbody, td,

tfoot, th,
thead, tr { widows: 2 !important;}

/* width - this does work and it is useful */
* {width: auto !important;}

/* word-spacing */
* {word-spacing: 0.035em !important;}

/* z-index */
address, blockquote, center, dir, div, dl,
fieldset, form,
h1, h2, h3, h4, h5, h6, hr, isindex, menu, noframe,

noscript,
ol, p, pre, table, ul, dd, dt, frame, li, tbody, td,

tfoot, th,
thead, tr { z-index: auto !important;}

/*****************************************************
Custom Style Section
******************************************************/


/* Very general preferences */
* {background-color:#000000 !important;
color: ##EEEEEE !important; }

/* Body Dimensions*/
body, frameset
{width 100% !important;
padding: 10px 5% 10px 5px !important; }

/* Normal elements that contain text*/
p, li, ol, ul, dl, dd, dt, span {
/* font */
font-family: tahoma, arial, sans-serif
!important;
font-size: 40px !important;
font-variant: normal !important;
font-weight: 500 !important;
/* Box */
padding-left: 5px !important;
padding-right: 5px !important;
padding-bottom: 3px !important;
padding-top: 2px !important;
margin-left: 5px !important;
margin-right: 5px !important;
margin-bottom: 3px !important;
margin-top: 2px !important;
/* Leading */
line-height: 1.4 !important;
letter-spacing: 0.05em !important;
word-spacing: 0.08em !important;
/* Text Flow */
white-space: normal !important;
}


/* headings */
h1,h2,h3,h4,h5,h6{
margin: 4px 0 6px 0 !important;
padding: 6px 5% 4px 5% !important;
text-align: left !important;
width: 90% !important;
background-color: transparent !important; }

h1, h2, h3, h4, h5, h6, h1 *,h2 *,h3 *,h4 *,h5
*,h6 * {
font-family: verdana, arial, helvetica,
"sans serif "

!important;
font-weight: 800 !important;
line-height: 1.4 !important;
letter-spacing: 0.04em !important;
word-spacing: 0.06em !important;}

h1 {
border-style: solid !important;
border-width: medium !important;
border-color: #BB66FF !important;
font-size: 30px !important;
font-variant: small-caps !important;
color: #BB66FF !important; }

h2 {
border-style: solid !important;
border-width: medium !important;
border-color: #6699FF !important;
font-size: 30px !important;
font-variant: small-caps !important;
font-style: italic !important;
color: #6699FF !important;}

h3 {
border-style:double !important;
border-width: thin !important;
border-color: #cc99ff !important;
font-size: 28px !important;
color: #CC99FF !important; }

h4 {
border-style: solid !important;
border-width: thin !important;
border-color: #66CCCC !important;
font-size: 28px !important;
font-style: italic !important;
color: #66cccc !important; }

h5 {
border-style: solid !important;
border-width: thin !important;
border-color: #CCCC66 !important;
font-size: 26pt !important;
color: #cccc66 !important;}

h6 {
border-style: solid !important;
border-width: thin !important;
border-color: #99CCCC !important;
font-size: 24px !important;
font-style: italic !important;
color: #99cccc !important; }

/* hyperlinks */

a, a * {
font-family: "Courier New", Courier,
monospace !

important;
font-size: 36px !important;
font-weight: 700 !important;
overflow: auto !important;
word-spacing: 0.02em !important;
letter-spacing: 0.01em !important; }

a:link { color:#3399FF !important;}
a:visited { color: #eeAA33 !important; }
a:focus { border-style: solid !important;
border-width: thin !important;
border-color: #770033 !

important;
background-color: #A0B0B0 !

important;
color: #770033 !important;
padding: 2px 3px 2px 3px !

important;
margin: 1px !important;}



h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 a {
color: inherit !important; }
a:hover {color: #33eeff !important;}

/* pre formatting */
pre {
font-family: "Arial Narrow" !important;
font-size: 28px !important;
font-weight: 700 !important;
border-width: medium !important;
border-style: solid !important;
border-color: #CC9966 !important;
width: 97% !important;
padding: 10px !important;
margin: 5px 2px 5px 8px !important;
white-space: pre !important;}

pre * {font-size: inherit !important;}

/* Form Elements */
form, form*, button, input, textarea,
select, option, optgroup
{ font-size: 32px !important;
font-family: "Arial Narrow" !important;
border-style: solid !important; }

input , button {
border-style: solid !important;
border-width: medium !important;
border-color: #FF6633 !important;
width: auto !important;
height: auto !important;
padding: 3px !important;
line-height: normal !important;
vertical-align: bottom !important; }
input img, button img {clip: auto !important;}
input[type="hidden"] {display: none !important; }
input { height: auto px !important;
padding: 3px !important;}
form, fieldset {
width: 95% !important;
border-style: solid !important;
border-color: #22BB88 !important;
border-width: medium !important;
}
textarea {
width: 50% !important;
border-style: double !important;
border-color: #006666 !important;
border-width: medium !important;}

ul, ol, dl
{
border-left-style: solid !important;
border-left-color: rgb(128, 128, 255)
!important;
border-left-width: thin !important;
padding-left: 48px !important;
width: 95% !important;
}

ul, dl {
list-style-type: none !important;
list-style-image: none !important;}

dt {
border-style: solid !important;
border-color: rgb(128, 255, 128) !important;
border-width: medium !important;
border-collapse: separate !important;
margin: 5px !important;
padding: 5px !important;
}

dd {
width: 90% !important;
margin: 2.5% !important;
padding: 5px !important;
border-color: rgb(64, 128, 64) !important;
border-style: solid !important;
border-width: thin !important;
border-collapse: separate !important; }

li {
border-top-style: solid !important;
border-top-color: #CC9999 !important;
border-top-width: thin !important;
display: list-item !important;
width:90% !important;
margin-left: 40px !important;
margin-top: 8px !important;
vertical-align: text-top !important; }

ul > li {
list-style-image: none !important;
list-style-type: none !important;}

p {
width: 100% !important;
margin-top: 10px !important;
padding: 8px !important;
border-style: solid !important;
border-color: rgb(176, 124, 88) !important;
border-width: thin !important; }

table {
border-style: solid !important;
border-color: rgb(96, 120, 176) !important;
border-width:thin !important;
width: 100% !important;
padding: 5px !important; }

td, th {
border-style: solid !important;
border-color: rgb(196, 140, 110) !important;
border-width: thin !important;
width: auto !important;
padding: 5px !important;}

th{ font-weight: bold !important;
text-align: center }

div {
width: 95% !important;
padding: 5px 5% 5px 2.5% !important;}

div div {
width: 100% !important;
padding: 5px !important;
}

font {
font-family: "Arial Narrow" !important;
font-weight: 600 !important;
font-size: 32px !important;
}

center { width:100% !important;
text-align: left !important;}

img {width: auto !important;
padding: 0 !important;}

strong, sample { font-weight: 700 !important; }

emphasis, cite, variable, sample { font-style:
italic !

important;}

code, teletype, keyboard, variable {
font-family: "Courier New", Courier, monospace
!important;
font-weight: 900 !important;
}

tt , i , b , big , small, em , strong , dfn ,
code , samp,

kbd, var, cite, abbr, acronym, sub, sup, span, bdo {
color: inherit !important;
font-size: inherit !important;
background-color: inherit !important;
}


body > * p{ border-style: none !important;}