www.sitecm.com 
Creating and Maintaining 
Accessible Websites  
with SiteCM 
The purpose of this document is to introduce individuals and 
organizations who create and maintain web content to the 
concept of Web Accessibility and address how to use SiteCM 
Professional Content Management System to manage a web site 
and maintain Accessibility. 
This is a simplification of the requirements for lay people tasked 
with maintaining content on an accessible web site.  This is not a 
comprehensive document for web designers.  We have provided 
appendices that contain links to sites with additional information 
and resources. 
The focus of this document is on design and presentation 
issues that affect Web Accessibility.  Developing content that is 
accessible to users with learning disabilities or other cognitive 
disabilities is beyond the scope of this document and is a unique 
area of practice. 
Pdf thumbnails in - Draw thumbnail images for PDF in C#.net, ASP.NET, MVC, Ajax, WinForms, WPF
Support Thumbnail Generation with Various Options for Quick PDF Navigation
create pdf thumbnail image; how to show pdf thumbnails in
Pdf thumbnails in - VB.NET PDF Thumbnail Create SDK: Draw thumbnail images for PDF in vb.net, ASP.NET, MVC, Ajax, WinForms, WPF
Support Thumbnail Generation with Various Options for Quick PDF Navigation
print pdf thumbnails; can't view pdf thumbnails
www.sitecm.com 
Table of Contents 
Introduction .................................................................................................. 1 
What is Web Accessibility? ............................................................ 1 
Why is Web Accessibility Important? ............................................. 1 
Who decides what is Accessible .................................................... 2 
Compliance ................................................................................... 2 
General Concepts ......................................................................... 3 
Assistive Technologies .................................................................. 3 
Multimedia .................................................................................... 3 
Structure ....................................................................................... 4 
10 Quick Tips ................................................................................ 4 
Design Requirements .......................................................................... 5 
Visual Presentation ....................................................................... 5 
Specific criteria for compliance are: ............................................... 5 
Predictable Interface ..................................................................... 6 
Text Alternatives ........................................................................... 6 
Contrast ........................................................................................ 7 
Use of Color .................................................................................. 8 
Text Scalability .............................................................................. 8 
Focus ............................................................................................ 9 
Bypass ........................................................................................ 10 
Multiple Ways to Locate Content ................................................. 11 
Frames ....................................................................................... 11 
Help users avoid and correct mistakes ........................................ 11 
Content Management ......................................................................... 12 
Outline ........................................................................................ 12 
C# HTML5 PDF Viewer SDK to view PDF document online in C#.NET
Ability to show PDF page thumbnails for quick navigation. Easy to search PDF text in whole PDF document. Navigate PDF document with thumbnails. 14. Text Search.
pdf thumbnail viewer; pdf thumbnails in
VB.NET PDF- View PDF Online with VB.NET HTML5 PDF Viewer
Ability to show PDF page thumbnails for quick navigation. Easy to search PDF text in whole PDF document. Navigate PDF document with thumbnails. 14. Text Search.
program to create thumbnail from pdf; .pdf printing in thumbnail size
www.sitecm.com 
Images ........................................................................................ 13 
Alternative Text ........................................................................... 13 
Accommodating Visual Impairment.............................................. 15 
Colour ......................................................................................... 15 
Text ............................................................................................ 16 
Tables ......................................................................................... 17 
Links ........................................................................................... 17 
Image Maps ................................................................................ 19 
Multimedia .................................................................................. 19 
3
rd
Party Elements ....................................................................... 19 
Appendix 1: Section 508 .................................................................... 20 
Appendix 2: Additional Resources.................................................... 22 
Guidelines ................................................................................... 22 
Tools ........................................................................................... 22 
Organizations .............................................................................. 23 
VB.NET PDF File Compress Library: Compress reduce PDF size in vb.
Reduce image resources: Since images are usually or large size, images size reducing can help to reduce PDF file size effectively. Embedded page thumbnails.
show pdf thumbnails; how to make a thumbnail from pdf
C# PDF Convert to Jpeg SDK: Convert PDF to JPEG images in C#.net
Support of converting from any single one PDF page and multiple pages. Thumbnails can be created from PDF pages. Support for customizing image size.
view pdf image thumbnail; pdf no thumbnail
www.sitecm.com 
Introduction 
What is Web Accessibility? 
Web Accessibility (WA) ensures that web sites are usable by people with disabilities who might 
be accessing the web using Assistive Technologies.  Assistive Technologies could be screen 
readers or input devices other than a standard keyboard and mouse.  
Good WA involves following guidelines and simple rules when creating your site and maintaining 
content to ensure the greatest number of visitors can use your web site. 
Having an Accessible web site does not mean that your site design has to suffer.
An 
Accessible office building with a wheelchair ramp does not have to be less attractive than a non 
accessible office building that only has steps.  Some techniques to improve Web Accessibility 
actually improve the web site for all users in much the same way that an elevator provides 
wheelchair access but is used by people of all abilities. 
Web Accessibility as defined by the World Wide Web Consortium (W3C) involves four principals. 
1. 
Perceivable -
Information and user interface components must be presentable to 
users in ways they can perceive. (it can't be invisible to all of their senses) 
2. 
Operable -
User interface components and navigation must be operable by users of 
all abilities using a variety of means including Assistive Technologies. 
3. 
Understandable -
Information and the operation of user interface must be 
understandable. (the content or operation cannot be beyond their understanding) 
4. 
Robust -
Content must be robust enough that it can be interpreted reliably by a wide 
variety of user agents, including assistive technologies. (as technologies and user 
agents evolve, the content should remain accessible) 
Why is Web Accessibility Important? 
The web has become an integral part of day to day life.  The web is used to access information, 
entertainment, education, employment, and commerce.  Many organizations have capitalized on 
the low cost of distributing information on the web and have cut back traditional delivery methods.  
Sites must be developed so that people of all abilities can access this vital information. 
It is much easier to overcome many of the barriers to the disabled on the web than in traditional 
media.  Screen readers, Braille monitors and other adaptive technologies allow disabled people 
to use the same content as able bodied people with no additional cost to the organization 
producing the information.  
There are a large number of disabled people using the web.  The recent report of US health 
department cites that nearly 20 percent of the US population is afflicted with some sort of 
C# PDF File Compress Library: Compress reduce PDF size in C#.net
Reduce image resources: Since images are usually or large size, images size reducing can help to reduce PDF file size effectively. Embedded page thumbnails.
pdf first page thumbnail; create thumbnails from pdf files
VB.NET PDF - View PDF with WPF PDF Viewer for VB.NET
File: Compress PDF. Page: Create Thumbnails. Page: Insert PDF Pages. Page: Delete Existing PDF Pages. PDF thumbnails for navigation in .NET project.
can't see pdf thumbnails; pdf files thumbnails
www.sitecm.com 
disability
1
 This is a broad definition that includes everything from temporary disabilities, colour 
blindness to quadriplegics but as our population ages, this is likely to increase.  Planning ahead 
can ensure that these people will continue to be able to access your web site throughout life’s 
changes. 
Web Accessibility is also a good indicator of corporate social responsibility.  It shows that your 
organization cares about all members of the community. 
If doing the right thing is not enough of a motivation, the final reason to plan for web accessibility 
is the growing amount of legislation.  The US has legislation that requires all federally funded web 
sites to be Accessible (Section 508).  Many other governments have existing legislation or are 
considering it.  
Who decides what is Accessible 
There are two major frameworks that people follow for determining Web Accessibility.   
The World Wide Web Consortium (W3C) Web Accessibility Initiative (WAI) created a set of Web 
Content Accessibility Guidelines (WCAG 1.0) in 1999 and updated them (WCAG 2.0) in 
December 2008.  The W3C is an influential international body that sets guidelines for many 
aspects of the web.  WCAG is used as a reference point in many jurisdictions around the world. 
The other major framework for our purposes is the US Section 508 legislation.  Any organization 
in the US that receives funding from the Federal Government must ensure compliance with a set 
of accessibility guidelines.  The good news is that the US 508 requirements nicely match the 
WCAG guidelines.  Many other governments have existing legislation or guidelines. 
Compliance 
To be included in the WCAG 2.0, each criterion must create a greater problem for people with 
disabilities than for those without disabilities.  All criteria are also testable by a combination of 
human or machines.  They have done a good job removing ambiguity. 
The W3C has three levels of compliance: A (lowest), AA, and AAA (highest).  The levels were 
determined based on many factors: 
•  Is the solution essential to allow the site to function with Assistive Technology 
•  Is it possible to satisfy the criteria for all sites and types of content 
•  Can the skills be reasonably achieved by the content owners 
•  Will the criteria impose limits on the look & feel or function of the web page 
The point with WA is not to be more compliant than the next guy, the point is to have a usable 
web site. 
1
http://www.buzzle.com/articles/how-do-disabled-people-access-the-web.html 
C# PDF Convert to Images SDK: Convert PDF to png, gif images in C#
Converter control easy to create thumbnails from PDF pages. Selection for compressing to multiple image formats. Cut and paste any areas in PDF pages to images.
generate pdf thumbnails; pdf thumbnails
C# WPF PDF Viewer SDK to view PDF document in C#.NET
File: Compress PDF. Page: Create Thumbnails. Page: Insert PDF Pages. Page: Delete Existing PDF Pages. PDF thumbnails for navigation in .NET WPF Console application
show pdf thumbnail in; no pdf thumbnails in
www.sitecm.com 
General Concepts 
When working towards Web Accessibility the main thing to keep in mind is that your users might 
have a disability of some sort.  They might be: 
•  visually impaired or blind 
•  hard of hearing or deaf 
•  mobility impaired so that they cannot use a traditional keyboard or mouse 
•  cognitively or learning impaired 
Following all of the guidelines will not ensure that your site is accessible.  Compliance with a 
guideline should not be confused with Accessibility.  The guidelines are a good evaluation 
framework and they can tell you if your site is NOT accessible, but only experience and testing 
can determine if your site is accessible.   
Assistive Technologies 
There are a wide variety of Assistive Technologies used to access web sites.  They include: 
•  Screen reader software, that converts text to voice and reads selected elements a 
site or which can read out everything that is happening on the computer. 
•  Braille terminals which have a Refreshable Braille display which renders text as 
Braille characters. 
•  Screen magnification software, or a modern browser (IE7, FF 3, Opera 9) which 
allows the user to zoom in on the site to a level that allows them to read and 
understand the content. 
•  Sip and puff controls for the mobility impaired that convert changes in airflow to 
cursor movement around a web page. 
Multimedia 
SiteCM does not create Multimedia but it does support the use of it in the design of the site and in 
the content implemented by Content Owners.  This document does not address multimedia 
compliance in depth because of the complexity of the issues involved. 
As a rule, multimedia content creates challenges for people with many disabilities.  Audio 
narration cannot be heard, background audio distracts or impairs the ability to understand the 
narration, visuals cannot be seen, and the pace of presentation can create issues for people with 
mobility or cognitive impairment who might not be able to react or understand as quickly as the 
majority of users. 
Multimedia can be used if it serves a decorative function and does not convey important content, 
or if the content of the material is available from other sources on the site.  If you plan on 
including multi-media in your site to convey information please refer to the further reading 
suggestions in the Appendices. 
www.sitecm.com 
Structure 
We have created this document specifically to address WA using SiteCM Professional Web 
Content Management System.  We look at various common tasks.  We do not follow WCAG or 
508 in a specific order.  Where possible we have included reference to which guidelines are being 
met however this is not a point by point compliance guide. 
We have divided the document into two sections.  The first section, Design Requirements is 
intended for the web designer.  It is also useful for site owners to read to understand the issues 
that the designer is trying to address.  The second section is for the Content Owners who will be 
using SiteCM to manage their site.   
10 Quick Tips   
http://www.w3.org/WAI/quicktips/Overview.php 
1.  Images & animations: Use the alt attribute to describe the function of each visual.  
2.  Image maps. Use the client-side map and text for hotspots.  
3.  Multimedia. Provide captioning and transcripts of audio, and descriptions of video.  
4.  Hypertext links. Use text that makes sense when read out of context. For example, 
avoid "click here."  
5.  Page organization. Use headings, lists, and consistent structure. Use CSS for 
layout and style where possible.  
6.  Graphs & charts. Summarize or use the longdesc attribute.  
7.  Scripts, applets, & plug-ins. Provide alternative content in case active features are 
inaccessible or unsupported.  
8.  Frames. Use the noframes element and meaningful titles.  
9.  Tables. Make line-by-line reading sensible. Summarize.  
10. 
Check your work. Use tools, checklist, and guidelines at 
http://www.w3.org/TR/WCAG
www.sitecm.com 
Design Requirements 
The framework or template of a SiteCM site is developed by your web designer who should be 
familiar with WA.  This section has been included to help site owners understand some of the 
larger requirements of accessibility that your designer has dealt with prior to handing the site over 
to you. 
Most of these issues are accommodated using Cascading Style Sheets and programming that is 
beyond the skill of most Content Owners.  Decisions made in design help ensure that the content 
you create using SiteCM remains Accessible. 
Designers new to Web Accessibility should read the complete document.  It is important to be 
familiar with all issues before you spend time accommodating one criteria only to find out that it 
conflicts with another criteria. 
The key to accessibility is the ability to understand the text that is being presented. 
Visual Presentation 
How text is presented both in layout and colour selection can have a huge impact on how it is 
understood and accessed by people with cognitive or other disabilities.  Text should be presented 
so that it can be perceived without its presentation interfering with its readability.   
The good news for designers is that the WCAG allows the use of an Accessible style sheet to 
accommodate these issues.  The most common failure is declaring a foreground colour without a 
background colour or vise versa. 
Specific criteria for compliance are: 
•  Allow users to specify both the foreground (text) colour and the background colour.  
This should be left as flexible as possible because many of these colour selections 
may not be intuitive. 
•  Allow users to set narrower blocks of text.  For Accessibility lines of text should not 
exceed 80 characters.  This is not a bad guideline for all content anyway. 
•  Allow users to set line and paragraph spacing so it is easier to track lines of text. 
•  If you use left and right justification by default, allow users to set to left (or right) only.  
Justifying to both margins looks pretty but can affect letter and word spacing which 
affects some users. 
http://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-visual-
presentation.html
www.sitecm.com 
Predictable Interface 
This is an Accessibility guideline but is also just good interface and usability design.  A 
predictable interface makes your content easier to understand and navigate for all users 
regardless of ability or access method.  Make the layout of content and behavior of interactive 
components predictable. 
SiteCM already supports and enforces the recommendation for consistent navigation but there 
are three other recommendations for a predictable interface. 
1.  Change on request: changes of context are initiated only by user request.  For 
example, use “activate” rather than “focus” as a trigger for changes.   
2.  Consistent Identification:  components with the same functionality within your site are 
identified consistently 
3.  On Input:  Changing the setting of any component does not automatically cause a 
change of context unless the user has been warned of the behavior in advance. 
http://www.w3.org/TR/UNDERSTANDING-WCAG20/consistent-behavior.html
Text Alternatives 
To be compliant a site must provide text alternatives for all non-text content on the site.  In this 
area of practice, text is considered to be electronic text which is presentation neutral.  It can be 
rendered visually, as sound, as Braille, or be manipulated in other ways that allow users with a 
disability to access the content.   
Images of text should be avoided wherever possible.  For example, a JPEG image of text cannot 
be read by a screen reader.  Alt text of images can be read however images of text are also not 
affected by changes to the style sheets which can be used to achieve compatibility for other 
requirements and disabilities. 
This topic is covered in more detail in the content owner section. 
There are several exceptions relevant to the designers 
•  Controls or inputs such as forms:  These must have a name that describes their use. 
•  Time based media such as video or audio files need text to identify the content.  
Time based media has a whole section in WCAG 2.0 and is beyond the scope of this 
document. 
•  Sensory content such as works of art or performance that is not being used primarily 
to convey information 
•  CAPTCHA: SiteCM provides audio equivalents 
•  Decoration, formatting and Invisible text:  If it does not convey important relevant 
information it does not need to be rendered as text. 
www.sitecm.com 
Text Alternatives do not apply to logos and trademarks but it is good practice to provide 
alternative text (alt text) to ensure that these can be read.  Anytime that an image is used to 
convey text, the designer must make sure that the content can be accessed in other ways.   
http://www.w3.org/TR/UNDERSTANDING-WCAG20/text-equiv-all.html
http://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-text-presentation.html
Contrast 
To assist the visually impaired, WCAG requires that a site have a high contrast between text and 
background colours.  There are also requirements to ensure that colour blindness does not 
reduce usability. 
This requirement does not limit your design to black and white but it will impact your design 
elements.  Text used as decoration and conveys no information is not required to be compliant.  
This requirement applies to text and images of text that are meant to be understood as text.  
Incidental text, such as a photo that includes a street sign, or other decorative text that is not 
intended to convey information is not considered.  We would interpret this to mean that it is 
acceptable to use a pull quote as an image which perhaps does not conform to the standards, as 
long as the content is available in conforming text in close proximity. 
This is important when building navigation and creating roll over effects.  If a roll over reduces 
contrast then it could become unusable by certain groups of users. 
The guidelines on contrast specify contrast ratios.  This is the difference between the luminance 
of the brightest colour (white) to that of the darkest colour (black) used.  So grey on white has a 
lower contrast ratio than black on white.  Red on Orange has an even lower ratio.   
A contrast ratio of 4.5:1 is used for level AA compliance because it compensates for the loss in 
contrast sensitivity usually experienced by users with 20/40 vision or equivalent. 20/40 is 
commonly reported as typical visual acuity of elders at roughly age 80.  
A contrast ratio of 7:1 was chosen for level AAA compliance because it compensates for the loss 
in contrast sensitivity usually experienced by users with approximately 20/80 vision. People with 
more than this degree of vision loss usually use assistive technologies such as screen readers to 
access their content.  This level also provides contrast enhancement for color deficiency as well. 
Large scale text (with at least 18 point or 14 point bold) can have a contrast ratio of 3.1 for AA 
and 4.5 to 1 for AAA. 
The WAI suggests not specifying text colour, background colour, or text size, which would allow 
the users default browser settings to take effect.  This is not usually an acceptable solution for a 
site as navigation and other elements generally have effects applied. 
Common failures are specifying the foreground colour without specifying a background colour or 
vice versa.  Another common failure is where background images are used.  Background images 
can have variations in contrast across the image.  
To comply with this guideline, you can provide a link (with sufficient contrast) that will load a high 
contrast style sheet.  Generally this would have to be at the top of the page.  This also relates to 
Documents you may be interested
Documents you may be interested