WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Headings

for

From: Geof Collis
Date: Dec 21, 2009 3:15PM

Hi Wayne

What accessibility section doesn't have a heading?


What is the purpose of your style sheet?

cheers

Geof


At 04:54 PM 12/21/2009, you wrote:
>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;}
>