Accessibility of EPiServer s Sample Templates
|
|
- Erika Johnson
- 6 years ago
- Views:
Transcription
1 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 Accessibility Initiative (WAI). TECHNICAL NOTE
2 Accessibility of EPiServer s Templates 2 Table of Contents INTRODUCTION 3 SCOPE AND LIMITATIONS 4 SAMPLE TEMPLATE RATING 5 SAMPLE TEMPLATE ISSUES 8 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 Accessibility of EPiServer s Templates Introduction 3 Introduction The tables in this document specify the relative level of accessibility of the sample released with EPiServer 4.60 along with the issues related to the. References to the corresponding current WCAG 1.0 guidelines elaborated by the World Wide Web Consortium s (W3C) Web Accessibility Initiative (WAI) are included for the issues. For more detailed information on the WCAG guidelines, please refer to Note For more information about Web accessibility and EPiServer features that enhance the accessibility of the content created, please refer to the white paper Accessible Web Sites and EPiServer. For information regarding the WCAG and ATAG compliance of EPiServer, please refer to the white paper EPiServer s Compliance to WCAG and ATAG.
4 Accessibility of EPiServer s Templates Scope and Limitations 4 Scope and Limitations ASP.NET 2.0 TEMPLATES ONLY This evaluation has been made with the ASP.NET 2.0 version of the EPiServer 4.60 sample. Most of the results are also valid for the ASP.NET 1.1 version of the sample. There may be further issues for the ASP.NET 1.1 version of the, since Microsoft has made improvements in the release of their ASP.NET 2.0 framework. Since the ASP.NET 2.0 template package was selected for this evaluation, the new portal based on Web Parts have been evaluated instead of the old WSRP-based portal framework. TECHNICAL SPECIFICATIONS When evaluating the, the XHTML 1.0 Transitional document type has been used. Style sheets have been evaluated using CSS1. The following validators have been used: XHTML: CSS: PAGE CONTENT The sample content that is packaged with the sample has not been evaluated along with the sample. However, the creation of content has been taken into account in the evaluation presented in the white paper EPiServer s Compliance to WCAG and ATAG. MODULES NOT EVALUATED The evaluation focuses on the sample template package included in EPiServer, since this is the package delivered by default and includes the most commonly used. Modules and extensions have not been included in this evaluation, e.g. EPiStore, EPiBooking and EPiFields.
5 Accessibility of EPiServer s Templates Template Rating 5 Template Rating The sample page have been rated according to the results of the evaluation, and this is shown in the table below. A rating, where 5 is the highest and 1 is the lowest, has been given to each template. These ratings are not defined by WCAG, but indicate the overall status of the. The following criteria have affected the ratings negatively: If layout tables are used. If scripting is required for the core of the template. If labels are not correctly used for form fields. If the semantics of the markup used is not applied correctly. The amount of markup validation errors. Note The rating 5 does not mean that the template is perfect, and the rating 1 does not mean that the template is totally inaccessible. The rating should be seen as our own subjective rating to give an idea of the relative standards compliance of the different. This may help when deciding whether to use a certain template for a customer site, or when estimating the time required to adapt the template to a certain level of accessibility and standards compliance according to customer requirements. References to the issues corresponding to each template can be found in the table, and refer to the Template Issues table of the next section. To help give some idea of the nature of the referenced issues for each template, the issues have been categorized into the following groups: Usability and semantics (U), Markup and CSS (M), Tables (T), Scripts (S) and General (G). Note Comments are included as endnotes, and are listed at the end of this table. Template Description Category Issues Rating Start page Start page on the Web site Standard U8-9, U25-27, M2-7, M9-10, S1-4, S7 5 Ordinary web page 1 Ordinary information page Standard U8-9, U25-27, M2-7, M9-10, S1-3, S7 5 Form page (XForms) Page containing a form Standard U1, U8-10, U25-27, M2-11, T6-7, S1-3, S5-7 4 News list Displays internal news within the Web site or external news from an RSS source Standard U8-9, U25-27, M2-7, M9-10, M12, T8, S1-3, S7 4/5 2 RSS source Page displaying information from EPiServer in RSS format Standard N/A N/A 3 Calendar Main page for calendar Standard U8-9, U25-27, M2-10, T9, S1-3, S7-8 4
6 Accessibility of EPiServer s Templates Template Rating 6 Search Page for searching for information on the Web site Standard U8-9, U12, U15, U25-27, M2-7, M8-10, M13, S1-3, S5, S7 Index Page displaying the content of all or part of the Web site Standard U2, U8-9, U25-27, M2-5, M7, M9-10, M14-15, T10, S1-3, S7 Alphabetical index Page listing content in alphabetical order Standard U8-9, U25-29, M2-5, M7-10, S1-3, S7, S9 4 Changed recently Page displaying a list of pages that have recently been changed Standard U8-9, U25-27, M2-5, M7, M9-10, T18, S1-3, S7 5 File listing Page listing files from a folder on the Web server Standard U8-9, U25-27, M2-5, M7-10, M16, T1, S1-3, S7, S10 Subscription Page for visitors to select subscription information Standard U8-9, U16, U25-27, M2-5, M7-10, T12, S1-3, S5, S7 Discussion forum Main page for creating a discussion forum Standard U8-9, U13-14, U25-27, M2-5, M7-10, M17, S1-3, S7, S11 Tell-a-friend window Pop-up window opened from the header of a page Miscellaneous U17, M9-10, M18-19, T13 2 Print window Pop-up window opened from the header of a page Miscellaneous M9-10, M28 3 Cookie information window Pop-up window opened from the footer of the start page Miscellaneous M9-10, M29 3 Flash page Page for loading a flash movie Miscellaneous U3, U9, U25-27, M2-5, M9-10, M20, S1-3, S7 3 PDF form Page that generates a PDF file with data from the page Miscellaneous U8-9, U18, U25-27, M2-5, M7, M9-10, M21, T2, T14, S1-3, S5, S7 Slide show Page displaying a number of pages as a presentation, each page changing at pre-determined intervals Miscellaneous U8-9, U25-27, M2-5, M7, M9-10, S1-3, S7, S12 4 ReadSpeaker Page where the content can be heard in speakers Miscellaneous U8-9, U19, U25-27, M2-5, M7, M9-10, M22-24, S1-3, S7 Mobile page Page for mobile units Miscellaneous M9-10, M25 4 Register users Page where visitors can register themselves on the Web site Miscellaneous U8-9, U20, U25-27, M2-5, M7-10, M26, M41, S1-3, S5, S7 My settings A settings page where users can change their password and other personal settings Miscellaneous U8-9, U11, U25-27, M2-5, M7-10, M41, S1-3, S5, S7 Profile search Search page for personnel register Miscellaneous U4, U8-9, U21, U25-27, M2-5, M7-10, T3, T11, 2 4 3/
7 Accessibility of EPiServer s Templates Template Rating 7 S1-3, S5, S7, S13 Personal profile Personal page for information about an individual. Used for the personnel register. Miscellaneous U8-9, U22, U25-27, M2-5, M7-10, M27, T11, T15, S1-3, S5, S7, S14 2 Login page EPiServer default login page Miscellaneous U23, M9-10, M30, T16, S15 1 Document list Displays a list of documents published from Microsoft Office Microsoft Office U5, U8-9, U25-27, M2-5, M7, M9-10, M31, S1-3, S5, S7 4 Document Document published from Microsoft Office Microsoft Office U6, U8-9, U25-27, M2-5, M7, M9-10, M32, S1-3, S5, S7 Workroom pages Pages used for workrooms Workroom U7-9, U25-27, M1-5, M9-10, M35-41, T5, S1-3, S7, S17, G3 Blog pages Pages for creating and using blogs Blog U9, U24-27, M2-5, M7-10, M33-34, T4, S1-3, S5, S7, S16 3 2/3 5 3 Blog RSS source Page displaying information from a blog in RSS format Blog N/A 6 News group pages Pages for news group (pages used in frameset) News group M9-10, G2 1 Portal page Page containing a Web Part portal Portal U8-9, U25-27, M2-5, M7-10, T17, S1-3, S5, S7, G1 Mixed content page Page containing both normal content and Web Part portal parts Portal U8-9, U25-27, M2-5, M7-10, T17, S1-3, S5, S7, G Also used for news and calendar event pages. 2 Dependent on whether RSS listing is used. 3 Does not generate XHTML content, and is therefore not evaluated. 4 Dependent on rendering mode. 5 Dependent on whether the Document is used. 6 Does not generate XHTML content, and is therefore not evaluated.
8 Accessibility of EPiServer s Templates Template Issues 8 Template Issues This table provides detailed information on the issues found when evaluating the sample listed in the previous chapter. Since the evaluation has been made in accordance to the WCAG 1.0 guidelines, references to the applicable guidelines are included. Note Comments are included as endnotes, and are listed at the end of this table. Category: Usability and semantics WCAG 1.0 Issue Cause File Environment Checkpoint Priority U1 Form-statistics image does not have an empty alt attribute. All U2 Index images do not have an empty alt attribute. 1 All U3 Flash template does not contain alternative description. Units/FlashBody.ascx All U4 Profile finder's detailed results list does not contain alternative descriptions for images. Units/ProfileFinder.ascx All U5 Document list template contains images without alt attributes. Util/DocumentList.ascx All U6 Document template does not specify title for iframe. Util/Document.ascx All U7 Workroom pages contain images without alternative texts. /Workroom/Templates/Units/Overview.ascx, /Workroom/Templates/Units/News.ascx, /Workroom/Templates/Units/Calendar.ascx, /Workroom/Templates/Units/BulletinBoard.ascx, /Workroom/Templates/Units/Members.ascx All U8 Headings and <h> tags are not properly used. All 3.5 2
9 Accessibility of EPiServer s Templates Template Issues 9 U9 U10 U11 U12 U13 U14 U15 U16 U17 U18 U19 U20 Pop-up windows are used for the print, tell-a-friend and cookie information functions without warning the user. Check boxes and radio buttons use a non-associated label instead of <fieldset> and <legend> tags. 2 My settings form does not use associated labels. Absolute widths are used for search field and buttons. Discussion forum post form does not use associated labels. Absolute widths are used for discussion forum post form fields. Search function field does not have a title or label. Subscription form does not use associated labels. Tell-a-friend form does not use associated labels. PDF form does not use associated labels. Pop-up window is used for the ReadSpeaker function without warning the user. Register users form does not use associated labels. Units/QuickBar.ascx, Units/CookieInfo.ascx All All Units/PersonalSettings.ascx All Units/Search.ascx All 3.3, Units/Conference.ascx All All 3.3, Units/Search.ascx All Units/Subscribe.ascx All Units/ Page.aspx All Units/PdfForm.ascx All Units/ReadSpeaker.ascx All Units/Register.ascx All U21 Profile finder form does not use Units/ProfileFinder.ascx All
10 Accessibility of EPiServer s Templates Template Issues 10 associated labels. U22 Personal profile edit view form does not use associated labels. Units/Profile.ascx All U23 Login form does not use associated labels. (/Util/Login.aspx) All U24 Blog forms do not use associated labels. All U25 Content language declaration does not reflect actual language. MasterPages/MasterPage.master All U26 Menu links and link lists are not defined as lists and cannot be bypassed. All menu and listing controls All U27 Top menu links are not separated by printable characters. Units/TopMenu.ascx All U28 Alphabetical index navigation links are not separated by printable characters. Units/AlphanumericListing.ascx All U29 Alphabetical index content link list is not defined as a list and cannot be bypassed. All menu and listing controls All Category: Markup and CSS WCAG 1.0 Issue Cause File Environment Checkpoint Priority M1 M2 Workroom list page contains invalid markup. 3 Extra empty <title> tag is generated. (ASP.NET 2.0) /Workroom/Templates/Units/WorkroomList.ascx All 1.1, 3.2 1, 2 MasterPages/MasterPage.master ASP.NET M3 Quicksearch button uses invalid Units/QuickSearch.ascx All 3.2 2
11 Accessibility of EPiServer s Templates Template Issues 11 attribute value. M4 EPiServer Property Web Control uses <span> tags around content, which may cause validation errors. 4 All M5 EPiServer Property Web Control uses invalid attributes when logged in and when simple editing is enabled, which may cause validation errors. All M6 Listing links may contain empty target attributes, which causes validation errors. Units/Listing.ascx All M7 Non-encoded language parameter used in some links for globalized sites when sitestructure-urls are not used. and core Globalized site without using Web addresses that are based on the site structure M8 Menu generates invalid attribute after postback. 5 Units/Menu.ascx All M9 EditMenuName is not a valid CSS property. 6 (/styles/editor.css) All M10 CSS contains some invalid style definitions. /styles/editor.css, /styles/structure.css, /styles/units.css All M11 Form-field markup contains invalid characters. 7 (ASP.NET 2.0) ASP.NET M12 RSS Reader's table has an invalid border attribute. Units/RssListing.ascx All M13 Search function contains invalid markup. Units/Search.ascx All 3.2 2
12 Accessibility of EPiServer s Templates Template Issues 12 M14 Index uses invalid <nobr> tags. M15 Index uses invalid list markup. 8 M16 M17 M18 M19 M20 M21 M22 M23 M24 M25 M26 M27 File listing contains invalid markup. 9 Discussion forum contains invalid markup. Tell-a-friend function does not have a doctype declaration. Tell-a-friend function contains erroneous css declaration. 10 Flash template contains invalid markup. PDF form script section is not properly declared. ReadSpeaker script section is not properly declared. ReadSpeaker link contains non-encoded characters. ReadSpeaker pop-up window contains invalid markup. Mobile template contains invalid markup. Register users template uses <span> tags around password <div>, which causes validation errors. 11 Personal profile edit view contains invalid markup. Units/SiteMap.ascx All All Units/FileListing.ascx All All Units/ Page.aspx All Units/ Page.aspx All Units/FlashBody.ascx All Units/PdfForm.ascx All Units/ReadSpeaker.ascx All Units/ReadSpeaker.ascx All Units/ReadSpeaker.ascx All Units/Mobile.aspx All All Units/Profile.ascx All 3.2 2
13 Accessibility of EPiServer s Templates Template Issues 13 M28 Print function does not have a doctype declaration and contains invalid markup. Units/PrintFunctions.ascx All M29 Cookie information function does not have a doctype declaration and contains invalid markup. Units/CookieInfo.ascx All M30 Login page does not use the correct doctype and contains invalid markup. (/Util/Login.aspx) All M31 Document list template contains unclosed <img> tags. Util/DocumentList.ascx All M32 Document template contains unclosed <img> tags. Util/Document.ascx All M33 Blog post form uses non- XHTML Editor, which causes validation errors. /Blog/Units/EditorBlog.ascx All M34 Blog table with posts and comments contains validation errors. /Blog/Units/EditListing.ascx All M35 Workroom navigation tab markup contains invalid characters. 12 (ASP.NET 2.0) ASP.NET M36 Workroom page contains <style> block inside the page <body> tag, which causes validation error. /Workroom/Templates/WorkroomPage.aspx All M37 Workroom navigation tabs contain invalid markup. 13 All M38 Workroom content links may contain empty target attributes, /Workroom/Templates/Units/Overview.ascx All 3.2 2
14 Accessibility of EPiServer s Templates Template Issues 14 which causes validation errors. M39 Workroom content links contain invalid characters. 14 and core All M40 Workroom calendar edit view contains invalid markup. 15 All M41 Template is not cross-browser compatible. 16 and core Browsers other than Internet Explorer. N/A N/A Category: Tables WCAG 1.0 Issue Cause File Environment Checkpoint Priority T1 File listing table is not correctly designed. Units/FileListing.ascx All 5.1, 5.5 1, 3 T2 PDF form list table is not correctly designed. Units/PdfForm.ascx All 5.1, 5.5 1, 3 T3 Profile finder results list table is not correctly designed. Units/ProfileFinder.ascx All 5.1, 5.5 1, 3 T4 Blog table with posts and comments is not correctly designed. /Blog/Units/EditListing.ascx All 5.1, 5.5 1, 3 T5 Workroom member tables are not correctly designed. /Workroom/Templates/Units/Members.ascx All 5.1, 5.5 1, 3 T6 Tables are used for form layout. 17 Units/Xform.ascx All T7 Tables are used for formstatistics layout. All T8 RSS Reader uses table for layout. Units/RssListing.ascx All 5.3 2
15 Accessibility of EPiServer s Templates Template Issues 15 T9 Calendar uses nested tables for layout. (ASP.NET) T10 Index uses tables for layout. T11 T12 T13 Profile finder form and detailed results view use tables for layout. Subscription form partly uses table for layout. Tell-a-friend function uses table for layout. (ASP.NET) T14 PDF form uses table for layout. T15 T16 T17 T18 Personal profile uses table for layout. Login page uses table for layout. Portal pages use tables to include portal content. Changed recently does not provide a summary for the results table. Units/Calendar.ascx All All Units/ProfileFinder.ascx All All Units/ Page.aspx All Units/PdfForm.ascx All Units/Profile.ascx All (/Util/Login.aspx) All All Units/ChangedPages.ascx All Category: Scripts WCAG 1.0 Issue Cause File Environment Checkpoint Priority S1 Print function does not work when JavaScript is disabled. Units/QuickBar.ascx JavaScript disabled S2 Tell-a-friend function does not work when JavaScript is Units/QuickBar.ascx JavaScript disabled 6.3 1
16 Accessibility of EPiServer s Templates Template Issues 16 disabled. S3 Quick-search function does not work when JavaScript is disabled. Units/QuickSearch.ascx JavaScript disabled S4 Cookie information function does not work when JavaScript is disabled. Units/CookieInfo.ascx JavaScript disabled S5 Submit buttons do not work when JavaScript is disabled and site-structure-urls are used. JavaScript disabled and Web addresses that are based on the site structure S6 Switching between form and form statistics using link does not work when JavaScript is disabled. (ASP.NET) Units/Xform.ascx JavaScript disabled S7 Login function does not work when JavaScript is disabled. Units/QuickBar.ascx JavaScript disabled S8 Calendar navigation does not work when JavaScript is disabled. (ASP.NET) Units/Calendar.ascx All S9 Alphabetical index does not work when JavaScript is disabled. Units/AlphanumericListing.ascx All S10 File listing folder navigation does not work when JavaScript is disabled. Units/FileListing.ascx All S11 Discussion forum does not work when JavaScript is disabled. Units/Conference.ascx JavaScript disabled S12 Slide show only shows first page if JavaScript is disabled. Units/PageRoller.ascx JavaScript disabled 6.3 1
17 Accessibility of EPiServer s Templates Template Issues 17 S13 Profile finder navigation links do not work when JavaScript is disabled. (ASP.NET) Units/ProfileFinder.ascx JavaScript disabled S14 Personal profile edit links do not work when JavaScript is disabled. (ASP.NET) Units/Profile.ascx JavaScript disabled S15 Login page's detailed cookie information is not available when JavaScript is disabled. (/Util/Login.aspx) JavaScript disabled S16 Blog does not work when JavaScript is disabled. JavaScript disabled S17 Workroom does not work when JavaScript is disabled. JavaScript disabled Category: General WCAG 1.0 Issue Cause File Environment Checkpoint Priority G1 Web Parts framework and do not comply with current recommendations and standards. 18 (ASP.NET 2.0) ASP.NET , 3.2, 5.3 etc. 1, 2, 2 G2 News groups pages do not comply with current recommendations and standards. All 3.2 etc. 2 G3 Workroom document tab uses EPiServer File Manager, which does not comply with current recommendations and standards. All 3.2 2
18 Accessibility of EPiServer s Templates Template Issues 18 1 For render modes Tree1 and Tree2. 2 Fixed in Missing alt attribute, invalid NAME attribute, <div> tag contained inside <a> tag. 4 All elements are not allowed inside <span> element. 5 translate attribute on children indicator <img> tag. 6 Property used for formatting style options in the EPiServer Editor. 7 $ is used in id's. 8 For render mode List. 9 xmlns attribute, xhtml. 10 Contextmenu css is included outside the head section. There should not even be a contextmenu. 11 Block elements are not allowed inside <span> element. 12 $ is used in id's. 13 Invalid OnClick attribute, invalid nesting of <div> tags. 14 "&" characters are not encoded. 15 Invalid OnClick attribute in InputDate Web Control. 16 Layout problems in browsers other than Internet Explorer (e.g. Firefox, Opera). 17 Code sample pre-released for 4.61 workaround (single-column div-based form layout). 18 Microsoft is currently working on improvements according to WAI.
Creating Accessible Web Sites with EPiServer
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 Creating Accessible
More informationEPiServer 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 informationDeveloping 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 informationAleph - Web Opac Accessibility. Accessibility in Aleph500 Web OPAC
Accessibility in Aleph500 Web OPAC 1 CHANGE CONTROL Version Date Author Description 0.1 29.05.2007 Initial draft - v16 1.0 12.06.2007 Version for release - v16 1.1 15.06.2006 Updates v18 initial draft
More informationContent 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 informationAccessible 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 informationDuke Library Website Preliminary Accessibility Assessment
Duke Library Website Preliminary Accessibility Assessment RAW OUTPUT FROM CYNTHIASAYS December 15, 2011 Michael Daul, Digital Projects Developer Digital Experience Services HiSoftware Cynthia Says - Web
More informationCHAPTER 2 MARKUP LANGUAGES: XHTML 1.0
WEB TECHNOLOGIES A COMPUTER SCIENCE PERSPECTIVE CHAPTER 2 MARKUP LANGUAGES: XHTML 1.0 Modified by Ahmed Sallam Based on original slides by Jeffrey C. Jackson reserved. 0-13-185603-0 HTML HELLO WORLD! Document
More informationSetting Up EPiServer for Demo
Setting Up EPiServer for Demo Abstract This document describes how to set up a standard EPiServer installation so that it can be used in a demo environment. Product version: 4.51 Document version: 1.0
More informationHTML HTML/XHTML HTML / XHTML HTML HTML: XHTML: (extensible HTML) Loose syntax Few syntactic rules: not enforced by HTML processors.
HTML HTML/XHTML HyperText Mark-up Language Basic language for WWW documents Format a web page s look, position graphics and multimedia elements Describe document structure and formatting Platform independent:
More informationWeb Development IB PRECISION EXAMS
PRECISION EXAMS Web Development IB EXAM INFORMATION Items 53 Points 73 Prerequisites COMPUTER TECHNOLOGY Grade Level 10-12 Course Length ONE YEAR Career Cluster INFORMATION TECHNOLOGY Performance Standards
More informationCOPYRIGHTED MATERIAL. Contents. Chapter 1: Creating Structured Documents 1
59313ftoc.qxd:WroxPro 3/22/08 2:31 PM Page xi Introduction xxiii Chapter 1: Creating Structured Documents 1 A Web of Structured Documents 1 Introducing XHTML 2 Core Elements and Attributes 9 The
More informationVirto 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 informationMicrosoft 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 information1 of 7 8/27/2014 2:26 PM Units: Teacher: WebPageDesignI, CORE Course: WebPageDesignI Year: 2012-13 Designing & Planning Web Pages This unit will give students a basic understanding of core design principles
More informationSection 508C This manual provides basic information on applicable guidelines and best practices for 508 Compliance.
Section 508C This manual provides basic information on applicable guidelines and best practices for 508 Compliance. 1194.22 Web-based intranet and internet information and applications A. Text Equivalent
More informationCreating Accessible DotNetNuke Skins Using CSS
Creating Accessible DotNetNuke Skins Using CSS Cathal Connolly, MVP, DotNetNuke Trustee Lee Sykes, www.dnncreative.com Session: SKN201 Agenda Why should I make my site accessible? Creating Compliant Skins
More informationCompuScholar, Inc. Alignment to Utah's Web Development I Standards
Course Title: KidCoder: Web Design Course ISBN: 978-0-9887070-3-0 Course Year: 2015 CompuScholar, Inc. Alignment to Utah's Web Development I Standards Note: Citation(s) listed may represent a subset of
More informationAdobe Experience Manager (AEM) 5.6 for Forms Portal Voluntary Product Accessibility Template
Adobe Experience Manager (AEM) 5.6 for Forms Portal Voluntary Product Accessibility Template The purpose of the Voluntary Product Accessibility Template is to assist Federal contracting officials in making
More informationHTML CS 4640 Programming Languages for Web Applications
HTML CS 4640 Programming Languages for Web Applications 1 Anatomy of (Basic) Website Your content + HTML + CSS = Your website structure presentation A website is a way to present your content to the world,
More informationAdobe Sign Voluntary Product Accessibility Template
Adobe Sign Voluntary Product Accessibility Template The purpose of the Voluntary Product Accessibility Template is to assist Federal contracting officials in making preliminary assessments regarding the
More informationCOPYRIGHTED MATERIAL. Contents. Introduction. Chapter 1: Structuring Documents for the Web 1
Introduction Chapter 1: Structuring Documents for the Web 1 A Web of Structured Documents 1 Introducing HTML and XHTML 2 Tags and Elements 4 Separating Heads from Bodies 5 Attributes Tell Us About Elements
More informationMODULE 2 HTML 5 FUNDAMENTALS. HyperText. > Douglas Engelbart ( )
MODULE 2 HTML 5 FUNDAMENTALS HyperText > Douglas Engelbart (1925-2013) Tim Berners-Lee's proposal In March 1989, Tim Berners- Lee submitted a proposal for an information management system to his boss,
More informationCSI 3140 WWW Structures, Techniques and Standards. Markup Languages: XHTML 1.0
CSI 3140 WWW Structures, Techniques and Standards Markup Languages: XHTML 1.0 HTML Hello World! Document Type Declaration Document Instance Guy-Vincent Jourdan :: CSI 3140 :: based on Jeffrey C. Jackson
More informationReview of HTML. Chapter Pearson. Fundamentals of Web Development. Randy Connolly and Ricardo Hoar
Review of HTML Chapter 3 Fundamentals of Web Development 2017 Pearson Fundamentals of Web Development http://www.funwebdev.com - 2 nd Ed. What Is HTML and Where Did It Come from? HTML HTML is defined as
More informationVirto 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...
More informationzetoc Website Accessibility Project
zetoc Website Accessibility Project 1. Aim To make all information pages AA accessible, and if possible AAA accessible To make all information pages pages xhtml transitional To document any problems in
More informationINTRODUCTION TO HTML5! HTML5 Page Structure!
INTRODUCTION TO HTML5! HTML5 Page Structure! What is HTML5? HTML5 will be the new standard for HTML, XHTML, and the HTML DOM. The previous version of HTML came in 1999. The web has changed a lot since
More informationThis document is for informational purposes only. PowerMapper Software makes no warranties, express or implied in this document.
OnDemand User Manual Enterprise User Manual... 1 Overview... 2 Introduction to SortSite... 2 How SortSite Works... 2 Checkpoints... 3 Errors... 3 Spell Checker... 3 Accessibility... 3 Browser Compatibility...
More informationDreamweaver: 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 informationMoodlerooms Voluntary Product Accessibility Template January 2016
Overview Moodlerooms Voluntary Product Accessibility Template January 2016 1194.22 Web-based Intranet and Internet Information and Applications 1194.31 Functional Performance Criteria 1194.41 Information,
More informationFile: SiteExecutive 2013 Core Modules User Guide.docx Printed September 30, 2013
File: SiteExecutive 2013 Core Modules User Guide.docx Printed September 30, 2013 Page i Contact: Systems Alliance, Inc. Executive Plaza III 11350 McCormick Road, Suite 1203 Hunt Valley, Maryland 21031
More informationVovici Enterprise Web Accessibility Guidelines
know more. go far. Vovici Enterprise Web Accessibility Guidelines Version 4.0 March 2009 45365 Vintage Park Plaza, Suite 250, Dulles, VA 20166 t: + 1 703 481 9326 f: + 1 703 783 0069 e: sales@vovici.com
More informationTable 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 informationHTML5 MOCK TEST HTML5 MOCK TEST I
http://www.tutorialspoint.com HTML5 MOCK TEST Copyright tutorialspoint.com This section presents you various set of Mock Tests related to HTML5 Framework. You can download these sample mock tests at your
More informationNEW WEBMASTER HTML & CSS FOR BEGINNERS COURSE SYNOPSIS
NEW WEBMASTER HTML & CSS FOR BEGINNERS COURSE SYNOPSIS LESSON 1 GETTING STARTED Before We Get Started; Pre requisites; The Notepad++ Text Editor; Download Chrome, Firefox, Opera, & Safari Browsers; The
More informationGRAPHIC WEB DESIGNER PROGRAM
NH128 HTML Level 1 24 Total Hours COURSE TITLE: HTML Level 1 COURSE OVERVIEW: This course introduces web designers to the nuts and bolts of HTML (HyperText Markup Language), the programming language used
More informationWorking 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 informationUNIVERSITY 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 informationAll Adobe Digital Design Vocabulary Absolute Div Tag Allows you to place any page element exactly where you want it Absolute Link Includes the
All Adobe Digital Design Vocabulary Absolute Div Tag Allows you to place any page element exactly where you want it Absolute Link Includes the complete URL of the linked document, including the domain
More informationQuick Start Guide. This guide will help you get started with Kentico CMS for ASP.NET. It answers these questions:
Quick Start Guide This guide will help you get started with Kentico CMS for ASP.NET. It answers these questions:. How can I install Kentico CMS?. How can I edit content? 3. How can I insert an image or
More informationAdobe Experience Manager 6.0 Voluntary Product Accessibility Template
Adobe Experience Manager 6.0 Voluntary Product Accessibility Template The purpose of the Voluntary Product Accessibility Template is to assist Federal contracting officials in making preliminary assessments
More informationE-Business Systems 1 INTE2047 Lab Exercises. Lab 5 Valid HTML, Home Page & Editor Tables
Lab 5 Valid HTML, Home Page & Editor Tables Navigation Topics Covered Server Side Includes (SSI) PHP Scripts menu.php.htaccess assessment.html labtasks.html Software Used: HTML Editor Background Reading:
More informationCUSTOMER PORTAL. Custom HTML splashpage Guide
CUSTOMER PORTAL Custom HTML splashpage Guide 1 CUSTOM HTML Custom HTML splash page templates are intended for users who have a good knowledge of HTML, CSS and JavaScript and want to create a splash page
More informationEPiFields Developer Information
EPiFields Developer Information Product version: 4.40.1.0 Document version: 1.0 Document creation date: 01-02-2005 Purpose EPiFields is an EPiServer add-in, enabling the editor to enter variable data into
More informationWeb Programming and Design. MPT Senior Cycle Tutor: Tamara Week 1
Web Programming and Design MPT Senior Cycle Tutor: Tamara Week 1 What will we cover? HTML - Website Structure and Layout CSS - Website Style JavaScript - Makes our Website Dynamic and Interactive Plan
More informationVMware AirWatch 8 VPAT
VMware, Inc. 3401 Hillview Avenue Palo Alto, CA 94304 (877) 486-9273 main (650) 427-5001 fax www.vmware.com VMware AirWatch 8 VPAT May 2015 Since the VPAT must be comprehensive, all Section 508 issues
More informationPerfect Student Midterm Exam March 20, 2007 Student ID: 9999 Exam: 7434 CS-081/Vickery Page 1 of 5
Perfect Student Midterm Exam March 20, 2007 Student ID: 9999 Exam: 7434 CS-081/Vickery Page 1 of 5 NOTE: It is my policy to give a failing grade in the course to any student who either gives or receives
More informationCSS for Page Layout Robert K. Moniot 1
CSS for Page Layout 2015 Robert K. Moniot 1 OBJECTIVES In this unit, you will learn: How to use style sheets for layout Controlling text flow, margins, borders, and padding Controlling visibility of elements
More informationUSER GUIDE. MADCAP FLARE 2017 r3. Accessibility
USER GUIDE MADCAP FLARE 2017 r3 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 informationUSER 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 informationGetting Started with EPiServer 4
Getting Started with EPiServer 4 Abstract This white paper includes information on how to get started developing EPiServer 4. The document includes, among other things, high-level installation instructions,
More informationExam : 9A Title : Adobe GoLive CS2 ACE Exam. Version : DEMO
Exam : 9A0-046 Title : Adobe GoLive CS2 ACE Exam Version : DEMO 1. Which scripting language is the default for use with ASP, and does NOT require a language specification at the beginning of a Web page's
More informationCounty of Sonoma Web Accessibility Questionnaire
County of Sonoma Web Accessibility Questionnaire County policy requires that all County websites, web content and web-based applications must be accessible to staff members and members of the public with
More informationIntegrating 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 informationChapter 10: Understanding the Standards
Disclaimer: All words, pictures are adopted from Learning Web Design (3 rd eds.) by Jennifer Niederst Robbins, published by O Reilly 2007. Chapter 10: Understanding the Standards CSc2320 In this chapter
More informationEFM Community 3.1 Portal Administration Guide
EFM Community 3.1 Portal Administration Guide WHITE PAPER For technical support please call: 1-800-787-8755 Or visit: Hwww.Vovici.comH Please contact Vovici technical support if you believe any of the
More information1/6/ :28 AM Approved New Course (First Version) CS 50A Course Outline as of Fall 2014
1/6/2019 12:28 AM Approved New Course (First Version) CS 50A Course Outline as of Fall 2014 CATALOG INFORMATION Dept and Nbr: CS 50A Title: WEB DEVELOPMENT 1 Full Title: Web Development 1 Last Reviewed:
More informationLecture : 3. Practical : 2. Course Credit. Tutorial : 0. Total : 5. Course Learning Outcomes
Course Title Course Code WEB DESIGNING TECHNOLOGIES DCE311 Lecture : 3 Course Credit Practical : Tutorial : 0 Total : 5 Course Learning Outcomes At end of the course, students will be able to: Understand
More informationLearn Classic Voluntary Product Accessibility Template September 2017
Overview Learn Classic Voluntary Product Accessibility Template September 2017 1194.22 Web-based Intranet and Internet Information and Applications 1194.31 Functional Performance Criteria 1194.41 Information,
More informationDesign 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 informationChapter 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 informationYes No Comments. SHQ Form Compliance Checklist. Sponsor Name: Anticipated Launch Date: Url (s) used for site audit: Audit performed by: Audit Date:
SHQ Form Compliance Checklist Sponsor Name: Anticipated Launch Date: Url (s) used for site audit: Audit performed by: Audit Date: Documentation Received: Design/Functional Specification Yes No Comments
More informationLearn Saas with the Ultra Experience Voluntary Product Accessibility Template August 2017
Overview Learn Saas with the Ultra Experience Voluntary Product Accessibility Template 1194.22 Web-based Intranet and Internet Information and Applications 1194.31 Functional Performance Criteria 1194.41
More informationEPiBooking WHITE PAPER
EPiBooking EPiBooking is a module to EPiServer that makes it possible to book available resources and administer the resources for which you are responsible. WHITE PAPER INTRODUCTION EPiBooking is a module
More informationBuilding Web Sites Using the EPiServer Content Framework
Building Web Sites Using the EPiServer Content Framework Product version: 4.60 Document version: 1.0 Document creation date: 28-03-2006 Purpose A major part in the creation of a Web site using EPiServer
More information('cre Learning that works for Utah STRANDS AND STANDARDS WEB DEVELOPMENT 1
STRANDS AND STANDARDS Course Description Web Development is a course designed to guide students in a project-based environment, in the development of up-to-date concepts and skills that are used in the
More informationWebsite review excitesubmit.com
Website review excitesubmit.com Generated on November 14 2018 12:00 PM The score is 45/100 SEO Content Title ExciteSubmit - FREE Search Engine Submission Service Length : 52 Perfect, your title contains
More information<Insert Picture Here> WebCenter Interaction Essentials: Advanced Multi-Channel UI Customizations with Adaptive Layouts Session #904
WebCenter Interaction Essentials: Advanced Multi-Channel UI Customizations with Adaptive Layouts Session #904 Brian C Harrison Principal Product Manager Program Agenda Understanding
More informationEpiserver 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 informationCBORD s Response to Voluntary Product Evaluation Template For GET
Voluntary Product Accessibility Template 1 CBORD s Response to Voluntary Product Evaluation Template For GET Date: 3/27/2015 Name of Product: GET/The CBORD Group, Inc. Contact for more Information: http://www.cbord.com
More informationGetting Started with EPiServer 4
Getting Started with EPiServer 4 Abstract This white paper includes information on how to get started developing EPiServer 4. The document includes, among other things, high-level installation instructions,
More informationLecture 13. Page Layout. Mr. Mubashir Ali Lecturer (Dept. of Computer Science)
Lecture 13 Page Layout Mr. Mubashir Ali Lecturer (Dept. of dr.mubashirali1@gmail.com 1 Summary of the previous lecture Font properties Controlling text with CSS Styling links Styling background Styling
More informationACCESSIBLE DESIGN THEMES
WCAG GUIDELINES The Web Content Accessibility Guidelines (WCAG) has been made to guide the Web Content Developers and the Authoring Tools Developers in order to make the Web Content more accessible to
More informationSharePoint User Manual
SharePoint User Manual Developed By The CCAP SharePoint Team Revision: 10/2009 TABLE OF CONTENTS SECTION 1... 5 ABOUT SHAREPOINT... 5 1. WHAT IS MICROSOFT OFFICE SHAREPOINT SERVER (MOSS OR SHAREPOINT)?...
More informationMobile MOUSe WEB SITE DESIGN ONLINE COURSE OUTLINE
Mobile MOUSe WEB SITE DESIGN ONLINE COURSE OUTLINE COURSE TITLE WEB SITE DESIGN COURSE DURATION 19 Hours of Interactive Training COURSE OVERVIEW In this 7 session course Debbie will take you through the
More information16. HTML5, HTML Graphics, & HTML Media 웹프로그래밍 2016 년 1 학기 충남대학교컴퓨터공학과
16. HTML5, HTML Graphics, & HTML Media 웹프로그래밍 2016 년 1 학기 충남대학교컴퓨터공학과 목차 HTML5 Introduction HTML5 Browser Support HTML5 Semantic Elements HTML5 Canvas HTML5 SVG HTML5 Multimedia 2 HTML5 Introduction What
More information2 P age. Pete s Pagebuilder revised: March 2008
AKA DNN 4 Table of Content Introduction... 3 Admin Tool Bar... 4 Page Management... 6 Advanced Settings:... 7 Modules... 9 Moving Modules... 10 Universal Module Settings... 11 Basic Settings... 11 Advanced
More informationUnderstanding Your Compliance Sheriff Report
Understanding Your Compliance Sheriff Report Todd M. Weissenberger, University of Iowa About Compliance Sheriff... 3 Scans... 4 Checkpoints... 5 Examples... 5 Results Summary... 6 Revising Your Scan Results...
More informationCreating HTML files using Notepad
Reference Materials 3.1 Creating HTML files using Notepad Inside notepad, select the file menu, and then Save As. This will allow you to set the file name, as well as the type of file. Next, select the
More informationAdvanced Dreamweaver CS6
Advanced Dreamweaver CS6 Overview This advanced Dreamweaver CS6 training class teaches you to become more efficient with Dreamweaver by taking advantage of Dreamweaver's more advanced features. After this
More informationOn the application of W3C Guidelines in Website Design from scratch
On the application of W3C Guidelines in Website Design from scratch Diamantino Freitas, Helder Ferreira Faculty of Engineering of the University of Porto LPF-ESI / DEEC / FEUP / Portugal dfreitas@fe.up.pt,
More informationSiteforce Pilot: Best Practices
Siteforce Pilot: Best Practices Getting Started with Siteforce Setup your users as Publishers and Contributors. Siteforce has two distinct types of users First, is your Web Publishers. These are the front
More informationEpiserver 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 informationAdobe Experience Manager (AEM) 6.2 Forms Workbench Voluntary Product Accessibility Template
Adobe Experience Manager (AEM) 6.2 Forms Workbench Voluntary Product Accessibility Template The purpose of the Voluntary Product Accessibility Template is to assist Federal contracting officials in making
More informationSiteAssist Professional Help Documentation. Copyright 2008 WebAssist.com Corporation All rights reserved.
SiteAssist Professional Help Documentation Copyright 2008 WebAssist.com Corporation All rights reserved. User Interface Access WebAssist Category of Insert toolbar SiteAssist Professional Wizard SiteAssist
More informationVMware vrealize Code Stream 6.2 VPAT
VMware, Inc. 3401 Hillview Avenue Palo Alto, CA 94304 (877) 486-9273 main (650) 427-5001 fax www.vmware.com VMware vrealize Code Stream 6.2 VPAT June 2015 Since the VPAT must be comprehensive, all Section
More informationVoluntary Product Accessibility Template (VPAT) Applicable Sections
Voluntary Product Accessibility Template (VPAT) Name of Product Reaxys Date January 6, 2014 Completed by Jack Bellis, Elsevier UCD, Philadelphia Contact for more Information Product Version Number 2.15859.10
More informationAdobe Contribute 6.5 Voluntary Product Accessibility Template
Adobe Contribute 6.5 Voluntary Product Accessibility Template The purpose of the Voluntary Product Accessibility Template is to assist Federal contracting officials in making preliminary assessments regarding
More informationLab - Task Manager in Windows 7 and Vista
Lab - Task Manager in Windows 7 and Vista Introduction In this lab, you will explore Task Manager and manage processes from within Task Manager. Recommended Equipment The following equipment is required
More informationIEEE Wordpress Theme Documentation
IEEE Wordpress Theme Documentation Version 1.0.2 2014-05- 16 Table of Contents TABLE OF CONTENTS 2 INITIAL SETUP 3 FRONT PAGE 3 POSTS PAGE 4 CONTACT 5 SITE MAP 6 MENU 7 HOME PAGE 8 PAGE TEMPLATES 10 LEFT
More informationSOFTRONIICS Call:
Microsoft ASP.NET Programming Certification - Syllabus Section I - The Interface of Microsoft ASP.NET What Is ASP.NET, and Why Is It So Great? Understanding Web Servers and Browsers Understanding Static
More informationVMware vrealize Code Stream 1.0 VPAT
VMware, Inc. 3401 Hillview Avenue Palo Alto, CA 94304 (877) 486-9273 main (650) 427-5001 fax www.vmware.com VMware vrealize Code Stream 1.0 VPAT June 2015 Since the VPAT must be comprehensive, all Section
More informationCMS Training. Web Address for Training Common Tasks in the CMS Guide
CMS Training Web Address for Training http://mirror.frostburg.edu/training Common Tasks in the CMS Guide 1 Getting Help Quick Test Script Documentation that takes you quickly through a set of common tasks.
More informationUSING STYLESHEETS TO DESIGN A WEB SITE IN DREAMWEAVER MX 2004
USING STYLESHEETS TO DESIGN A WEB SITE IN DREAMWEAVER MX 2004 Introduction This document assumes that you are familiar with the use of a computer keyboard and mouse, have a working knowledge of Microsoft
More informationMaking Accessibility Part of Your Web Site Management Routine Rick Ells
Making Part of Your Web Site Management Routine Making accessible design part of your Web site management routine is not simple. Habit, practicalities, and even your Web publishing software seem to work
More informationADOBE 9A Adobe Dreamweaver CS4 ACE.
ADOBE 9A0-090 Adobe Dreamweaver CS4 ACE http://killexams.com/exam-detail/9a0-090 ,D QUESTION: 74 You use an image throughout your Web site. You want to be able to add this image to various Web pages without
More informationWaterloo Drupal User Group
Waterloo Drupal User Group 2010-12- 16 Definition Legislation Guidelines and standards Resources and tools Tips Drupal Web accessibility Means that people with disabilities can use the Web (i.e., perceive,
More informationicms 9.0 The industry leading responsive, multi-user, multi-website content management system
icms 9.0 The industry leading responsive, multi-user, multi-website content management system www.yfactor.com Strategy + Design + Technology www.yfactor.com Do you need a reliable, flexible and easy-to-use
More informationVMware vfabric Hyperic 5.0 VPAT
VMware, Inc. 3401 Hillview Avenue Palo Alto, CA 94304 (877) 486-9273 main (650) 427-5001 fax www.vmware.com VMware vfabric Hyperic 5.0 VPAT December 20, 2012 Since the VPAT must be comprehensive, all Section
More information