PDFs & Dorsetforyou.com Laura Hall Senior Website Officer

Slides:



Advertisements
Similar presentations
Chapter 3 – Web Design Tables & Page Layout
Advertisements

Nvu - How to Create Your Own Website From Start to Finish!Dr. Dawn Sherry & Dr. Barry J. Monk Dr. Dawn Sherry Dr. Barry J. Monk Assistant Professor of.
KompoZer. This is what KompoZer will look like with a blank document open. As you can see, there are a lot of icons for beginning users. But don't be.
Business Computer Information Systems 1A Microsoft Office XP Word: Lessons 6 – Desktop Publishing, Lesson 7 – Working With Documents, Lesson 8 – Increasing.
Copyright © 2013 Pearson Education, Inc. Publishing as Prentice Hall. 1 Skills for Success with Office 2010 Vol. 1, 2e PowerPoint Lecture to Accompany.
ETT 229 Fall 2004 Web Design Basics II. Agenda 11:00-11:05 – Quiz 14 11:05-11:50 – Web Design Lecture 11:50-12:15 – Web Design Practice 2.
III.Creating Downloadable Files: Word, PDF, Excel and PowerPoint A Web Accessibility Primer: Usability for Everyone Office of Web Communications.
How to Create Accessible PowerPoint Presentations Elizabeth Tu and Thayer Watkins April, 2010.
ETT 429 Spring 2007 Web Design I.
Microsoft ® Word Templates and Accessibility Presentation for Boston-IA by Barbara Casaly
Accessible PDFs Mark Hale SCIT 6/20/2013. Agenda PDF issues Bottom Line on PDFs How to Triage PDFs Your PDF Plan 2.
Adobe Reader and Acrobat Professional Adobe LiveCycle Designer Microsoft Office Word PowerPoint.
Tags through Forms. This element is required for all HTML pages It must be at the top of every page of every website We’ll see later on why it is important.
Creating and publishing accessible course materials Practical advise you can replicate.
Creating Accessible PDF’s in Adobe Acrobat Professional 7.0.
Everyday Accessibility. Maximise accessibility using Microsoft® Word, PowerPoint, and PDFs. Andrew Costello (Disability Service). Trinity College Dublin.
 What is web accessibility? ture=relatedhttp://
Word processing June 2013.
Microsoft ® Word Templates and Accessibility. 1 What is a Word template? File with a.dot (document template) extension Can define the following:  Paragraph.
Accessibility with Office and Acrobat Andrew Arch Online Accessibility Consulting.
Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Development with Dreamweaver.
Accessibility Standards. This PowerPoint will cover: – Web accessibility standards – Word file accessibility – PDF accessibility – PowerPoint accessibility.
HTML HTML stands for "Hyper Text Mark-up Language“. Technically, HTML is not a programming language, but rather a markup language. Used to create web pages.
Web Technologies Website Development Trade & Industrial Education
Accessible Web Design Carolyn Fiori Assistive Technology Specialist, College of San Mateo November 2011.
Creating a Course for Universal Learning & Participation Ian Shadrick, Instructor: Counseling, Leadership, & Special Education Megan Shadrick, Associate.
Website Development with Dreamweaver
1 CSC 121 Computers and Scientific Thinking David Reed Creighton University HTML and Web Pages.
MSOffice WORD.
LEARN THE QUICK AND EASY WAY! VISUAL QUICKSTART GUIDE HTML and CSS 8th Edition Chapter 6: Links.
Dreamweaver MX Unit B CIS 205—Web Site Design and Development.
Accessibility of online instructional tools and documents Terrill Thompson Technology Accessibility
Webmasters’ Guild Word Training. Making Better Word 2007 (and 2003) Documents Styles…Images…Lists Oh my!
Accessible Word and PDF documents
Use CSS to Implement a Reusable Design Selecting a Dreamweaver CSS Starter Layout is the easiest way to create a page with a CSS layout You can access.
Chapter 1 Getting Started With Dreamweaver. Exploring the Dreamweaver Workspace The Dreamweaver workspace is where you can find all the tools to create.
Accessible Presentations For MS PowerPoint 2013 Presented by: Valerie East.
This poster has been designed to act as a customisable template. You do not have to use this template but it might be a useful starting point. The poster.
Lecture 3- Microsoft Word COE 201- Computer Proficiency.
The Good, the Bad & the Ugly: Style and design in Website creation Chris Webster: Information Officer and Website Manager at the EARL Consortium for Public.
Qmags At The Cutting Edge of Digital Publishing. Mobile (Platform, Specification and Features) Template Elements ( Your home page will be the only unique.
Sitecore Basic Training Drexel’s full-featured web content management system (CMS) Web Support Information Resources & Technology (IRT)
Sitecore Basic Training Drexel’s full-featured web content management system (CMS) Web Support Information Resources & Technology (IRT)
Sitecore Basic Training Drexel’s full-featured web content management system (CMS) Web Support Information Resources & Technology (IRT)
Sitecore Basic Training Content Management System (CMS) University Communications Web Services
Copyright © 2013 Pearson Education, Inc. Publishing as Prentice Hall. 1 Skills for Success with Office 2010 Vol. 1, 2e PowerPoint Lecture to Accompany.
Making the Most of PDFs PDF (portable document format) is a file format developed by Adobe Systems. PDFs make it possible to send documents with original.
Creating Web Pages in Word. Sharing Office Files Online Many Web pages are created using the HTML programming language. Web page editors are software.
Accessibility and Teaching Online Beth Case Program Manager for Digital, Emerging, and Assistive Technologies University of Louisville, Delphi Center.
Creating Section 508 Compliant Documents & Presentations
Computer Fundamentals
Making Templates Accessible
Creating Accessible PDFs from Word Docs
Creating Accessible Electronic Content
Creating ADA Compliant Resources
Objective % Explain concepts used to create websites.
CYBER SPACE FOR ALL: Accessible Document Creation for the Web and how it benefits everybody! Andrea Walsh, OT Reg. (Ont.). Centre for Human Rights, Equity.
MS PowerPoint Accessibility Tutorial
Creating Section 508 Compliant Documents & Presentations
New PowerPoint Template
New PowerPoint Template
Creating Section 508 Compliant Documents & Presentations
Making Templates Accessible
Introduction to the ISB Intranet
Skills for Success with Microsoft® Office 2010
Elements of Effective Web Design
Web content management
Accessibility Guide.
Creating Accessible Microsoft Word Documents
Welcome To Microsoft Word 2016
Presentation transcript:

PDFs & Dorsetforyou.com Laura Hall Senior Website Officer

Web accessibility

“PDFs reflect print thinking. On the Web, we need web thinking.” Gerry McGovern

The problems with PDFs Users have to wait for their PDF reader to start - interrupting the flow Once it starts they are presented with a document with no site navigation and no way back to the website homepage The PDF reader has different controls from a web browser – no back button, for example – intimidating for web users who lack confidence PDFs are rarely written in a web friendly way – long, chunky paragraphs with no whitespace and nothing to aid speedy web reading PDFs are also set up to fit an A4 piece of paper, not a computer screen - very difficult to view on a computer, no matter what size you view it PDFs are often huge file sizes – especially if there are a lot of images. So you can click on them and suddenly find you are downloading a massive file instead of quickly loading a web page 40%+ of our web traffic is mobile now Search engines can’t search text in PDFs

The solution Don’t use PDFs on the web – put the information directly onto the page. “Consider your users, and the uses to which they’ll put your published data and content. If in doubt, treat the native format of the web, HTML, as a good fallback option. Web browsers are available on all platforms and devices, and web pages tend to be both passably accessible and machine-readable.” Gov.uk Service Manual

Some alternatives Webpages E-forms Videos E-newsletters Links

Creating accessible PDFs How to make PDFs that everyone can use The best way to create an accessible PDF is to create an accessible source document. Well structured Microsoft Word documents make good source documents for conversion to PDF. When a source document is converted into PDF it is tagged. The PDF tag tree reflects the structure of the document, and it’s this structure that assistive technologies like screen readers use to navigate the document.

Use Microsoft Word Use headings - Use the heading styles in Word to create a logical document structure. Don’t increase the size of text or make it bold to create the appearance of headings. Treat your document like a book: It should have one title (level one heading) and multiple chapters (level two headings). Within each chapter there may be multiple sections (level three headings) and sub sections (level four headings). Use lists - Use the list styles in Word to group together related items. If the items follow a specific sequence, use a numbered list instead. Don’t use punctuation or other markers to create the illusion of a list. Create a table of contents - If your document is longer than a few pages, use Word to automatically create a table of contents based on your heading structure. Don’t use lists and links to manually create a table of contents.

Use readable body text - Use left aligned text. Don’t use justified text. Choose a sans serif font and use the styles in Word to set it as the default, with a minimum size of 12pt. If you need to include footnotes or other text of a smaller size, increase the size of the body text to 14pt rather than reducing the size of any text below 12pt. Don’t use chunks of italicised or capitalised text, and don’t underline text unless it’s a link.

Use good colour contrast - Use foreground/background colours for text that have a good contrast ratio. The 4.5:1 ratio recommended by the Web Content Accessibility Guidelines 2.0 is a good minimum.Web Content Accessibility Guidelines 2.0 Don’t use colour or shape as the only way to identify something in your document. Use text labels or descriptions instead. Use data tables - Use tables with column headings to display data. Don’t use tables to make cosmetic changes to the layout of the document. Provide text descriptions - Use Word to add text descriptions to all important images in the document. Make sure the text description includes all the information contained within, or conveyed by, the image.

Use Adobe Acrobat & test your document Set the document language Check the tag tree Check the tab order Check the reading order Check the reflow order Check text descriptions Remove empty tags Set decorative content Check data tables Check active links Check high contrast Display document title Testing

What next? Continuous improvement = Focus on tasks NOT content Reduce pages/content to increase customer satisfaction Better web accessibility for everyone