דרונט – כל פתרונות האינטרנט בבית אחד.. דרונט – מעל 3000 לקוחות.

Slides:



Advertisements
Similar presentations
HTML I. HTML Hypertext mark-up language. Uses tags to identify elements of a page so that a browser such as Internet explorer can render the page on a.
Advertisements

AHEAD HTML Accessibility Topics: Keyboard Accessibility Content and Structure Links Headings and Lists Images in HTML Pages Tables Forms.
Introduction to HTML & CSS
WCAG 2.0 top ten checkpoints Ten popular area of focus for compliance and accessibility.
Website Accessibility Testing Todd M. Weissenberger Web Accessibility Coordinator University of Iowa
Browser Toolbars You Shouldn’t Do Without How the WAT and WDT Can Help You Design Accessible Websites.
Introduction to Web Accessibility. What is Web Accessibility Web accessibility means that people with disabilities can use the Web Disabilities including.
EASI Equal Access to Software and Information EASI is the premier provider of online training about accessible information technology.
COMP101 – Exploring Multimedia and Internet Computing LA2 (Thur 14:00 – 16:50) TA: Jackie Lo.
Create internal and external links Create internal links to named anchors Insert Flash Text Create, modify, and copy navigation bar Manage Web site links.
Five Tips to Improve Web Accessibility Presenter — Laurie Quon Los Alamos National Laboratory 2003 InterLab Conference Stanford Linear Accelerator Center.
CM143 - Web Week 2 Basic HTML. Links and Image Tags.
CM143 - Web Week 11 Accessibility Priority Checkpoints.
HCI 201 Week 5 Loose Ends. Agenda Image stuff Image stuff File stuff File stuff Bandwidth Bandwidth UNIX UNIX HTML HTML Design elements Design elements.
Outline IS400: Development of Business Applications on the Internet Fall 2004 Instructor: Dr. Boris Jukic DHTML.
IV. “Regular” Web Pages: HTML A Web Accessibility Primer: Usability for Everyone Office of Web Communications.
Semantic Markup and Search Engine Optimization Joseph R. Lewis Sandia National Laboratories.
Web Design Part 2 Page Size, Screen Layout and Content.
HTML. Goals How to use the Komodo editor HTML coding and testing – List and Images – Tables and Links – At least 2 pages and navigation –
1 Web Developer & Design Foundations with XHTML Chapter 7 Key Concepts.
Alternative Views of the Web Jon Gunderson, Ph.D. Division of Rehabilitation-Education Services University of Illinois at Urbana/Champaign.
Is Your Website Accessible? Stephanie M. Brown School of Health, Physical Education, and Recreation Indiana University.
Planning an Accessible Website: Beyond Alt Tags Stephanie M. Randolph School of Health, Physical Education, and Recreation Indiana University.
The Internet Writer’s Handbook 2/e Web Accessibility Writing for the Web.
The Online Experience: Accessibility & Usability for Everyone Richard W. Smith.
Americans with Disabilities Act (ADA): Compliance on the University Libraries Web Portal John Pardavila Library Systems May 29, 2013.
Week 8 – Part 3 More on Links, Layout, and Mobile Key Concepts 1.
Web Accessiblity Carol Gordon SIU Medical Library.
Title, meta, link, script.  The title looks like:  The tag defines the title of the document in the browser toolbar.  It also: ◦ Provides a title for.
Section 4.1 Format HTML tags Identify HTML guidelines Section 4.2 Organize Web site files and folder Use a text editor Use HTML tags and attributes Create.
LIST OF WEB ACCESSIBILITY TOOLS GRANT MUKAI. WEB BROWSERS.
Design and Construction of Accessible Web Sites Michael Burks Chairman Internet Society SIG For Internet Accessibility for People with Disabilities June.
Is Your Site Accessible? Web Site Testing for Accessibility Presented by: The NYS Forum IT Accessibility Committee The NYS Forum Webmasters Guild Northeast.
Finishing your site HTML and css 2012 Brian Davison.
Designing Accessible Notes/Domino 6 Applications Shannon Rapuano Accessibility Consultant CLP Notes Developer IBM Accessibility Center
Overview of the web accessibility guidelines at RMIT: W3C's WAI Level A Conformance Praneeth Putlur Rajiv Pandya Rohit Sharma.
Functional Accessibility Evaluation of Web 2.0 Applications Testing Jon Gunderson, Ph.D University of Illinois.
Planning an Accessible Website: Beyond Alt Tags Stephanie M. Randolph School of Health, Physical Education, and Recreation Indiana University.
Accessibility Catchup & Required re-do's of projects Sorting and column example W3I quick tips, sources HW: Screen reader exercise. Majors.
WEB ACCESSIBILITY. WHAT IS IT? Web accessibility means that people with disabilities can use the Web. Web accessibility encompasses all disabilities that.
HTML: Hyptertext Markup Language Doman’s Sections.
XHTML By Trevor Adams. Topics Covered XHTML eXtensible HyperText Mark-up Language The beginning – HTML Web Standards Concept and syntax Elements (tags)
Group 3: Art Gallery Monica Almendarez Content/Project Manager Willliam Egle Technology Manager Christina Pié Usability/ADA Compliance Manager Mirjana.
Web Design. Keep a Consistent Appearance Visually show that the site is the same Always use the same background Same graphic style Same type formatting.
4 HTML Basics Section 4.1 Format HTML tags Identify HTML guidelines Section 4.2 Organize Web site files and folder Use a text editor Use HTML tags and.
Is Your Site Accessible? Validating Your Web Site.
Introduction to HTML. _______________________________________________________________________________________________________________ 2 Outline Key issues.
HTML Basics. HTML Coding HTML Hypertext markup language The code used to create web pages.
1 Web Developer Foundations: Using XHTML Chapter 7 Web Site Design.
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.
A centre of expertise in digital information managementwww.ukoln.ac.uk Accessibility and Usability For Web Sites: An Introduction to Web Accessibility.
Seriously?  HTML  XML  Database fields.
The Disability Resource Center Web Accessibility Assessment for Everyone.
Advanced Elements & Advanced HTML Codes AGCJ 407.
The User Experience “Keeping Web Accessibility In Mind” Video available online at:
Accessibility Basics on creating accessible websites Accessibility Seth Duffey presentation for MAG Telecommunications.
1 Making an Accessible Web Site Sec 508 Standards – How Tos Evelyn Li University of Wisconsin-Fox Valley.
Creating an Environment that is Usable by All
Section 4.1 Section 4.2 Format HTML tags Identify HTML guidelines
Making the Web Accessible to Impaired Users
Introduction to Web Accessibility
WCAG 2.0 training & orientation
Creating Accessible Electronic Content
Shawn and Rebeca Who are we?. Accessibility, the final frontier, these are our voyages into best practices...
Web Accessibility 101 UW GAAD 2018
Web Content Accessibility Beata M. Ofianewska (DG COMM) 7 December 2006 December 2006 COMM C2.
Lesson Objectives Aims You should know about: – Web Technologies
Creating Accessible Electronic Documents
Course Web Technology Guus Schreiber
Introduction to Web Accessibility
Presentation transcript:

דרונט – כל פתרונות האינטרנט בבית אחד.

דרונט – מעל 3000 לקוחות

החברה המובילה בישראל בהקמה וקידום אתרי אינטרנט. מעל 100 עובדים, ניסיון והתמחות במתן פתרונות אינטרנט משנת משרדי החברה בישראל :  משרד ראשי במתחם הבורסה בר " ג.  משרד פרויקטים – רשל " צ  משרד צפון – קיבוץ כברי  מרכז תמיכה יעודי - אלעד. סניפים בינלאומיים :  דרונט אוסטרליה, מלבורן.  דרונט בלגיה, אנטוורפן. מעל 3000 לקוחות בארץ ובעולם. התמחות בנגישות בעברית. מערכת התוכן היחידה המאושרת כנגישה. החברה המובילה בישראל בהקמה וקידום אתרי אינטרנט. מעל 100 עובדים, ניסיון והתמחות במתן פתרונות אינטרנט משנת משרדי החברה בישראל :  משרד ראשי במתחם הבורסה בר " ג.  משרד פרויקטים – רשל " צ  משרד צפון – קיבוץ כברי  מרכז תמיכה יעודי - אלעד. סניפים בינלאומיים :  דרונט אוסטרליה, מלבורן.  דרונט בלגיה, אנטוורפן. מעל 3000 לקוחות בארץ ובעולם. התמחות בנגישות בעברית. מערכת התוכן היחידה המאושרת כנגישה. דרונט – פרופיל חברה

ההגדרה המקובלת ההגדרה הרחבה כל המשתמשים כל האמצעים כל הסביבות כל התנאים ומה הקשר למנועי החיפוש ולקידום אורגני? ובכן רבותי... יש לי חדשות!! ההגדרה המקובלת ההגדרה הרחבה כל המשתמשים כל האמצעים כל הסביבות כל התנאים ומה הקשר למנועי החיפוש ולקידום אורגני? ובכן רבותי... יש לי חדשות!! נגישות באינטרנט – מהי ?

גוגל הוא עיוור וגם חרש וביננו... גם קצת מוגבל שכלית גוגל הוא עיוור וגם חרש וביננו... גם קצת מוגבל שכלית והרי החדשות....

קידום OFFSITE. קידום ONSITE. מהירות תגובה " הגשה " נכונה מבנה האתר טכנולוגיה רלונטיות - BOUNCE RATE והמלך …………………… התוכן. קידום OFFSITE. קידום ONSITE. מהירות תגובה " הגשה " נכונה מבנה האתר טכנולוגיה רלונטיות - BOUNCE RATE והמלך …………………… התוכן. קידום אתרים – איך הוא עובד ?

טיפול בעיקר ובמהות אודיו ווידאו טיפול באנקור טקסט – משמעות TITLE ללינקים תוכן " נקי " ( מ CSS ו JAVA SCRIP) שימוש ב h1-h6 הכוונת שפה מילון מונחים טיפול בעיקר ובמהות אודיו ווידאו טיפול באנקור טקסט – משמעות TITLE ללינקים תוכן " נקי " ( מ CSS ו JAVA SCRIP) שימוש ב h1-h6 הכוונת שפה מילון מונחים ! המשמעות

שימוש בהנחיות W3 ACCESSIBILITY GUIDELINES, שימוש בכלי בדיקה : כלים לבדיקת נגישות: 1. Wave offers a graphical representation of found accessibility issues right on the web page:Wave 2. Lynx Viewer shows a text-only version of the page for you to see if it contains sufficient information no matter what browser-enhanced functionality (e.g. CSS or JavaScript) is disabled;Lynx Viewer 3. Functional Accessibility Evaluator: provides both summarized and extended accessibility report on:Functional Accessibility Evaluator Navigation & Orientation; Text Equivalents; Scripting; Styling; HTML Standards שימוש בהנחיות W3 ACCESSIBILITY GUIDELINES, שימוש בכלי בדיקה : כלים לבדיקת נגישות: 1. Wave offers a graphical representation of found accessibility issues right on the web page:Wave 2. Lynx Viewer shows a text-only version of the page for you to see if it contains sufficient information no matter what browser-enhanced functionality (e.g. CSS or JavaScript) is disabled;Lynx Viewer 3. Functional Accessibility Evaluator: provides both summarized and extended accessibility report on:Functional Accessibility Evaluator Navigation & Orientation; Text Equivalents; Scripting; Styling; HTML Standards איך עושים ?

נגישות טבלאות: Table Linearizer to make sure all your page tables can be read in a Table Linearizer linearized version. נגישות תמונות: 1.Image Analyser: the width, height, alt, and longdesc attributes are examined for appropriate values;Image Analyser כלים לבדיקת נגישות צבעים: 1. Color Contrast: evaluates color accessibility by analyzing the internal and external CSS of a web page to test the color contrast and color brightness between the text and background colors (based on W3C accessibility standards):Color Contraststandards 2. Accessibility Color Wheel allows to pick text and background colors and instantly evaluate the color combination accessibility.Accessibility Color Wheel 3. ColorFilter – color blind web filter – shows how each page is seen by a color blind person.ColorFilter נגישות טבלאות: Table Linearizer to make sure all your page tables can be read in a Table Linearizer linearized version. נגישות תמונות: 1.Image Analyser: the width, height, alt, and longdesc attributes are examined for appropriate values;Image Analyser כלים לבדיקת נגישות צבעים: 1. Color Contrast: evaluates color accessibility by analyzing the internal and external CSS of a web page to test the color contrast and color brightness between the text and background colors (based on W3C accessibility standards):Color Contraststandards 2. Accessibility Color Wheel allows to pick text and background colors and instantly evaluate the color combination accessibility.Accessibility Color Wheel 3. ColorFilter – color blind web filter – shows how each page is seen by a color blind person.ColorFilter איך עושים ?

בדיקת לינקים: Link Context CheckerLink Context Checker shows information on any page anchor text usage. תוספי פיירפוקס: 1. Fangs – screen reader emulator – gives you an idea of how your page will be rendered by a screen reader and also provides a page outline based onFangs H1-H6 elements; page link anchor text. 2. Firefox Accessibility Extension adds a handy toolbar that allows for both SEO and Accessibility evaluation options:Firefox Accessibility Extension An overview of page headings, forms, links, titles, navigation, frames, data tables, etc. Text equivalents for images, objects and abbreviations; Scripting information; Styles information; Page checking with keyword enhancements; בדיקת לינקים: Link Context CheckerLink Context Checker shows information on any page anchor text usage. תוספי פיירפוקס: 1. Fangs – screen reader emulator – gives you an idea of how your page will be rendered by a screen reader and also provides a page outline based onFangs H1-H6 elements; page link anchor text. 2. Firefox Accessibility Extension adds a handy toolbar that allows for both SEO and Accessibility evaluation options:Firefox Accessibility Extension An overview of page headings, forms, links, titles, navigation, frames, data tables, etc. Text equivalents for images, objects and abbreviations; Scripting information; Styles information; Page checking with keyword enhancements; איך עושים ?

תודה רבה!