logo-dw

Go Back   Dreamweaver Club Forums > Hand Coders Forum > HTML and CSS
Register FAQ Members List Search Today's Posts Mark Forums Read

Reply
 
Thread Tools Display Modes
Old 12-29-2009, 10:24 AM   #1
Morrile
 
Join Date: Feb 2009
Location: UK
Posts: 25
Default Accessibility

Hello,

I will openly admit I am still very green when it comes to creating websites, however I have a major problem in making a website accessible. I am currently using Dreamweaver CS4

I have tried viewing other sites and tried looking at the source code to see how they do it, but without any luck http://www.bbc.co.uk/accessibility/win/sub_root.shtml has precicely what I want, but I don't know how they did it can anyone help?

It's the part of the website "Change font size and colours on this site" including the A A A & the 4 C within boxes

I have visited the W3 website, but it's all gobbledegook, so knowing there are some clever people within this forum, can someone advise in laymens terms?

Many thanks in advance

Morrile

Last edited by Morrile; 12-29-2009 at 10:38 AM.. Reason: Missed out an important bit
Morrile is offline   Reply With Quote
Old 12-29-2009, 04:55 PM   #2
kate
 
Join Date: Apr 2005
Posts: 458
Default

Hello Morrile,

Its in this bit

<!-- ## End JSTools ## -->
<!-- Head code for Accessibilty widget which changes font size/colour scheme -->
<!-- Include default theme -->

If you have Firefox then get firebug and the web developer toolbar.
kate is offline   Reply With Quote
Old 12-29-2009, 06:11 PM   #3
Morrile
 
Join Date: Feb 2009
Location: UK
Posts: 25
Default

Hello Kate,

You are a star but my skills are lacking. I have managed to copy the code - and not sure if I have it all - but how do I use it? I have copied what I found and assume .js is Java script perhaps?!?! which I haven't a clue about. Futher help required...

thanks

@charset "utf-8";
.js body {
}
#switcher {
display:none;
}
#switcher {
min-width:300px;
width:27em;
}
#switcher p {
font-weight:bold;
width:auto;
}
#switcher a {
margin-top:5px;
}
#access-widget-panel {
float:left;
}
#access-widget-right {
display:block;
float:left;
min-height:51px;
width:10px;
}
#access-widget p, #access-widget ul, #access-widget li {
float:left;
}
#access-widget p {
margin:0 10px 0 4px;
}
#access-widget a {
font-weight:bold;
text-decoration:none;
}
ul#font-sizes {
margin:0 13px 0 0;
position:relative;
}
ul#font-sizes a {
display:block;
font-weight:normal;
margin-left:3px;
}
#font-normal {
font-size:1.6em;
margin-top:5px;
}
#font-bigger {
font-size:1.8em;
margin-top:3px;
}
#font-biggest {
font-size:2em;
}
ul#themes {
margin:0;
}
ul#themes li {
margin-left:4px;
}
ul#themes a {
border:1px solid;
display:block;
font-size:1.3em;
line-height:1.2em;
padding:0 3px 0 4px;
}
#theme-default {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-originadding;
background:#FFFFFF none repeat scroll 0 0;
color:#000000;
}
#theme-blue {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-originadding;
background:#9FCFFF none repeat scroll 0 0;
color:#000066;
}
#theme-hiviz {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-originadding;
background:#000000 none repeat scroll 0 0;
color:#FFFF00;
}
#theme-soft {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-originadding;
background:#FFF9D2 none repeat scroll 0 0;
color:#000066;
}
Morrile is offline   Reply With Quote
Old 12-29-2009, 06:23 PM   #4
kate
 
Join Date: Apr 2005
Posts: 458
Default

I have never touched JS Morrile..ever.

David may know more.

Two problems with JS.

Your own host may not allow and people who view your site can have JS turned off in case of bad scripts.

Most will I think use 'view -> zoom in to increase size.

I will look see if there is any other way to have font resizing like at BBC.
kate is offline   Reply With Quote
Old 12-29-2009, 06:29 PM   #5
DWcourse
DWcourse's Avatar
 
Join Date: Apr 2009
Posts: 3,276
Default

Since JavaScript runs in the browser, not on the server, you don't have to worry about your host turning it off. And, while I don't have any stats for it, I'd suspect the number of users with JavaScript turned off is minimal.
__________________
If my answer helped, check out DWcourse.com for Dreamweaver tips and tutorials.
DWcourse is offline   Reply With Quote
Old 12-29-2009, 06:51 PM   #6
Morrile
 
Join Date: Feb 2009
Location: UK
Posts: 25
Default

Hello Kate & DWcourse,

You have both been helpful; more so Kate, but is this possible to achieve in just CSS, no java, flash or whatever?

My website has very few images, as it's mainly text, no flash, java or other flashing gimmicks; and for good reason which I shall disclose once completed.

Morrile
Morrile is offline   Reply With Quote
Old 12-29-2009, 07:50 PM   #7
kate
 
Join Date: Apr 2005
Posts: 458
Default

Study this tutorial Morrile

http://labnol.blogspot.com/2006/12/a...ange-font.html

Its for a blog but you should be fine as its to go in the HTML
kate is offline   Reply With Quote
Old 12-29-2009, 08:37 PM   #8
Morrile
 
Join Date: Feb 2009
Location: UK
Posts: 25
Default

Many thanks
Morrile is offline   Reply With Quote
Old 12-29-2009, 08:46 PM   #9
kate
 
Join Date: Apr 2005
Posts: 458
Default

Are we done Morrile?

kate is offline   Reply With Quote
Old 12-29-2009, 10:34 PM   #10
Morrile
 
Join Date: Feb 2009
Location: UK
Posts: 25
Default

Quote:
Originally Posted by kate View Post
Are we done Morrile?

not quite, as it looks like I cannot do what I want in just CSS; which I have a basic understanding. It looks like it's either Java, PHP or such like which I know nothing about; not even where to start.

I have found another forum accessifyforum which hopefully can provide more information, as I feel my request is obviously specialised; no disrespect any one on this forum, but once I can visualise an idea, I don't let it drop.

The information you prodived has given me idea, as parts of the code I can use when I discover how

Morrile
Morrile is offline   Reply With Quote
Reply


Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 06:58 PM.


Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2017, vBulletin Solutions, Inc.
Copyright 2006 DreamweaverClub.com