SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Zealot bo diddly's Avatar
    Join Date
    Nov 2002
    Location
    uk - worcester
    Posts
    116
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Unhappy implementing multiple CSS files

    I have a few issues with a site I am building.

    • <LI class=MsoNormal style="MARGIN: 0in 0in 0pt; mso-list: l2 level1 lfo3; tab-stops: list .5in">the site is informational, (the temporary link is http://www33.brinkster.com/rogerchapman/index2.htm). I have designed the menu using css and JavaScript but this won’t display in browsers that ignore css – right? So what is the solution? I have looked at the site ‘Perkins school for the blind’ but although totally accessible it seems a bit texty for me. I want to keep the menu I have but also make the page accessible and cross browser but I do not want to go down the browser sniffing route. Can this be achieved? <LI class=MsoNormal style="MARGIN: 0in 0in 0pt; mso-list: l2 level1 lfo3; tab-stops: list .5in">I understand that using different style sheets can change the font sizes but how is this implemented. Do I simply give the user a choice of font sizes as links with each one loading a different page? I have seen font sizing done using JavaScript but I really want to use css. <LI class=MsoNormal style="MARGIN: 0in 0in 0pt; mso-list: l2 level1 lfo3; tab-stops: list .5in">I have put ‘title’ tags on for the benefit of screen readers but having read some of the other threads it would seem that my users will have to wait for the reader to dredge thru the menu on loading every new page. I don’t think this is acceptable but can I avoid it? <LI class=MsoNormal style="MARGIN: 0in 0in 0pt; mso-list: l2 level1 lfo3; tab-stops: list .5in">Finally, I have provided a text only version with high contrast pages, it runs from a separate css file but it requires users to load a new page, is this the best way?

    Sorry for all the questions but I feel that accessibility is a very important issue and as I am relatively new to css and xhtml I would value your feedback.

    Thanks

  2. #2
    SitePoint Wizard
    Join Date
    Aug 2002
    Location
    N.Ireland
    Posts
    1,046
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    If you really must use javascript, make sure you have a noscript tag where you can tell people to turn javascript on or link to another page which has the links as just plain text, say a site map.

    As for font sizes you can specify in your css font-size: x-small or use percentages.

    To assist people using screen readers, include a hidden link which lets them skip past the repetitive menu links. The anchor should then be placed where your main page contents start. - eg <a href="#contents" accesskey="s"><img src="space.gif" height="1" width="1"></a> then place the <a name="contents"> before your contents.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •