Transcript ppt

IMPORTANT: Instructions

Please read carefully the Instructions for the "Web Accessibility is Smart Business" Presentation at www.w3.org/WAI/presentations/bcase/ for an introduction, tips, and permission to use.

The Notes section for each slide contains important information. Make sure you can read the Notes. On this slide, the notes start with “[NOTES SECTION: This is where the important information is…]” Copyright © 2011 W3C® (MIT, ERCIM, Keio) See www.w3.org/Consortium/Legal/ipr-notice Developed with material from W3C Web Accessibility Initiative (WAI) w w w . w 3 . o r g / W A I /

Web Accessibility is Smart Business

Developed with material from the W3C Web Accessibility Initiative (WAI) www.w3.org/WAI/

Status: Updated 1 Dec 2011

[wise investment in accessibility]

 If you could double your conversion rate in 3 months, what would it be worth to you?

 If you could increase your natural search engine traffic by 50%, what would it be worth to you?

 Add those numbers together, and you’ve a starting point for a wise investment in accessibility.

$€¥________

+

$€¥________

=

$€¥________ Developed with material from W3C Web Accessibility Initiative (WAI) w w w . w 3 . o r g / W A I /

[broad benefits]

“ When your website is accessible, more people can use it effectively in more situations .

— Shawn Henry, W3C Web Accessibility Initiative (WAI) Developed with material from W3C Web Accessibility Initiative (WAI) w w w . w 3 . o r g / W A I /

[photos]

[market quote]

Of computer users age 18 to 64, benefit from accessible technology due to mild or severe impairments

— Forrester Research, Inc.

Developed with material from W3C Web Accessibility Initiative (WAI) w w w . w 3 . o r g / W A I /

Aging population, 65+

United Nations globally forecasts from 7.6% in 2010 to 16.2% in 2050

 Europe to 29%  US to 20%  Japan to 40% Developed with material from W3C Web Accessibility Initiative (WAI) w w w . w 3 . o r g / W A I /

Accessibility reaches more users

Developed with material from W3C Web Accessibility Initiative (WAI) w w w . w 3 . o r g / W A I /

[reach people in more situations]

Improves usability for all

Web Accessibility Guidelines (WCAG 2.0)       Make text readable and understandable.

Make content appear and operate in predictable ways.

Help users avoid and correct mistakes.

Give users enough time to read and use content.

Help users navigate and find content.

Make all functionality available from a keyboard.

Developed with material from W3C Web Accessibility Initiative (WAI) w w w . w 3 . o r g / W A I /

Accessibility impacts image

 Public relations  Corporate social responsibility (CSR)  Reduces risk of legal action Developed with material from W3C Web Accessibility Initiative (WAI) w w w . w 3 . o r g / W A I /

Web Accessibility is Smart Business

Developed with material from W3C Web Accessibility Initiative (WAI) w w w . w 3 . o r g / W A I /

Some basics

       Provide alternative “alt” text for images, etc.

Markup headings, lists, form elements, tables Use good page titles, good link wording Use sufficient color contrast, color coding Don’t use content that causes seizures Enable keyboard access (without the mouse) … Developed with material from W3C Web Accessibility Initiative (WAI) w w w . w 3 . o r g / W A I /

example: alt text for images

Developed with material from W3C Web Accessibility Initiative (WAI) w w w . w 3 . o r g / W A I /

example: images off

Developed with material from W3C Web Accessibility Initiative (WAI) w w w . w 3 . o r g / W A I /

example: missing alt text

Developed with material from W3C Web Accessibility Initiative (WAI) w w w . w 3 . o r g / W A I /

example: mobile

Developed with material from W3C Web Accessibility Initiative (WAI) w w w . w 3 . o r g / W A I /

Alternative text usage

Developed with material from W3C Web Accessibility Initiative (WAI) w w w . w 3 . o r g / W A I /

Alternative text benefits

Users

who  are blind, or blind and deaf   turn off images to speed download, e.g., in a rural area with low bandwidth turn off images to lower bandwidth charges  … and more

Organizations

that want search engines to get information from their images (

SEO

) Developed with material from W3C Web Accessibility Initiative (WAI) w w w . w 3 . o r g / W A I /

S

earch

E

ngine

O

ptimization

 Make sure that your elements and </b> <b>ALT attributes </b>are descriptive and accurate.</p> <p> Make a site with a <b>clear hierarchy and text links</b>.</p> <p> Offer a <b>site map </b>to your users...</p> <p> Keep the <b>links to a reasonable number</b>.</p> <p> Write pages that <b>clearly and accurately</b> describe your content.</p> <p> Try to <b>use text instead of images</b> to display important names, content, or links.</p> <p> Check for broken links and <b>correct HTML</b>.</p> <a id="p22" href="#"></a> <h3><b>OK . . . but what does it cost?</b></h3> <p>Developed with material from W3C Web Accessibility Initiative (WAI) w w w . w 3 . o r g / W A I /</p> <a id="p23" href="#"></a> <h3><b>Investment</b></h3> <p> Some upfront  Decreases over time Developed with material from W3C Web Accessibility Initiative (WAI) w w w . w 3 . o r g / W A I /</p> <a id="p24" href="#"></a> <h3><b>ways to decrease costs</b></h3> <a id="p25" href="#"></a> <h3><b>Transcripts for audio</b></h3> <p><b>(podcasts, videos)</b></p> <p>Developed with material from W3C Web Accessibility Initiative (WAI) w w w . w 3 . o r g / W A I /</p> <a id="p26" href="#"></a> <h3><b>Transcripts for audio</b></h3> <p><b>(podcasts, videos)</b></p> <p> Cost: often less than $1.00/minute of audio  Benefits: </p> <p><b>People who might not listen to the audio </b></p> <p><b>or watch the video </b>– deaf or hard of hearing, busy, language, bandwidth, environment, …  <b>More traffic to your info</b>, e.g., SEO – search engines can index the transcript, not the audio or video <b>— Transcripts on the Web</b>: Getting people to your podcasts and videos Developed with material from W3C Web Accessibility Initiative (WAI) w w w . w 3 . o r g / W A I /</p> <a id="p27" href="#"></a> <h3><b>[SEO example]</b></h3> <p><b>“</b></p> <p>We saw a <b>significant increase in SEO </b> <b>referrals </b>when we launched… transcripts.</p> <p>CNET captioning video drove</p> <p><b>30% increase in Google hits</b></p> <p>Developed with material from W3C Web Accessibility Initiative (WAI) w w w . w 3 . o r g / W A I /</p> <a id="p28" href="#"></a> <h3><b>Return from accessibility</b></h3> <p> Increased website use  Increased revenue  Direct cost savings Developed with material from W3C Web Accessibility Initiative (WAI) w w w . w 3 . o r g / W A I /</p> <a id="p29" href="#"></a> <h3><b>[broad benefits]</b></h3> <a id="p30" href="#"></a> <h3><b>OK ! . . . How do we do it?</b></h3> <p><b>A few tips . . .</b></p> <p>Developed with material from W3C Web Accessibility Initiative (WAI) w w w . w 3 . o r g / W A I /</p> <a id="p31" href="#"></a> <h3><b>[tips]</b></h3> <p> Include accessibility from the very beginning  Use authoring tools that support accessibility and meet ATAG  Make WCAG 2.0 Level AA a clear requirement, including when procuring websites  Include real users throughout development process  When updating, include current best practices  Use resources from </p> <p><b>www.w3.org/WAI/</b></p> <p>Developed with material from W3C Web Accessibility Initiative (WAI) w w w . w 3 . o r g / W A I /</p> <a id="p32" href="#"></a> <h3><b>[L&G quote]</b></h3> <p><b>“</b></p> <p><b>Doubled </b>the number of visitors seeking quotes and buying financial products online, cut maintenance costs by <b>two thirds</b>, increased natural search traffic by <b>50%</b>.</p> <p>— Caroline Fawcett, Legal & General Group (L&G) Customer Experience Director Developed with material from W3C Web Accessibility Initiative (WAI) w w w . w 3 . o r g / W A I /</p> <a id="p33" href="#"></a> <h3><b>Your Own Business Case www.w3.org/WAI/bcase</b></h3> <p>Social factors  Financial factors  Technical factors  Legal & Policy factors  Resources – statistics, case studies </p> <a id="p34" href="#"></a> <h3><b>Source Material</b></h3> <p><b>www.w3.org/WAI/presentations/bcase Web Accessibility is Smart Business</b></p> <p>.</p> <p>Shawn Lawton Henry, ed.</p> <p>Copyright © 2010-2011 W3C® (MIT, ERCIM, Keio).</p> <p>Developed with material from W3C Web Accessibility Initiative (WAI) w w w . w 3 . o r g / W A I /</p> </div> </section> </div> </div> </div> </main> <footer> <div class="container mt-3"> <div class="row justify-content-between"> <div class="col"> <a href="/"> <img src="/theme/studyslide/static/logo-slideum.png" /> </a> </div> </div> <div class="row mt-3"> <ul class="col-sm-6 list-unstyled"> <li> <h6 class="mb-3">Company</h6> <li> <i class="fa fa-location-arrow"></i> Nicosia Constantinou Palaiologou 16, Palouriotissa, 1040 <li> <i class="fa fa-phone"></i> +357 64-733-402 <li> <i class="fa fa-envelope"></i> info@slideum.com </ul> <ul class="col-6 col-sm-3 list-unstyled"> <li> <h6 class="mb-3">Links</h6> <li> <a href="/about">About</a> <li> <a href="/contacts">Contact</a> <li> <a href="/faq">Help / FAQ</a> </ul> <ul class="col-6 col-sm-3 list-unstyled"> <li> <h6 class="mb-3">Legal</h6> <li> <a href="/terms">Terms of Service</a> <li> <a href="/privacy">Privacy policy</a> <li> <a href="/page.html?code=public.usefull.cookie">Cookie policy</a> <li> <a href="/page.html?code=public.usefull.disclaimer">Disclaimer</a> </ul> </div> <hr> <p>slideum.com © 2026, Inc. All rights reserved.</p> </div> </footer> <div class="modal directory" id="directory-modal"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title">Directory</h5> <button class="close" type="button" data-dismiss="modal">×</button> </div> <div class="modal-body"></div> </div> </div> </div> <script src="/theme/common/static/jquery@3.6.0/dist/jquery.min.js"></script> <script src="/theme/common/static/jquery_extra/dist/jquery-extra.js"></script> <script src="/theme/common/static/popper.js@1.16.1/dist/umd/popper.min.js"></script> <script src="/theme/common/static/bootstrap@4.6.0/dist/js/bootstrap.min.js"></script> <script> var __path_directory = [ ] !function __draw_directory(data, root, uuid) { var ul = $('<ul>', uuid && { id: 'category' + uuid, class: !__path_directory.includes(uuid) ? 'collapse' : null }); for (var item in data) { var li = $('<li>').appendTo(ul); if (item = data[item], item.children) { li.append('<a href=#category' + item.id + ' data-toggle=collapse>') __draw_directory(item.children, li, item.id); } else { li.append('<a href=' + item.url + '>'); } var a = $('> a', li).addClass('item').text(item.name) .append($('<a class="link fa fa-external-link" href=' + item.url + '>')); if (item.id === +__path_directory.slice(-1)) { a.addClass('active'); } /* if (item.id !== __path_directory[0]) { a.addClass('collapsed'); } */ } root.append(ul); } ([{"id":1,"name":"Food and cooking","url":"/catalog/Food+and+cooking","children":null},{"id":2,"name":"Education","url":"/catalog/Education","children":null},{"id":3,"name":"Healthcare","url":"/catalog/Healthcare","children":null},{"id":4,"name":"Real estate","url":"/catalog/Real+estate","children":null},{"id":5,"name":"Religion ","url":"/catalog/Religion+","children":null},{"id":6,"name":"Science and nature","url":"/catalog/Science+and+nature","children":null},{"id":7,"name":"Internet","url":"/catalog/Internet","children":null},{"id":8,"name":"Sport","url":"/catalog/Sport","children":null},{"id":9,"name":"Technical documentation","url":"/catalog/Technical+documentation","children":null},{"id":10,"name":"Travel","url":"/catalog/Travel","children":null},{"id":11,"name":"Art and Design","url":"/catalog/Art+and+Design","children":null},{"id":12,"name":"Automotive","url":"/catalog/Automotive","children":null},{"id":13,"name":"Business","url":"/catalog/Business","children":null},{"id":14,"name":"Government","url":"/catalog/Government","children":null}], $('#directory-aside')); var __root_directory = $('#directory-aside > ul'); $('#directory-aside') .on('show.bs.collapse', function() { //console.log('show.collapse') }) .on('hide.bs.collapse', function() { //console.log('hide.collapse') }); $('#directory-modal') .on('show.bs.modal', function() { $('[class$="body"]', this).prepend(__root_directory); }) .on('hide.bs.modal', function() { $('#directory-aside').prepend(__root_directory); }); $('.directory-mobile').on('click', function(e) { e.preventDefault(); }); $('.directory .link').on('click', function(e) { e.stopPropagation(); }); </script> <script> function scrollToViewport() { $('html, body').stop().animate( { scrollTop: $('.navbar').outerHeight() }, 1000); } setTimeout(scrollToViewport, 1000); $(window).on('orientationchange', scrollToViewport); $('[data-toggle="tooltip"]').tooltip(); </script> <script async src="//s7.addthis.com/js/300/addthis_widget.js#pubid=#sp('addthis_pub_id')"></script> <script type="text/javascript"> (function (d, w, c) { (w[c] = w[c] || []).push(function() { try { w.yaCounter28397281 = new Ya.Metrika({ id:28397281 }); } catch(e) { } }); var n = d.getElementsByTagName("script")[0], s = d.createElement("script"), f = function () { n.parentNode.insertBefore(s, n); }; s.type = "text/javascript"; s.async = true; s.src = (d.location.protocol == "https:" ? "https:" : "http:") + "//mc.yandex.ru/metrika/watch.js"; if (w.opera == "[object Opera]") { d.addEventListener("DOMContentLoaded", f, false); } else { f(); } })(document, window, "yandex_metrika_callbacks"); </script> <noscript><div><img src="//mc.yandex.ru/watch/28397281" style="position:absolute; left:-9999px;" alt="" /></div></noscript> <link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.1.0/cookieconsent.min.css" /> <style> @media screen and (max-width: 768px) { .cc-revoke { display: none; }} </style> <script src="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.1.0/cookieconsent.min.js"></script> <script> window.addEventListener("load", function() { window.cookieconsent.initialise( { content: { href: "https://slideum.com/dmca" }, location: true, palette: { button: { background: "#fff", text: "#237afc" }, popup: { background: "#007bff" }, }, position: "bottom-right", revokable: true, theme: "classic", type: "opt-in" })}); </script> </body> </html>