Creating Accessible Web Sites with EPiServer

Size: px
Start display at page:

Download "Creating Accessible Web Sites with EPiServer"

Transcription

1 Creating Accessible Web Sites with EPiServer Abstract This white paper describes how EPiServer promotes the creation of accessible Web sites. Product version: 4.50 Document version: 1.0

2 2 Creating Accessible Web Sites with EPiServer Table of Contents INTRODUCTION 3 ACCESSIBILITY GUIDELINES 3 ACCESSIBILITY FEATURES OF THE EXAMPLE WEB SITE 3 ACCESSIBILITY FEATURES WHEN CREATING WEB CONTENT 4 FEATURES IN THE DHTML EDITOR... 4 FEATURES IN THE EDIT FORM DIALOG... 5 FEATURES IN THE MICROSOFT OFFICE ADD-IN... 6 The contents of this document are protected by copyright. Changes to the content or partial copying of the content may not be carried out without permission from ElektroPost Stockholm AB. The document may be freely distributed in its entirety, either digitally or in printed format, to all EPiServer users. EPiServer is a registered trademark of ElektroPost Stockholm AB. Other product and company names mentioned in this document may be the trademarks for their respective owners.

3 Introduction 3 Introduction A Web site is visited by all kinds of users, including those with disabilities. Ensuring the usability of a Web site therefore also includes ensuring accessibility for all users, including those that are dependent on special browsers or devices to use the Web site. The overall level of accessibility of an EPiServer Web site is influenced on one hand by the frameworks and template pages used for the site and on the other hand by the content entered by editors. Accessibility issues should, therefore, be taken into account both during the development phase of the site, and on an everyday basis by the Web editors updating the content. EPiServer initially comes with a set of sample templates, an example Web site. The sample templates can be used as a starting point for the actual Web site, modifying their design and functionality to suit the actual site. In doing this, accessibility guidelines should be applied to ensure that the resulting site is accessible. From this point it is up to the editors to create accessible content using the built-in features of EPiServer. Accessibility Guidelines The World Wide Web Consortium s (W3C) Web Accessibility Initiative (WAI) has elaborated recommendations and guidelines for how to build an accessible site as well as for how to make the content accessible. These recommendations can be found at These guidelines are the main accessibility guidelines when it comes to Web accessibility and are, therefore, the main guidelines used in the EPiServer development process. Accessibility Features of the Example Web Site The example Web site that is delivered with EPiServer, and includes the sample templates, has been developed with accessibility in mind, especially since it is often used as a starting point when developing a customer site. The accessibility features of the sample templates are: Resizable Increasing or decreasing the Web browser s text size makes the whole page larger or smaller. Separation of content and presentation Cascading style sheets (CSS) are used to avoid formatting directly in the code. This makes the site easier to browse when using an alternative browser or when the visitor has disabled styles in order to browse the page using the browser s default styles. Div structure instead of tables for page layout Tables are not used for pure layout reasons. This makes the site easier to browse when using an alternative browser. Keyboard shortcuts Fundamental functions of the site can be easily accessed by using keyboard shortcuts, which are important for users that rely on a keyboard or devices other than a pointing device. A keyboard shortcut is used by pressing the ALT key together with the access key. The following access keys are available in EPiServer s example site:

4 4 Creating Accessible Web Sites with EPiServer S Skip navigation and go directly to content 1 Start page 3 Site map 4 Search Built-in support for Phoneticom s ReadSpeaker A page s content can be listened to using the ReadSpeaker software. Note As previously explained, the sample templates are only used as a basis for developing a customer site. We cannot, therefore, guarantee that a customer site contains all of the accessibility features mentioned above. Please contact the partner that developed the specific site for information about the accessibility features of the site s templates. Technical Note The example Web site has been developed considering the WAI guidelines, which recommend following the current Web standards. The example site has, therefore, been developed considering the XHTML 1.1 and CSS 2.1 standards. Accessibility Features when Creating Web Content The intention of EPiServer is to help editors create accessible content. EPiServer's many built-in features will get editors a long way towards creating an accessible Web site. Features in the DHTML Editor There are many features for enhancing accessibility included in EPiServer s DHTML Editor and the tools used by the editor. The current features are listed below. Alternative Texts for Images When inserting an image, the editor can enter an alternative text describing the image for visitors that can't see the image. The editor can also choose not to enter a text, in case the image is purely used for decoration and does not have any meaning (e.g. dots or lines). Technical Note The entered text is used to set the alt attribute of the img element. If no text is entered, alt= is rendered. Link Titles When inserting a hyperlink, the editor can enter a link title describing the link. This might be important in case the link text itself isn t clear enough when read out of context, which might be the case in some non-visual browsers. Technical Note The entered text is included in the title attribute of the a element. Separation of Content and Presentation When formatting content, the editor can choose between a set of predefined styles instead of setting fonts, colors, etc. directly for a paragraph, heading or text. A predefined style can also be set for an image to avoid directly applying borders, alignment, etc. This makes the content easier to browse when using an alternative browser or when the visitor has disabled styles in order to browse the page using the browser s default styles. The possibility to set direct styles is also available in EPiServer for cases when the predefined styles are not enough. This can be disabled by the site administrator.

5 Accessibility Features when Creating Web Content 5 Technical Note The selected style is used to set the class attribute of the corresponding element, avoiding the use of font elements, border attributes, etc. Table Caption and Summary The editor can choose to enter a caption text and a summary text for a table. The caption text should describe the nature of the table and is displayed as a title on top of the table. The summary text should describe the purpose and structure of the table for visitors using non-visual browsers, and is not displayed in a visual browser. Technical Note The caption text is used inside the caption element. The summary text is used to set the summary attribute of the table element. Table Header and Data Cells The editor can choose to classify a table cell as a header cell. Otherwise it is considered to be a data cell by default. This makes it possible for browsers to distinguish between the two types and render them accordingly, for instance when styles are disabled in a visual browser or when using a non-visual browser. Technical Note A data cell is rendered as a td element and a header cell is rendered as a th element. Categorizing Table Cells The editor can choose to categorize a table cell in several ways so that a non-visual browser can present the contents of the table in an understandable way. The scope of a table header cell can be set in order to indicate if the header applies to a row or to a column. The axis of a cell can be set to indicate that the cell is part of a certain category. The headers of a cell can be set to indicate which cells are the headers for the cell. This is done by specifying the ID of the header cells, which requires that an ID has been set for the header cells. Technical Note The selected scope value, row or col, is used to set the scope attribute of the th element. The entered axis value is used to set the axis attribute of a th or td element. The entered headers value is used to set the headers attribute of a td element. The entered ID is used to set the id attribute of a th or td element. Relative Size for Images, Tables and Table Cells The editor can choose to set a relative width and/or height, in percent, for an image, a table or a table cell instead of pixel dimensions. This makes resizing easier, changing the text size of the browser, since the image, table or table cell is then adapted to the surrounding element that might be resized if the page template has been designed accordingly. Technical Note A relative width or height for a table is used to set the width or height attribute of the table, td or th element. A relative width or height for an image is used to set the width or height property of the style attribute of the img element. Features in the Edit Form Dialog There are specific accessibility issues that are important when creating a form. With this in mind, the Edit Form dialog of EPiServer has the following accessibility features. Labeling Form Elements The editor can choose to specify a header text that will be used as a label for a form field, both displaying it as a text next to the field and permitting non-visual browsers to associate the label with its field. Technical Note The entered text is used inside the label element. The for attribute of the label element is set to the value of the id attribute of the corresponding form field element.

6 6 Creating Accessible Web Sites with EPiServer Form Element Titles The editor can choose to specify a ToolTip text that will be used as a title for a form field. This ToolTip is often displayed in visual browsers (depending on the type of field and the browser), and provides non-visual browsers with a description of the field. Technical Note The entered text is included in the title attribute of the form field element. Features in the Microsoft Office Add-In The Office add-in permits the editor to publish Microsoft Office documents to EPiServer directly from Word, Excel or PowerPoint. The content and formatting of the Office documents cannot be controlled by EPiServer while still in the Office program, but the editor has several ways of ensuring accessibility in the final EPiServer content. Alternative Texts for Images When inserting an image in an Office document, the editor can enter an alternative text describing the image for visitors that can't see the image. This is made by right-clicking the image and selecting Format Picture, and then filling in the text box on the Web tab. Technical Note The entered text is used to set the alt attribute of the img element, and this information is preserved when transferred to EPiServer. Link Titles When inserting a hyperlink, the editor can enter a link title describing the link. This might be important in case the link text itself isn t clear enough when read out of context, which might be the case in some non-visual browsers. Technical Note The entered text is included in the title attribute of the a element, and this information is preserved when transferred to EPiServer. Separation of Content and Presentation When formatting content in an Office document, the editor can choose to use the predefined formatting styles instead of setting fonts, colors, etc. directly for headings and body text. An Office document using the formatting styles Normal, Heading 1, Heading 2 and Heading 3 will transfer into an EPiServer page with the corresponding styles for the Web site. This ensures accessibility for the content as well as applying the Web look for all pages, regardless of whether they are created in EPiServer or in Office. Technical Note The selected Office heading styles Heading 1, Heading 2 and Heading 3 are transformed into h1, h2 and h3 elements when transferred to EPiServer. Adjustable Level of Filtering In order to ensure a higher level of accessibility, Web site administrators can choose to use a strict filter for the conversion of documents from Office to EPiServer. This will remove code that does not apply to current Web standards and that might cause accessibility problems. However, using a strict filter will also mean that a great part of the original formatting is lost, possibly making the EPiServer page rather different from the original. It is also possible to use a more tolerant filter for the conversion. More of the original formatting is preserved in this way, but it may cause accessibility problems. Technical Note The level of the filter determines the elements and attributes that are permitted/prohibited, and will affect the content of the EPiServer version of the Office document. EPiServer's strict and tolerant filters can be modified or replaced by custom filters.

Accessible Web Sites and EPiServer

Accessible Web Sites and EPiServer Accessible Web Sites and EPiServer How implementation of accessible Web sites can increase equal access and opportunities for everyone using the Web. WHITE PAPER WHAT IS ACCESSIBILITY? Accessibility affects

More information

Accessibility of EPiServer s Sample Templates

Accessibility of EPiServer s Sample Templates Accessibility of EPiServer s Templates An evaluation of the accessibility of EPiServer s sample according to current recommendations and guidelines elaborated by the World Wide Web Consortium s (W3C) Web

More information

Microsoft Office Integration

Microsoft Office Integration Microsoft Office Integration Product version: 4.60 Document version: 1.0 Document creation date: 23-03-2006 Purpose This technical note describes the functionality of the Microsoft Office integration with

More information

EPiServer s Compliance to WCAG and ATAG

EPiServer s Compliance to WCAG and ATAG EPiServer s Compliance to WCAG and ATAG An evaluation of EPiServer s compliance to the current WCAG and ATAG guidelines elaborated by the World Wide Web Consortium s (W3C) Web Accessibility Initiative

More information

Page Layout Using Tables

Page Layout Using Tables This section describes various options for page layout using tables. Page Layout Using Tables Introduction HTML was originally designed to layout basic office documents such as memos and business reports,

More information

Dreamweaver: Accessible Web Sites

Dreamweaver: Accessible Web Sites Dreamweaver: Accessible Web Sites Introduction Adobe Macromedia Dreamweaver 8 provides the most complete set of tools available for building accessible web sites. This workshop will cover many of them.

More information

Using Adobe Contribute 4 A guide for new website authors

Using Adobe Contribute 4 A guide for new website authors Using Adobe Contribute 4 A guide for new website authors Adobe Contribute allows you to easily update websites without any knowledge of HTML. This handout will provide an introduction to Adobe Contribute

More information

Dreamweaver CS3 Concepts and Techniques

Dreamweaver CS3 Concepts and Techniques Dreamweaver CS3 Concepts and Techniques Chapter 3 Tables and Page Layout Part 1 Other pages will be inserted in the website Hierarchical structure shown in page DW206 Chapter 3: Tables and Page Layout

More information

Rich Text Editor Quick Reference

Rich Text Editor Quick Reference Rich Text Editor Quick Reference Introduction Using the rich text editor is similar to using a word processing application such as Microsoft Word. After data is typed into the editing area it can be formatted

More information

Content Mirroring in EPiServer

Content Mirroring in EPiServer Content Mirroring in EPiServer Abstract From EPiServer 4.50 it is possible to define a selection of pages that can be mirrored to, for example, another system. This white paper describes the functionality

More information

[AVWSQ-ADWCS6]: WSQ ICDL Adobe Dreamweaver CS6

[AVWSQ-ADWCS6]: WSQ ICDL Adobe Dreamweaver CS6 [AVWSQ-ADWCS6]: WSQ ICDL Adobe Dreamweaver CS6 Length : 2 Days Audience(s) : New or existing users Level : 3 Technology : Adobe Dreamweaver CS6 program Delivery Method : Instructor-Led (Classroom) Course

More information

UNIVERSITY OF NORTH CAROLINA WILMINGTON

UNIVERSITY OF NORTH CAROLINA WILMINGTON Department: Contact Person: Date: Email: Online - Web & Course Accessibility Checklist Text, presentation & content Text equivalent is provided for every non-text element (i.e., image) (Solution: add an

More information

Integrating with EPiServer

Integrating with EPiServer Integrating with EPiServer Abstract EPiServer is an excellent tool when integration with existing systems within an organization is a requirement. This document outlines the Web services that are shipped

More information

Blackboard staff how to guide Accessible Course Design

Blackboard staff how to guide Accessible Course Design The purpose of this guide is to help online course authors in creating accessible content using the Blackboard page editor. The advice is based primarily on W3C s Web Content Accessibility Guidelines 1.0

More information

How to lay out a web page with CSS

How to lay out a web page with CSS How to lay out a web page with CSS You can use table design features in Adobe Dreamweaver CS3 to create a simple page layout. However, a more powerful technique is to use Cascading Style Sheets (CSS).

More information

PRESENCE. RadEditor Guide. SchoolMessenger 100 Enterprise Way, Suite A-300 Scotts Valley, CA

PRESENCE. RadEditor Guide. SchoolMessenger 100 Enterprise Way, Suite A-300 Scotts Valley, CA PRESENCE RadEditor Guide SchoolMessenger 100 Enterprise Way, Suite A-300 Scotts Valley, CA 95066 800-920-3897 www.schoolmessenger.com Contents Contents... 2 Introduction... 3 What is RadEditor?... 3 RadEditor

More information

EPiServer CMS. Editor User Guide update 15-1

EPiServer CMS. Editor User Guide update 15-1 EPiServer CMS Editor User Guide update 15-1 EPiServer CMS Editor User Guide update 15-1 Table of Contents 3 Table of contents Table of contents 3 Introduction 5 Features, licenses and releases 5 Web-based

More information

Design your source document with accessibility in mind. Do NOT use character formatting for headings, use the program s styles.

Design your source document with accessibility in mind. Do NOT use character formatting for headings, use the program s styles. Contents 2 Create an Accessible Microsoft Word Document 2 Use Styles 3 Columns 5 Lists 6 Tables 7 Links 7 Add Alternative Text 9 Microsoft Word 2010 Accessibility Checker Adobe Acrobat X Creating Accessible

More information

Episerver CMS. Editor User Guide

Episerver CMS. Editor User Guide Episerver CMS Editor User Guide Episerver CMS Editor User Guide update 15-5 Table of Contents 3 Table of contents Table of contents 3 Introduction 11 Features, licenses and releases 11 Online user guide

More information

Dreamweaver Tutorial #2

Dreamweaver Tutorial #2 Dreamweaver Tutorial #2 My web page II In this tutorial you will learn: how to use more advanced features for your web pages in Dreamweaver what Cascading Style Sheets (CSS) are and how to use these in

More information

CSS MOCK TEST CSS MOCK TEST III

CSS MOCK TEST CSS MOCK TEST III http://www.tutorialspoint.com CSS MOCK TEST Copyright tutorialspoint.com This section presents you various set of Mock Tests related to CSS. You can download these sample mock tests at your local machine

More information

Developing with XForms

Developing with XForms Developing with XForms Product version: 4.60 Document version: 1.0 Document creation date: 29-03-2006 Purpose EPiServer XForms contains logic to store and present forms and data posted from forms. Together

More information

Word Creating & Using Tables. IT Training & Development (818) Information Technology

Word Creating & Using Tables. IT Training & Development (818) Information Technology Information Technology Word 2007 User Guide Word 2007 Creating & Using Tables IT Training & Development (818) 677-1700 training@csun.edu www.csun.edu/it/training Table of Contents Introduction... 1 Anatomy

More information

Creating accessible forms

Creating accessible forms Creating accessible forms Introduction Creating an accessible form can seem tricky. Some of the questions people commonly ask include: Can I use protected forms? How do I lay out my prompts and questions?

More information

Independence Community College Independence, Kansas

Independence Community College Independence, Kansas Independence Community College Independence, Kansas C O N T E N T S Unit 1: Creating, Modifying, and Enhancing FrontPage Webs and Pages 1 Chapter 1 Investigating FrontPage 2002 3 Exploring World Wide Web

More information

Episerver CMS. Editor User Guide

Episerver CMS. Editor User Guide Episerver CMS Editor User Guide Episerver CMS Editor User Guide 17-2 Release date 2017-03-13 Table of Contents 3 Table of contents Table of contents 3 Introduction 11 Features, licenses and releases 11

More information

1 Introduction Working with Folders Working with Images and Files Creating a Banner Image... 39

1 Introduction Working with Folders Working with Images and Files Creating a Banner Image... 39 Inn Websitee User Manual Produced by the Umbraco Community Umbraco v4 [9. 16.13] Contents 1 Introduction... 3 1.1 American Inns of Court Inn Websites... 3 1.2 Introduction to Umbraco... 3 2 Getting Started

More information

Episerver CMS. Editor User Guide

Episerver CMS. Editor User Guide Episerver CMS Editor User Guide Episerver CMS Editor User Guide update 16-1 Table of Contents 1 Table of contents Table of contents 1 Introduction 8 Features, licenses and releases 8 Copyright notice 9

More information

1. What tool do you use to check which cells are referenced in formulas that are assigned to the active cell?

1. What tool do you use to check which cells are referenced in formulas that are assigned to the active cell? Q75-100 1. What tool do you use to check which cells are referenced in formulas that are assigned to the active cell? A. Reference Finder B. Range Finder C. Reference Checker D. Address Finder B. Range

More information

ITEC447 Web Projects CHAPTER 9 FORMS 1

ITEC447 Web Projects CHAPTER 9 FORMS 1 ITEC447 Web Projects CHAPTER 9 FORMS 1 Getting Interactive with Forms The last few years have seen the emergence of the interactive web or Web 2.0, as people like to call it. The interactive web is an

More information

Unit 8. Lesson 8.1. Microsoft FrontPage. Introduction. Microsoft FrontPage-1. Microsoft FrontPage

Unit 8. Lesson 8.1. Microsoft FrontPage. Introduction. Microsoft FrontPage-1. Microsoft FrontPage Microsoft FrontPage Unit 8 Microsoft FrontPage Introduction Lesson 8.1 Microsoft FrontPage-1 A number of Software Packages are available in market for creating a website. Among popular software s are Dreamweaver,

More information

Deccansoft Software Services

Deccansoft Software Services Deccansoft Software Services (A Microsoft Learning Partner) HTML and CSS COURSE SYLLABUS Module 1: Web Programming Introduction In this module you will learn basic introduction to web development. Module

More information

Getting Started with CSS Sculptor 3

Getting Started with CSS Sculptor 3 Getting Started with CSS Sculptor 3 With CSS Sculptor, you can quickly create a cross-browser compatible layout with custom widths, margins, padding, background images and more. Additionally, you can use

More information

Episerver CMS. Editor User Guide

Episerver CMS. Editor User Guide Episerver CMS Editor User Guide Episerver CMS Editor User Guide 17-6 Release date 2017-12-04 Table of Contents 3 Table of contents Table of contents 3 Introduction 11 Features, licenses and releases 11

More information

Web Accessibility Checklist

Web Accessibility Checklist Web Accessibility Checklist = Web Content Accessibility Guidelines published by the World Wide Web Consortium (W3C) 508 = Section 508 of the Rehabilitation Act = Both CATE and Moodle take care of the rule

More information

DETAILED SYLLABUS 1. INTRODUCTION TO COMPUTER

DETAILED SYLLABUS 1. INTRODUCTION TO COMPUTER DETAILED SYLLABUS 1. INTRODUCTION TO COMPUTER 1.0 Introduction 1.1 Objectives 1.2 What is Computer? 1.2.1 History of Computers 1.2.2 Characteristics Of Computer System 1.2.3 Basic Applications of Computer

More information

How to set up a local root folder and site structure

How to set up a local root folder and site structure Activity 2.1 guide How to set up a local root folder and site structure The first thing to do when creating a new website with Adobe Dreamweaver CS3 is to define a site and identify a root folder where

More information

COMSC-030 Web Site Development- Part 1. Part-Time Instructor: Joenil Mistal

COMSC-030 Web Site Development- Part 1. Part-Time Instructor: Joenil Mistal COMSC-030 Web Site Development- Part 1 Part-Time Instructor: Joenil Mistal Chapter 9 9 Working with Tables Are you looking for a method to organize data on a page? Need a way to control our page layout?

More information

FCKEditor v1.0 Basic Formatting Create Links Insert Tables

FCKEditor v1.0 Basic Formatting Create Links Insert Tables FCKEditor v1.0 This document goes over the functionality and features of FCKEditor. This editor allows you to easily create XHTML compliant code for your web pages in Site Builder Toolkit v2.3 and higher.

More information

Chapter 1 Getting Started with HTML 5 1. Chapter 2 Introduction to New Elements in HTML 5 21

Chapter 1 Getting Started with HTML 5 1. Chapter 2 Introduction to New Elements in HTML 5 21 Table of Contents Chapter 1 Getting Started with HTML 5 1 Introduction to HTML 5... 2 New API... 2 New Structure... 3 New Markup Elements and Attributes... 3 New Form Elements and Attributes... 4 Geolocation...

More information

Formatting a Report with Word 2010

Formatting a Report with Word 2010 Formatting a Report with Word 2010 The basics Although you can use Word to do a great many formatting tasks, here we will concentrate on the basic requirements for good presentation of a report. These

More information

Microsoft Expression Web Quickstart Guide

Microsoft Expression Web Quickstart Guide Microsoft Expression Web Quickstart Guide MS-Expression Web Quickstart Guide Page 1 of 24 Expression Web Quickstart Guide (20-Minute Training) Welcome to Expression Web. When you first launch the program,

More information

Excel Select a template category in the Office.com Templates section. 5. Click the Download button.

Excel Select a template category in the Office.com Templates section. 5. Click the Download button. Microsoft QUICK Excel 2010 Source Getting Started The Excel Window u v w z Creating a New Blank Workbook 2. Select New in the left pane. 3. Select the Blank workbook template in the Available Templates

More information

HTML and CSS COURSE SYLLABUS

HTML and CSS COURSE SYLLABUS HTML and CSS COURSE SYLLABUS Overview: HTML and CSS go hand in hand for developing flexible, attractively and user friendly websites. HTML (Hyper Text Markup Language) is used to show content on the page

More information

Table Basics. The structure of an table

Table Basics. The structure of an table TABLE -FRAMESET Table Basics A table is a grid of rows and columns that intersect to form cells. Two different types of cells exist: Table cell that contains data, is created with the A cell that

More information

Adobe Dreamweaver CS4

Adobe Dreamweaver CS4 Adobe Dreamweaver CS4 About Dreamweaver Whether creating simple blog pages complex web sites, Dreamweaver provides users with a powerful set of web-design tools necessary f the task. Its userfriendly interface

More information

Status Bar: Right click on the Status Bar to add or remove features.

Status Bar: Right click on the Status Bar to add or remove features. Excel 2013 Quick Start Guide The Excel Window File Tab: Click to access actions like Print, Save As, etc. Also to set Excel options. Ribbon: Logically organizes actions onto Tabs, Groups, and Buttons to

More information

Website Development with HTML5, CSS and Bootstrap

Website Development with HTML5, CSS and Bootstrap Contact Us 978.250.4983 Website Development with HTML5, CSS and Bootstrap Duration: 28 hours Prerequisites: Basic personal computer skills and basic Internet knowledge. Course Description: This hands on

More information

Project 1: Creating a Web Site from Scratch. Skills and Tools: Use Expression Web tools to create a Web site

Project 1: Creating a Web Site from Scratch. Skills and Tools: Use Expression Web tools to create a Web site E00EW3.qxp 4/14/2007 3:17 PM Page 1 Workshops w Introduction The Workshop is all about being creative and thinking outside of the box. These workshops will help your right-brain soar, while making your

More information

Working with Tables in Word 2010

Working with Tables in Word 2010 Working with Tables in Word 2010 Table of Contents INSERT OR CREATE A TABLE... 2 USE TABLE TEMPLATES (QUICK TABLES)... 2 USE THE TABLE MENU... 2 USE THE INSERT TABLE COMMAND... 2 KNOW YOUR AUTOFIT OPTIONS...

More information

USER GUIDE MADCAP FLARE Accessibility

USER GUIDE MADCAP FLARE Accessibility USER GUIDE MADCAP FLARE 2018 Accessibility Copyright 2018 MadCap Software. All rights reserved. Information in this document is subject to change without notice. The software described in this document

More information

Final Exam Study Guide

Final Exam Study Guide Final Exam Study Guide 1. What does HTML stand for? 2. Which file extension is used with standard web pages? a..doc b..xhtml c..txt d..html 3. Which is not part of an XHTML element? a. Anchor b. Start

More information

Insert/Edit Image. Overview

Insert/Edit Image. Overview Overview The tool is available on the default toolbar for the WYSIWYG Editor. The Images Gadget may also be used to drop an image on a page and will automatically spawn the Insert/Edit Image modal. Classic

More information

Information Systems Center. FrontPage 2003 Reference Guide for COMM 321 & 421

Information Systems Center. FrontPage 2003 Reference Guide for COMM 321 & 421 Information Systems Center FrontPage 2003 Reference Guide for COMM 321 & 421 September 2008 Table of Contents Portfolio Web Sites & Web Pages... 1 Open Your Portfolio Web Site in FrontPage for Editing...

More information

University of Wyoming. Web Accessibility Guidelines

University of Wyoming. Web Accessibility Guidelines 1 Web Accessibility Guidelines 2 TABLE OF CONTENTS Alternative Text... 3 Title Attributes... 4 Heading 1... 5 Sub Heading... 6 Text in Images... 7 Iframe Objects... 8 Embed Objects... 9 Use of Lists...

More information

Dreamweaver CS 5.5. University Information Technology Services. Training, Outreach, Learning Technologies, and Video Production

Dreamweaver CS 5.5. University Information Technology Services. Training, Outreach, Learning Technologies, and Video Production Dreamweaver CS 5.5 Creating Web Pages with a Template University Information Technology Services Training, Outreach, Learning Technologies, and Video Production Copyright 2012 KSU Department of Information

More information

B.E. Publishing Correlations to The Office Specialist.com, 2E to Microsoft Office Specialist Word 2016 Core (77-725)

B.E. Publishing Correlations to The Office Specialist.com, 2E to Microsoft Office Specialist Word 2016 Core (77-725) Correlations to The Office Specialist.com, 2E to Microsoft Office Specialist Word 2016 Core (77-725) B.E. Publishing Correlations to The Office Specialist.com, 2E to Microsoft Office Specialist Word 2016

More information

Using Sitecore 5.3.1

Using Sitecore 5.3.1 Using Sitecore 5.3.1 An End-User s Guide to Using and Administrating Sitecore Author: Sitecore Corporation Date: December 12, 2007 Release: Rev. 1.0 Language: English Sitecore is a registered trademark.

More information

Chapter 1 Introduction to Dreamweaver CS3 1. About Dreamweaver CS3 Interface...4. Creating New Webpages...10

Chapter 1 Introduction to Dreamweaver CS3 1. About Dreamweaver CS3 Interface...4. Creating New Webpages...10 CONTENTS Chapter 1 Introduction to Dreamweaver CS3 1 About Dreamweaver CS3 Interface...4 Title Bar... 4 Menu Bar... 4 Insert Bar... 5 Document Toolbar... 5 Coding Toolbar... 6 Document Window... 7 Properties

More information

Center for Faculty Development and Support Making Documents Accessible

Center for Faculty Development and Support Making Documents Accessible Center for Faculty Development and Support Making Documents Accessible in Word 2007 Tutorial CONTENTS Create a New Document and Set Up a Document Map... 3 Apply Styles... 4 Modify Styles... 5 Use Table

More information

Episerver CMS. Editor User Guide

Episerver CMS. Editor User Guide Episerver CMS Editor User Guide Episerver CMS Editor User Guide 18-2 Release date 2018-03-19 Table of Contents 3 Table of contents Table of contents 3 Introduction 8 Features, licenses and releases 8 Copyright

More information

Working with Multiple Languages in EPiServer

Working with Multiple Languages in EPiServer Working with Multiple Languages in EPiServer Product version: 4.60 Document version: 1.1 Document creation date: 04-04-2006 Purpose EPiServer's support for multilingual Web sites (multi-language) has been

More information

Product Accessibility Conformance Report

Product Accessibility Conformance Report Product Accessibility Conformance Report Name of Product / Version Number: Contact for more information: Gillian Neff / gillian.neff @clarivate.com Clarivate Analytics remains dedicated to developing software

More information

Starting Excel application

Starting Excel application MICROSOFT EXCEL 1 2 Microsoft Excel: is a special office program used to apply mathematical operations according to reading a cell automatically, just click on it. It is called electronic tables Starting

More information

MS Word 2013 Accessibility Fundamentals

MS Word 2013 Accessibility Fundamentals MS Word 2013 Accessibility Fundamentals Adapted with permission from ACCESSIBILITY FUNDAMENTALS FOR MICROSOFT OFFICE 2013, New Horizons Computer Learning Centers, 2014 INTRODUCTION Accessibility is the

More information

The Text Editor appears in many locations throughout Blackboard Learn and is used to format text. For example, you can use it to:

The Text Editor appears in many locations throughout Blackboard Learn and is used to format text. For example, you can use it to: About the Text Editor The Text Editor appears in many locations throughout Blackboard Learn and is used to format text. For example, you can use it to: Add items to Content Areas, Learning Modules, Lesson

More information

Nauticom NetEditor: A How-to Guide

Nauticom NetEditor: A How-to Guide Nauticom NetEditor: A How-to Guide Table of Contents 1. Getting Started 2. The Editor Full Screen Preview Search Check Spelling Clipboard: Cut, Copy, and Paste Undo / Redo Foreground Color Background Color

More information

Beginners Guide to Snippet Master PRO

Beginners Guide to Snippet Master PRO Beginners Guide to Snippet Master PRO This document assumes that Snippet Master has been installed on your site. If not please contact the Bakas IT web team at webreg@bakasit.com.au. Initial Login Screen...

More information

Chapter 5 Making Life Easier with Templates and Styles

Chapter 5 Making Life Easier with Templates and Styles Chapter 5: Making Life Easier with Templates and Styles 53 Chapter 5 Making Life Easier with Templates and Styles For most users, uniformity within and across documents is important. OpenOffice.org supports

More information

PowerPoint Introduction. Video: Slide Basics. Understanding slides and slide layouts. Slide Basics

PowerPoint Introduction. Video: Slide Basics. Understanding slides and slide layouts. Slide Basics PowerPoint 2013 Slide Basics Introduction PowerPoint presentations are made up of a series of slides. Slides contain the information you will present to your audience. This might include text, pictures,

More information

Basic Computer Course

Basic Computer Course Basic Computer Course KNOWING COMPUTER: - 3. What is Computer? Basic Applications of Computer 4. Components of Computer System Central Processing Unit Keyboard, mouse and VDU Other Input devices Other

More information

New Perspectives on Microsoft Excel Module 1: Getting Started with Excel

New Perspectives on Microsoft Excel Module 1: Getting Started with Excel New Perspectives on Microsoft Excel 2016 Module 1: Getting Started with Excel 1 Objectives, Part 1 Open and close a workbook Navigate through a workbook and worksheet Select cells and ranges Plan and create

More information

Web Manager 2.0 User s Manual Table of Contents

Web Manager 2.0 User s Manual Table of Contents Web Manager 2.0 User s Manual Table of Contents Table of Contents... 1 Web Manager 2.0 Introduction... 2 Rights and Permissions... 2 User Access Levels... 2 Normal Access... 2 Publisher Access... 2 WM2

More information

Solo 4.6 Release Notes

Solo 4.6 Release Notes June9, 2017 (Updated to include Solo 4.6.4 changes) Solo 4.6 Release Notes This release contains a number of new features, as well as enhancements to the user interface and overall performance. Together

More information

Create a Contact Sheet of Your Images Design a Picture Package Customize Your Picture Package Layout Resample Your Image...

Create a Contact Sheet of Your Images Design a Picture Package Customize Your Picture Package Layout Resample Your Image... 72 71 Create a Contact Sheet of Your Images................... 158 Design a Picture Package............ 160 73 Customize Your Picture Package Layout.... 162 74 Resample Your Image.................... 164

More information

SWsoft SiteBuilder 3.1 for Windows

SWsoft SiteBuilder 3.1 for Windows SWsoft, Inc. SWsoft SiteBuilder 3.1 for Windows User's Guide (c) 1999-2006 ISBN: N/A SWsoft, Inc. 13755 Sunrise Valley Drive Suite 325 Herndon VA 20171 USA Phone: +1 (703) 815 5670 Fax: +1 (703) 815 5675

More information

Seven Steps to Creating an Accessible PowerPoint Slideshow

Seven Steps to Creating an Accessible PowerPoint Slideshow Seven Steps to Creating an Accessible PowerPoint Slideshow Disability Access Services i About Disability Access Services Centralized Resource and Information on Disability Access Disability Access Services

More information

Creating Web Pages with SeaMonkey Composer

Creating Web Pages with SeaMonkey Composer 1 of 26 6/13/2011 11:26 PM Creating Web Pages with SeaMonkey Composer SeaMonkey Composer lets you create your own web pages and publish them on the web. You don't have to know HTML to use Composer; it

More information

How to Edit Your Website

How to Edit Your Website How to Edit Your Website A guide to using your Content Management System Overview 2 Accessing the CMS 2 Choosing Your Language 2 Resetting Your Password 3 Sites 4 Favorites 4 Pages 5 Creating Pages 5 Managing

More information

CA Productivity Accelerator 12.1 and Later

CA Productivity Accelerator 12.1 and Later CA Productivity Accelerator 12.1 and Later Localize Content Localize Content Once you have created content in one language, you might want to translate it into one or more different languages. The Developer

More information

Creating Accessible Microsoft Word 2003 Documents Table of Contents

Creating Accessible Microsoft Word 2003 Documents Table of Contents Table of Contents Creating Accessible Microsoft Word Documents...1 Introduction...2 Templates...2 Default Settings...2 Set the Language...2 Change Default Settings...2 To change the default Font:...2 To

More information

ADOBE Dreamweaver CS3 Basics

ADOBE Dreamweaver CS3 Basics ADOBE Dreamweaver CS3 Basics IT Center Training Email: training@health.ufl.edu Web Page: http://training.health.ufl.edu This page intentionally left blank 2 8/16/2011 Contents Before you start with Dreamweaver....

More information

Bootstrap All-in-One

Bootstrap All-in-One Solving big problems is easier than solving little problems. Sergey Brin Bootstrap All-in-One A Quick Introduction to Managing Content in Cascade Alex King, Jay Whaley 4/28/17 Bootstrap Docs Facilities

More information

Using Dreamweaver To Edit the Campus Template Version MX

Using Dreamweaver To Edit the Campus Template Version MX Using Dreamweaver To Edit the Campus Template Version MX Tennessee Tech University Clement Hall 215 Dreamweaver is an HTML (Hypertext Markup Language) editor that allows you to create HTML pages. This

More information

Set & Forget Marketing

Set & Forget Marketing Set & Forget Marketing POS Sites User Guide A Product Of Table of Contents Introduction... 1 Before you Begin.... 2 1. Decide on the look and feel of your Marketing E-mails... 2 2. Getting your Logo in

More information

MS Word 2010 Accessibility Fundamentals

MS Word 2010 Accessibility Fundamentals MS Word 2010 Accessibility Fundamentals Adapted with permission from Accessibility Fundamentals for Microsoft Office 2013, New Horizons Computer Learning Centers, 2014 INTRODUCTION Accessibility is the

More information

Marketplace Simulations Accessibility Conformance Report Based on Voluntary Product Accessibility Template (VPAT ) 1

Marketplace Simulations Accessibility Conformance Report Based on Voluntary Product Accessibility Template (VPAT ) 1 Marketplace Simulations Accessibility Conformance Report Based on Voluntary Product Accessibility Template (VPAT ) 1 Name of Product: Marketplace Simulations Date: September 20, 2017 Contact information:

More information

FrontPage 2000 Tutorial -- Advanced

FrontPage 2000 Tutorial -- Advanced FrontPage 2000 Tutorial -- Advanced Shared Borders Shared Borders are parts of the web page that share content with the other pages in the web. They are located at the top, bottom, left side, or right

More information

Virto SharePoint Forms Designer for Office 365. Installation and User Guide

Virto SharePoint Forms Designer for Office 365. Installation and User Guide Virto SharePoint Forms Designer for Office 365 Installation and User Guide 2 Table of Contents KEY FEATURES... 3 SYSTEM REQUIREMENTS... 3 INSTALLING VIRTO SHAREPOINT FORMS FOR OFFICE 365...3 LICENSE ACTIVATION...4

More information

c122sep2214.notebook September 22, 2014

c122sep2214.notebook September 22, 2014 This is using the border attribute next we will look at doing the same thing with CSS. 1 Validating the page we just saw. 2 This is a warning that recommends I use CSS. 3 This caused a warning. 4 Now I

More information

Html basics Course Outline

Html basics Course Outline Html basics Course Outline Description Learn the essential skills you will need to create your web pages with HTML. Topics include: adding text any hyperlinks, images and backgrounds, lists, tables, and

More information

Quark XML Author October 2017 Update with Business Documents

Quark XML Author October 2017 Update with Business Documents Quark XML Author 05 - October 07 Update with Business Documents Contents Getting started... About Quark XML Author... Working with documents... Basic document features... What is a business document...

More information

C1 CMS User Guide Orckestra, Europe Nygårdsvej 16 DK-2100 Copenhagen Phone

C1 CMS User Guide Orckestra, Europe Nygårdsvej 16 DK-2100 Copenhagen Phone 2017-02-13 Orckestra, Europe Nygårdsvej 16 DK-2100 Copenhagen Phone +45 3915 7600 www.orckestra.com Content 1 INTRODUCTION... 4 1.1 Page-based systems versus item-based systems 4 1.2 Browser support 5

More information

Using Dreamweaver CC. Logo. 4 Creating a Template. Page Heading. Page content in this area. About Us Gallery Ordering Contact Us Links

Using Dreamweaver CC. Logo. 4 Creating a Template. Page Heading. Page content in this area. About Us Gallery Ordering Contact Us Links Using Dreamweaver CC 4 Creating a Template Now that the main page of our website is complete, we need to create the rest of the pages. Each of them will have a layout that follows the plan shown below.

More information

EPiServer CMS. Editor User Guide update 14-1

EPiServer CMS. Editor User Guide update 14-1 EPiServer CMS Editor User Guide update 14-1 EPiServer CMS Editor User Guide update 14-1 Table of Contents 3 Table of contents Table of contents 3 Introduction 5 Features, licenses and releases 5 User guide

More information

Creating Tables in a Web Site Using an External Style Sheet

Creating Tables in a Web Site Using an External Style Sheet HTML 4 Creating Tables in a Web Site Using an External Style Sheet Objectives You will have mastered the material in this chapter when you can: Define table elements Describe the steps used to plan, design,

More information

The Dreamweaver Interface

The Dreamweaver Interface The Dreamweaver Interface Let s take a moment to discuss the different areas of the Dreamweaver screen. The Document Window The Document Window shows you the current document. This is where you are going

More information

Dazzle the Web with Dynamic Dreamweaver, Part II

Dazzle the Web with Dynamic Dreamweaver, Part II Dazzle the Web with Dynamic Dreamweaver, Part II In the second Dreamweaver workshop we will learn the following skills: 1. Adding hyperlinks to our home page 2. Adding images to our home page 3. Creating

More information

6. In the last Import Wizard dialog box, click Finish. Saving Excel Data in CSV File Format

6. In the last Import Wizard dialog box, click Finish. Saving Excel Data in CSV File Format PROCEDURES LESSON 39: WKING WITH FILE FMATS Using the Compatibility Checker 2 Click Info 3 Click Check for Issues 4 Click Check Compatibility 5 Review the issues and click OK Importing a File 1 Click the

More information

Styles, Style Sheets, the Box Model and Liquid Layout

Styles, Style Sheets, the Box Model and Liquid Layout Styles, Style Sheets, the Box Model and Liquid Layout This session will guide you through examples of how styles and Cascading Style Sheets (CSS) may be used in your Web pages to simplify maintenance of

More information