Question about (and possible mistake in) Accessibility stylesheet

[RonnyK]

Daniel,

isn't that done by using the:

Code: Select all

<hr class="accessibility" />

The template calls:

Code: Select all

/* as we hid all hr for accessibility we create new hr with extra div element */
div.hr {
   height: 1px;
   margin: 1em;
   border-bottom: 1px dotted black;
}

So, I would expect the default "hr" to be "hidden" on purpose.

Ronny

[tsw]

hr is used a lot in default templates to "cut" the flow of the page. the reason for using hr is that text based clients show it well and understand it better than ( or something similar). Also screenreaders understand it well.

and for that reason was added to have similar effect for graphical browsers.

but as always, you can edit the templates and css as you wish...

[streever]

Hi Daniel,

I personally use it as "hr class="accessibility" and my own hr's seperately, as divs, though I'd rather use real hr.

It's rough because I'd like to use the HR tag, but most designers are not happy with it's output.... so I usually have to create divs, and just name them well, so they are clearly used as page dividers.

In all honesty, HR doesn't carry any meaning for me natively, it's only my knowledge as a web developer that gives it meaning. I know it stands for horizontal rule, but seriously, abbreviations are not semantically very solid. That's why I don't think it's too bad to use a div and name it class="horizontalRule"