[WSG] Web and Online Accessibility Workshop - Sydney 18th August
The National Information and Library Service (NILS) is running a "Web and Online Accessibility Workshop" in Sydney on 18 August 2004. These workshops introduce accessibility issues in terms of Australian policy contexts and internationally recognised requirements. (NILS is a subsidiary of Vision Australia Foundation, Royal Blind Society of NSW and the Royal Victorian Institute for the Blind). Details and registration forms are at: http://www.visionaustralia.org.au/webaccessibility/workshops/0408-sydney.htm l This full-day workshop is targeted at web-development team leaders, corporate communications professionals, business managers, along with content authors, web programmers, designers and web contract managers. with regards Steven Faulkner Web Accessibility Consultant National Information & Library Service (NILS) 454 Glenferrie Road Kooyong Victoria 3144 Phone: (613) 9864 9281 Fax: (613) 9864 9210 Email: [EMAIL PROTECTED] National Information Library Service A subsidiary of RBS.RVIB.VAF Ltd. ** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
[WSG] RE: Image replacement techniques for linked elements
Title: Re: [WSG] sitecheck on Mac (Safari, IE5) and Win (IE 5/5.5) please? >> Scott wrote: Has anyone had any luck with an image replacement techniques that leaves the link available? Hi Scott, We use a variant of image replacement for the section headings on the homepage of www.smh.com.au ie: the section headings in the main centre column start about 800px down the page - "WORLD", "NATIONAL", "SPORT" etc in the blue font - all caps. these are still linked. the actual (non graphic) heading is just using the technique [1] of making the font size 1px and white (so its not visible on a white page) leaving the background image visible. the link that contains the heading is given a width & height and display:block like your example so that the link "hotspot" is forced to stay big enough and cover the desired area. That has worked for us pretty well. Haven't had any complaints about weird display or anything the css is all inline on the homepage so its easy to "take a look under the hood" :) I dont mind it. With css disabled the heading is just a linked heading. I should say I'm not a fan of image replacement techniques in general but in this case for us we had the need to use a graphical heading font (to match the offline product) and didn't want to bloat the page with lots of images. (we used sprites and loaded what we could into sprites [2]) cheers, pete [1] http://www.maxdesign.com.au/presentation/headings-as-images/index.cfm#option4 [2] http://www.alistapart.com/articles/sprites/ Peter OtteryHead of DesignFairfax Digital Level 3 Wharf 7 Pirrama Road Pyrmont NSW 2009T: 02 8596 4450 F: 02 8596 4466 M: 0403 192 858E: [EMAIL PROTECTED]www.fairfaxdigital.com.au
Re: [WSG] guide to CSS inheritance
Inheritance gets a bit trickier when you start talking about font-sizes, as they inherit the 'computed value'. A detailed explanation here (under font size and inheritance): http://css.maxdesign.com.au/selectutorial/advanced_inheritance.htm More on computed values: http://www.w3.org/TR/REC-CSS2/cascade.html#computed-value There is also a chart here that shows each property and how it is inherited: http://www.w3.org/TR/REC-CSS2/propidx.html Westciv also has a good explanation on inheritance here: http://westciv.com/style_master/academy/css_tutorial/advanced/cascade_inheri tance.html Russ > Neerav, > >> Does anyone know of a definitive guide to CSS inheritance, hopefully >> including which tags inherit properties from other tags eg: >> inherits from > > its an interaction of HTML and CSS. > > Some properties in CSS are inherited, others are not. > > See the spec, or westciv's guide as to whether a specific property is > inherited. > > Why are some not inherited? Imagine for a moment that margin was > inherited. > > Say body had a 1em margin. Then all the children of the body would have > a 1em margin, all the children of those children, and "so on ad > infinitum". > > You can however, specify that a property be inherited in CSS, for any > CSS property (if memory series me correctly, but there may be a small > number of exceptions to that) > > As far as I am aware, the children of an element inherit all its > inheritable properties. The proviso would be that where a property is > restricted to say only block level elements, then its inline children > would not inherit such properties. > > This bit is just unchecked conjecture. > > HTH, > > john ** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
Re: [WSG] guide to CSS inheritance
Neerav, Does anyone know of a definitive guide to CSS inheritance, hopefully including which tags inherit properties from other tags eg: inherits from its an interaction of HTML and CSS. Some properties in CSS are inherited, others are not. See the spec, or westciv's guide as to whether a specific property is inherited. Why are some not inherited? Imagine for a moment that margin was inherited. Say body had a 1em margin. Then all the children of the body would have a 1em margin, all the children of those children, and "so on ad infinitum". You can however, specify that a property be inherited in CSS, for any CSS property (if memory series me correctly, but there may be a small number of exceptions to that) As far as I am aware, the children of an element inherit all its inheritable properties. The proviso would be that where a property is restricted to say only block level elements, then its inline children would not inherit such properties. This bit is just unchecked conjecture. HTH, john John Allsopp :: westciv :: http://www.westciv.com/ software, courses, resources for a standards based web :: style master blog :: http://westciv.typepad.com/dog_or_higher/ :: WebEssentials Sept 2004 Sydney Australia :: http://www.we04.com ** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
[WSG] guide to CSS inheritance
Does anyone know of a definitive guide to CSS inheritance, hopefully including which tags inherit properties from other tags eg: inherits from Ive only been able to find general explanations like http://www.creativepro.com/story/feature/14776.html http://www.blooberry.com/indexdot/css/topics/inherit.htm looks interesting but it hasnt been updated since October 2003 and so wont include quirks from newer browsers -- Neerav Bhatt http://www.bhatt.id.au Web Development & IT consultancy Mobile: +61 (0)403 8000 27 http://www.bhatt.id.au/blog/ - Ramblings Thoughts http://www.bookcrossing.com/mybookshelf/neerav ** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
[WSG] Image replacement techniques for linked elements
I'm a big fan of the Fahrner image replacement technique and it's variants
[http://www.mezzoblue.com/tests/revised-image-replacement/]. The problem is that they
generally depend on hiding the text that is being replaced by setting it's display to
none, it's visibility to hidden or some variation that removes the text. This makes it
difficult to replace lnks with images as the link itself is unavailable to the browser
once it's hidden.
Has anyone had any luck with an image replacement techniques that leaves the link
available? for instance, (using Dwyer's method):
#navigation-main ul li {
float: left;
}
#navigation-main ul li#first {
width: 50px; height: 20px;
background-image: url(first.gif);
}
#navigation-main ul li#first a {
display: block;
width: 0; height: 0;
overflow: hidden;
}
First
...
Scott Reston
<>
Re: [WSG] sitecheck on Mac (Safari, IE5) and Win (IE 5/5.5) please?
thanks a lot for your feedback guys! ** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
