Help & Information

CWDO WEBPAGE – AUTHOR’S GUIDE

Who can put stuff up on the website?

Jeffrey Stark will give you a username, password, and assign admin rights. There are several levels of admin rights.

  • General user – can post comments as a visitor to the site.
  • Committee Chair – can post content to your committee page or other areas of the website.
  • Contributors – can post content anywhere on the website.
  • Administrators – can post content anywhere and do some other fancy, behind-the-scenes stuff.

What can I post on the webpage?

There are four types of things you can do, as a Committee Chair or Contributor:

  1. Change or update information on a webpage.
  2. Add a new webpage with new information
  3. Upload a document and make a link to it on a webpage (new or updated)
  4. Upload a picture to a webpage

How do I change or update information on a webpage?

  1. Go to www.cwdo.org and scroll down to “User Logon”
  2. Enter your user name and password (provided by Jeffrey Stark) and click “Login”
  3. Using the menu bar on the left, select the page you wish to change or update.
  4. When you arrive at the desired page, click “Edit” (located near the top of the page.)
  5. Scroll down to the area titled “Body” and make your changes. There is a formatting bar which will let you make text bold, underlined, centred, and so on. Note: If adding a new subsection to the page, from the formatting bar, use the style “heading 3” for subsections of the page rather than just increasing the text size
  6. Scroll down to the bottom and click the “Save” button. (You may “Preview” your work first, if you wish.)
  7. Saving the page will bring you back to the top, in “View” mode. If you want to make more changes, click “Edit” and continue from Step 5 above.

How do I make a hyperlink?

There are three types of links you might want to make: a link to someone’s email address, a link to an external (non-CWDO) website, and a link to an internal CWDO web page. They are all quite easy to do.

Email Links

  1. Log on, go to the existing CWDO web page that needs the email link
  2. Type out the email name and email address at the appropriate place on the web page.
  3. Highlight the email address and click the picture with the little chain link on it (insert hyperlink icon)
  4. When the box pops up, type the HTML code word mailto: and add the email address using no spaces like this – mailto:joe.smith@email.com
  5. Click the little “x” in the upper right-hand corner of the boxto close it
  6. If it has highlighted all the text in the line and you only wanted a bit of text hyperlinked, repeat step 2, 3, 4 and 5 and it should work out fine.

External Links

  1. Go to the external web site you want to link to, and copy the URL (web page address).
  2. Log on, go to the existing CWDO web page where you want to create the link, and type out the text you want to be hyperlinked (such as the name of an organization) at the appropriate place on the web page.
  3. Enter new text or highlight text that will become the text of the link
    When picking text for the link please keep in mind the following rules:
    1. Ensure the text you pick is as short as possible
    2. Avoid including the words: more, click here, link to
    3. Pick a piece of text that if read on its own tells you exactly where you go when you click on it - i.e. "photos of my chalet" as opposed to just "Photos"
  4. Once you have highlighted the text, click the picture with the little chain link on it (insert hyperlink icon)
  5. When the box pops up, type the URL (web page address) starting with http://
  6. Click the little “x” in the upper right-hand corner of the box to close it
  7. If it has highlighted all the text in the line and you only wanted part of the text hyperlinked, repeat step 2, 3, 4 and 5 and it should work out fine.

Internal CWDO Links

  1. Go to the internal web page you want to link to, and copy the URL (web page address).
  2. Log on, and go to the existing CWDO page where you want to create the link and type out the text you want to be hyperlinked (the name of the other CWDO web page) at the appropriate place on the web page.
  3. Enter new text or highlight text that will become the text of the link
    When picking text for the link please keep in mind the following rules:
    1. Ensure the text you pick is as short as possible
    2. Avoid including the words: more, click here, link to
    3. Pick a piece of text that if read on its own tells you exactly where you go when you click on it - i.e. "photos of my chalet" as opposed to just "Photos."
  4. Once you have highlighted the text, click the picture with the little chain link on it (insert hyperlink icon).
  5. When the box pops up, paste the URL (web page address) you copied.
  6. Click the little “x” in the upper right-hand corner of the box to close it.
  7. If it has highlighted all the text in the line and you only wanted part of the text hyperlinked, repeat step 2, 3, and 4 and it should work out fine.

How do I upload a document to an existing webpage?

This is a 2-stage process. Stage 1 loads the document and Stage 2 links it to a page.

Stage 1 – Load the document

Make sure the document is saved in your computer. It should be Word, text, or accessible PDF format. Multiple formats are best if one of the formats will be a PDF.

  1. Logon and scroll down to “Create Content,” select “Page” and give the page a name.
  2. In the “Body” write some text that describes the file. If this will be “Front Page News” then it should be a short. paragraph to explain to our visitors what it is all about, so they know if they want to explore further.
  3. Scroll down to “File Attachments” and click on it. Use the “Browse” button to find the file in your computer.
  4. Click “Attach” and the file will upload and give you a name in a “Description” box. Edit the description if you wish.
  5. Click “Save.”
  6. Copy the URL from your new page.

Stage 2 – Make a link to the document you uploaded

  1. Go to the existing CWDO web page where you want the document to link and click “Edit.”
  2. Write text that will become the hyperlink for your document and highlight it. 

    When picking text for the link please keep in mind the following rules:

    1. Ensure the text you pick is as short as possible
    2. Avoid including the words: more, click here, link to
    3. Pick a piece of text that if read on its own tells you exactly where you go when you click on it - i.e. "photos of my chalet" as opposed to just "Photos."
  3. Click the hyperlink icon (small picture of a chain link) and paste the URL in it.
  4. Click the small “x” in the upper right-hand corner.
  5. Click “Save.”

How do I upload an image to an existing webpage?

CONTENT TO FOLLOW.

How do I add a new webpage with new information?

There are two stages to creating a webpage with new information. Stage 1 is simply making the page with all the information and links you want. Stage 2 is linking the new page you created into the website so others can find it. They might find it on the front page or connected to a committee page or any other page.

Stage 1 – Create your new page

  1. Go to www.cwdo.org and scroll down to “User Logon.”
  2. Enter your user name and password (provided by Jeffrey Stark) and click “Login.”
  3. Scroll down past your name and select “Create Content.”
  4. Select “Page” from the list of choices.
  5. Give your page a short, descriptive title and type it into the “Title” area. Please use title case, which means all words are capitalized except little words like and, or and to.
  6. In the “Sections” area, choose a web section from the drop-down menu. If you are not sure, choose “General Information.”
  7. Type the information you need in the body. Include text that will later become a link.
  8. Scroll down to the bottom and click the “Save” button. (You may “Preview” your work first, if you wish.). You can also create an unpublished or draft page that is only visible to CWDO staff by clicking the “publishing options” and checking the published checkbox, but make note of the address after you have saved it, so that you can get back to it later.
  9. Saving the page will bring you back to the top, in “View” mode. If you want to make more changes, click “Edit” and continue from Step 5 above.
  10. Copy the link (URL) of the page it took you to. Paste it somewhere so you can retrieve it easily later if you need to.

Stage 2 – Link your page into CWDO’s website

You will need to link your page to another space on the website, or no one will find it. For example, let’s assume your page will link to the Accessibility Standards Committee page.

  1. Go to the webpage you want your new page to link to.
  2. Click “Edit.”
  3. In the “Body” of the page, find a good place to add text that will become the hyperlink to your new page
    When Picking text for the link please keep in mind the following rules:
    1. Ensure the text you pick is as short as possible
    2. Avoid including the words: more, click here, link to
    3. Pick a piece of text that if read on its own tells you exactly where you go when you click on it - i.e. "photos of my chalet" as opposed to just "Photos."
  4. Highlight the text and click the little picture that looks like it has a chain link on it (insert hyperlink icon).
  5. A dialogue box will appear. Paste your web page URL into the first box. (If you lost it from your clipboard, you can get it from the document where you pasted it in Step 10.
  6. Scroll down, click “Save” and go to the page to confirm your link takes you to your new page.

Is your new page “Front Page News” for CWDO?

If you want your page published on the Home Page (the first page visitors find when they go to www.cwdo.org) here’s what to do.

  1. Go to your new page and click on “Edit”,
  2. Scroll down to “Publishing Options” near the very bottom, and click on it.
  3. Make sure BOTH the “Published” and “Promoted to Front Page” boxes are checked.
  4. Click “Save.”

If you choose “Promoted to Front Page” your whole page will just show up automatically. Therefore, make these pages short and sweet. If there is a lot information associated with the page, it is best to make a long page and a short page, so that the short page gets promoted and the long one links to a Committee page or something like that.

Old News?

When your Front Page News has become stale dated, please remove it from the Home Page. Here’s how:

  1. Go to your new page and click on “Edit”,
  2. Scroll down to “Publishing Options” near the very bottom, and click on it.
  3. Uncheck the “Promoted to Front Page” box, but leave the “Published” box checked.
  4. Click “Save.”
  5. Check the Home Page to make sure the information came off. You may need to “reload” the page to be sure it is current.

CWDO Website Redesign

CWDO has undertaken a major website redesign this year.   The goal is to create a website that is more dynamic, more interractive, more useful & usable for our members and more accessible.


The project has been broken down into 2 phases.  



Phase 1: Move the existing site to Drupal



The current site is managed by 1 volunteer and hardcoded static pages.   This means it is a lot of work to maintain and that the work is being done all by 1 person.   The 1st phase of the project involves moving the existing content into drupal.  Creating the site's look into a Drupal theme, cleaning up the code and moving over the content.  This will allow multiple people to manage the site, subject matter experts to post and promote information of interest to members and changes to be done faster, simpler and more consistently.



Phase 2: Site Improvements



Once the material has been moved over to drupal; the 2nd phase of this project is to provide additional functionality (such as forums, linking to social media and improvements to the out of box accessibility of drupal)..   Providing new areas and additional capabilities to members. 


Phase 1 of the website redesign is complete.  CWDO is currently exploring volunteer availability and funding options in order to undertake Phase 2.  We are also looking for volunteers for site management, content creation and editing.  If you have free time and an interest in helping out, we would gladly take your offer of help.


We are committed to ensuring that our website is accessible to everyone. If you have any questions or suggestions regarding the accessibility of this site, please use our Contact Form,  as we are continually striving to improve the experience for all of our visitors.  This site is entirely created by volunteers and we are always looking for more hands and help with the site’s management.   If you have any Drupal expertise or identify any issues that are problematic, please contact us using the CWDO Contact Form..

CWDO Accessibility Statement

We are committed to ensuring that our website is accessible to everyone. If you have any questions or suggestions regarding the accessibility of this site, please use our Contact Form, as we are continually striving to improve the experience for all of our visitors.  This site is entirely created by volunteers and we are always looking for more hands and help with the site’s management.   If you have any Drupal expertise or identify any issues that are problematic, please contact us using the CWDO Contact Form.   CWDO is currently finished the first phase of our planned website redesign and more exciting things are coming soon.

Standards compliance

1.       All pages on this site make every effort to follow priorities 1 & 2 guidelines of the W3C Web Content Accessibility Guidelines 1.0 and attempt to achieve a double A conformance level with the Web Content Accessibility Guidelines 2.0.

2.       All pages on this site validate as HTML 5.

3.       All pages on this site use structured semantic markup. H1 tags are used for the content area of the page, H2 tags are used for main titles, H3 tags for subtitles. For example, on this page, JAWS users can skip to the next section within the accessibility statement by pressing 2. Opera users can skip sections by using "S" and "W" to cycle forwards and backwards respectively through headings.

Structural Markup

Web pages on cwdo.org include 4 different areas:

1.       A header bar,

2.       A main content area,

3.       A "side bar" that includes the main navigation,

4.       A footer.

When CSS (Cascading Styles Sheet) are not applied to a document (or when using a screen reader), the 4 areas are read in the above order.

 

HTML5 landmarks

The CWDO website makes use of some of the new html5 markup that enhances the identification of major sections and roles on each page.   A screen reader will identify major landmarks on the page such as the content area, navigation mechanisms and the search area.   JAWS users can use the ";" key to navigate through these sections..

 

Access Keys

 

Because of the way that browsers have implemented the access key attribute inconsistently, unfortunately, access keys often clash with keys set aside for use with other User Agentss (i.e. assistive technology). For this reason, we have decided to not set default access keys

 

Images

1.       Unless they are purely decorative items, all images used on this web site have suitable alt attributes.

2.       Content should be usable/accessible with images "off" (disabled).

3.       The main navigation bar on this site uses an Image Replacement technique that makes the links accessible to non-visual browsers.

Links

1.       Many links have title attributes which describe the link in greater detail, unless the text of the link already fully describes the target.

2.       Every effort is made to have Links written to make sense out of context, when this is not possible textually or does not make sense when written in this form, than a title attribute or other type of navigational aid is added to create context.

3.       The first link in every document is a "SkipNav"; it is to skip directly to what is considered the main section of the page (the content). We have implemented this feature in a way that it allows Internet Explorer users to tab through (past that target link).

4.       URLs are permanent whenever possible.

Forms

1.       All form controls are appropriately and explicitly labeled.

2.       Form validation routine does not rely on client-side script.

Scripts

1.       We are using non obtrusive client-side scripts.

2.       Content of this web site is usable without JavaScript support.

Visual design

1.       This site uses cascading style sheets for visual layout.

2.       This site uses only relative font sizes, compatible with the user-specified "text size" option in visual browsers.

3.       If your browser or browsing device does not support stylesheets at all, the content of each page is still readable.

4.       Any information conveyed through the use of color is also available without color (i.e. text based).   

  • A “resize” widget has not been added to this site; however, all the functionality that would be provided by such a widget is already built into all major browsers (see Increasing The Text Size  n Web Pages  For more information)

How to modify this site to fit your needs

These links explain the many ways you can make the web more accessible to you. (more instructions will be added regularly)

Software to improve Accessibility for visitors of the CWDO website

1.        System Access, a screen reader for Windows. A fully functional free version  and downloadable demo of the full product are available.

2.       NVDA a free open source screen reader

3.       JAWS, a screen reader for Windows. A time-limited, downloadable demo is available.

4.       Links, a free text-only web browser for visual users with low bandwidth.

5.       Opera, a visual browser with many accessibility-related features, including text zooming, user stylesheets, image toggle. A free downloadable version is available. Compatible with Windows, Macintosh, Linux, and several other operating  systems.

Accessibility & Related resources

1.       WebAIM, a non-profit organization dedicated to improving accessibility to online learning materials.

2.       W3 accessibility guidelines, which explains the reasons behind each guideline.

3.       W3 accessibility techniques, which explains how to implement each guideline.

4.       W3 accessibility checklist, a busy developer's guide to accessibility.

 

Links

Links (Member Recomended) 

Each link includes the name, the link and and a brief description of who or what they are

Got your own link, that's not here? 

Write us at cwdo@tbaytel.net.  Include the following information in the email:

  • Organization Name

  • Link to home page

  • Breif about what the organization is (one or two sentences)

In the Subject line include: New Link to CWDO's Webpage

 

Last Updated November 11, 2014