Derivation algorithm Roman Toda, Normex.

Slides:



Advertisements
Similar presentations
Table (TABLE) Contains TABLE ROWS (TR) Contains TABLE DATA (TD) Data can contain anything Text Lists Other tables Pictures …
Advertisements

Basic Accessible PDF Document Training Adobe Acrobat Professional 11.
Creating Tables Text Tables -created by using preformatted tags. Graphical Tables - created using Table Structure with HTML.
Accessible PDF Creation using Adobe Acrobat Professional 11.
Introduction to Web Site Development Steven Emory Department of Computer Science California State University, Los Angeles Lecture 4: Tables and Frames.
 2008 Pearson Education, Inc. All rights reserved. 1 Introduction to HTML.
Creating and publishing accessible course materials Practical advise you can replicate.
Updated on: September 4, 2010 CIS67 Foundations for Creating Web Pages Professor Al Fichera.
© 2012 Adobe Systems Incorporated. All Rights Reserved. LEARNING THE LANGUAGE OF THE WEB INTRODUCTION TO HTML AND CSS.
Internet & World Wide Web How to Program, 5/e Copyright © Pearson, Inc All Rights Reserved.
Webpage design for researchers Dr Jim Briggs 1.
Chapter 2 Web Site Design Principles
Editing for the Web TECM 4190 Dr. Lam. What makes a website “good” Write down some characteristics that you consider define a “good” website.
Chapter 9 Table Basics Key Concepts Copyright © 2013 Terry Ann Morris, Ed.D 1.
Table (TABLE) Contains TABLE ROWS (TR) Contains TABLE DATA (TD) Data can contain anything › Text › Lists › Other tables › Pictures › …
 2003 Prentice Hall, Inc. All rights reserved. Introduction to HTML: Tables Outline 1 Introduction 2 Basic HTML Tables 3 Intermediate HTML Tables and.
HTML.
Introduction to Web Site Development John Hurley Department of Computer Science California State University, Los Angeles Lecture 4: Favicons Tables and.
Accessible PDF Creation using Adobe Acrobat Professional 11.
Chapter 9 Table Basics Key Concepts Copyright © 2013 Terry Ann Morris, Ed.D 1.
Tables creating a table within a web page. What makes up a table? Columns Rows.
Web Design Principles 5 th Edition Chapter 3 Writing HTML for the Modern Web.
HTML LAYOUTS. CONTENTS Layouts Example Layout Using Element Example Using Table Example Output Summary Exercise.
INTRODUCTION ABOUT DIV Most websites have put their content in multiple columns. Multiple columns are created by using or elements. The div element is.
CONCEPTS FOR FLUID LAYOUT Web Page Layout. Essential Questions What challenges do mobile devices present to Web designers? What are the basic concepts.
S.MD.FAROOQ M.Tech., [Ph.D] Assistant Professor Department of CSE Santhiram Engineering College.
Web Accessibility training An introduction to web accessibility.
How HTML responsiveness translates to PDF
Chapter 2 Web Site Design Principles
HTML & CSS Jan Janoušek.
HTML.
HTML CS 4640 Programming Languages for Web Applications
AHG Advanced Techniques for PDF Accessibility
Organizing Content with Lists and Tables
Web Development & Design Foundations with HTML5
CSS: Cascading Style Sheets
Working with Tables: Module A: Table Basics
>> HTML: Tables.
Web Development & Design Foundations with HTML5 8th Edition
Tables and Frames.
Improving Braille accessibility and personalization on Internet
Programming the Web using XHTML and JavaScript
Adobe Acrobat Pro DC – Introduction to Accessible PDFs
Chapter 7 Tables.
The Basics of PDF Accessibility
Cascading Style Sheets
HTML and CSS 8th Edition Chapter 18: Tables.
What You Need to Know About Accessible PDF
Responsive Web Design (RWD)
Chapter 8 Tables.
Context Is Everything Meaningful Alternative Text
Styles and the Box Model
Responsive Web Design (RWD)
Introduction to Web Authoring
Introduction to XHTML Cont:.
Implementing Tables to Hold Data in HTML
Tutorial 3 Working with Cascading Style Sheets
Introduction to HTML.
Web Development & Design Foundations with HTML5
Chapter 4 Planning Site Navigation
Principles of Web Design 5th Edition
Creating a Basic Web Page using HTML
Adobe Acrobat DC Accessibility - Metadata, Reading Order, Links
Adobe Acrobat DC Accessibility Data Tables
Web Client Side Technologies Raneem Qaddoura
Adobe Acrobat DC Accessibility Page Structure
Web Development & Design Foundations with HTML5
Web Programming and Design
HTML CS 4640 Programming Languages for Web Applications
Basics of Web Design Chapter 9 Table Basics Key Concepts
Presentation transcript:

Derivation algorithm Roman Toda, Normex

History, Evolution of PDF Graphical model, defined provisions for accurate on screen, when printed representation. Adopted word rendering Marked content Introducing semantic into the content Tagged PDF First time used different presentation model for assistive technology

Problems today How to use pdfs on mobiles In browsers In automated processes We have to question the biggest strength, the very basic principle of PDF = precise layout These days HTML rules the world when it comes to presenting content Customers don’t care if we can interpret color precisely

Rendering vs Export Why you don’t just convert pdf back to Word? Precise layout Accurate representation WYSIWYG Export Conversion Using heuristics

Next generation PDF – what are the options? BasePDF and alternates Provide alternate representation for each device ? Device ? or Media? Landscape/portrait? Can we represent/interpret standard pdf differently than just rendering it? Would it be possible to enrich pdfs and just use them in new environments?

Derivation Derivation our new word for rendering Is it possible to deterministically interpret PDF content in the web based environment? Yes. We believe that TaggedPDF provisions in ISO 32000-2 are rich enough to be unambiguously interpreted in html = Derived are the best way to capture author’s intent

StructTree

StructTree

Standard structure element types Chapter 14.8.4 in ISO 32000-2 Annot, Artifact, Aside, Caption, Document, DocumentFragment, Div, Em, FEnote, Figure, Form, Formula, H1..Hn, L, Lbl, LBody, LI, Link, P, RB, RP, RT, Ruby, Span, Strong, Sub, Table, TBody, TD, TFoot, TH THead, Title, TR, Warichu, WT, WP Some sound like html tags: Div, Span, P, H1, LI Some are harder to imagine: Annot RoleMap may be involved

Text

Text

Text

Text

List

List

List – what author wants?

List – better tagging Best Practice Guide

List – better tagging Best Practice Guide

List – problems with tools today Best Practice Guide

List – problems with tools today Best Practice Guide

Table

Table - derivation

Table - derivation

Attributes – general concept Each Tag can be better described by attributes Different “owners”

Attributes – general concept Examples for Text and Table tags Text element Table element

Attributes – general concept

Attributes – general concept

Attributes – general concept

Derivation only looks at CSS Attribute owners Derivation only looks at CSS TaggedPDFs are not responsive pdfs

Attribute usage - styling Can use the whole power of CSS

Attribute usage - styling

Attribute usage - styling

Table again - styling .css Let’s define ClassMap for our table and header .css

Styling - table

Styling - table

Own stylesheet? Use Associated files Mozilla: https://hg.mozilla.org/mozilla-central/file/tip/layout/style/res/html.css

Own stylesheet? Use Associated files webkit

Own stylesheet? Use Associated files green

Own stylesheet? Use Associated files MS

Own stylesheet? Use Associated files Adobe

Own stylesheet? Use Associated files stackowerflow

Own stylesheet? Use Associated files

What else is considered? Easy? NO Metadata Destinations Annotations Aria roles MathML SVG Forms/ data ….

Summary World of single representation is over. Today we need to read out loud our pdfs, but what’s going to be tomorrow? It’s time to stop producing bad pdfs It’s time to give authors full control over pdf interpretation Author decides instead of tool decides Instead of saying there is only one way to interpret PDF we will be saying that there is always deterministic way of interpreting pdf

Thank you Q&A