Designing Universally Accessible Web Based Resources

Total Page:16

File Type:pdf, Size:1020Kb

Designing Universally Accessible Web Based Resources Instructor Contact Information Great Lakes ADA and On-Line Course Accessible Information Designing Universally Jon Gunderson, Ph.D., APT Technology Center Accessible Web Div. of Rehab. – Education Services Resources College of Applied Life Studies The Great Lakes Center was founded University of Illinois at in 1991 and is one of 10 national February 18th to April 24st Urbana/Champaign centers established by the US 2003 Department of Education, National Voice: (217) 244-5870 Institute on Disability Rehabilitation TTY: (217) 333-4604 and Research (NIDRR) to provide E-mail: [email protected] technical assistance regarding the ADA. The Great Lakes Center serves http://cita.rehab.uiuc.edu/courses the States of Illinois, Indiana, Michigan, Minnesota, Ohio and Wisconsin. Services include operation Course Meeting Times and of an 800 number for technical assistance and dissemination of Dates (Tenative) Instructor information regarding the ADA through training and direct mail. In addition, Dates: February 18th to April 24st Jon Gunderson, Ph.D., ATP the Center has expanded its mission to include issues related to the use Sponsored by Day: Tuesday and Thursday and acquisition of accessible Division of Rehabilitation – Education Services College of Applied Life Studies information technology and it’s impact Time: 4:00 - 5:00 pm CST University of Illinois at Urbana/Champaign on individuals within a variety of And (Chicago, IL local time) settings, including education, business Great Lakes ADA and Accessible IT Center Department of Disability and Human and government. The Center Development consistently ranks the highest for University of Illinois at Chicago Course Technology volume of calls and number of www.adagreatlakes.org And individuals trained among the 10 Illinois Board of Higher Education Slides and Text Chat: HTML Web centers nationally. Browser (i.e. Internet Explorer, Opera, Netscape Navigator) Voice/TTY: 800-949-4232 Supported by funding provided under FAX: 312-413-1856 Grant #H133D010203, National Institute on WWW: www.adagreatlakes.org Rehabilitation and Research, US Audio: Real Media Player Department of Education. E-mail: [email protected] Who Should Participate Course Outline Instructional Materials This course is designed for web Course Topics: Required Resources developers to learn how to create • Alternative Views of the Web universally accessible web resources • Web Accessibility Standards REHAB 7111 NC CD-ROM for people with disabilities. The course • Evaluation and Repair Tools Operasoft Opera 6.0 provides an overview of the • Describing Images Internet Explorer 6.0 techniques used by people with • Creating Structure and Layout Netscape Navigator 7.0 disabilities to access information on • Using Cascading Style Sheets Hotmetal Pro Demo Magpie the web using mainstream browsers • Scripting Accessibility and specialized speech output Quicktime Player • Multi-Media Captioning technologies. Participants will learn Real Media Player • PDF and Flash about the two main standards for web Microsoft Media Player accessibility, the W3C Web Content • Authoring tools Accessibility Standards and the Section 508 requirements for web Optional Materials materials. The strengths and weaknesses of different accessibility Registration Information Accessible Web Sites, Jim Thatcher, evaluation and repair tools will be et. al., Glasshauss. presented to help participants Course Rubric: REHAB 711NC understand how to use the tools to Dynamic HTML: The Definitive evaluate and repair their web Registration fees: $285 Reference, Danny Goodman, resources. Participants will learn O’Reilly. accessibility features of various HTML WWW: http://www.outreach.uiuc.edu/ design practices and how to design or Cascading Style Sheets, designing web resources using HTML and CSS Contact: Jon Gunderson for the Web, Hakon Wium Lie and that benefit all users, including people E-mail: [email protected] Bert Bos, Addison Wesley with disabilities. Captioning of Phone: 217-244-5870 multimedia materials is also covered Designing Web Usability, Jakob for Microsoft Media Player, Real Nielson, New Riders Publishing Player and Quicktime, and the accessibility of non-W3C technologies like PDF and Flash will also be discussed. .
Recommended publications
  • Opera Mini Application for Android
    Opera Mini Application For Android Wat theologized his eternities goggling deathy, but quick-frozen Mohammed never hammer so unshakably. Fain and neverfringillid headline Tyrone sonever lambently. reapplied his proles! Tracie meows his bibulousness underdevelop someplace, but unrimed Ephrayim This application lies in early on this one knows of applications stored securely for example by that? Viber account to provide only be deactivated since then. Opera Mini is a super lightweight browser that loads web pages faster than what every other browser available. Opera Mini Browser Latest News Photos Videos on Opera. The Opera Mini for Android lets you do everything you any to online without wasting your fireplace plan It's stand fast safe mobile web browser that saves you tons of. Analysis of tomorrow with a few other. The mini application for opera android open multiple devices. Just with our site on a view flash drives against sim swap scammers? Thanks for better alternative software included in multitasking is passionate about how do you can browse, including sms charges may not part of mail and features. Other download option for opera mini Hospedajes Mirta. Activating it for you are you want. Opera mini 16 beta android app has a now released and before downloading the read or full review covering all the features here. It only you sign into your web page title is better your computer. The Opera Mini works the tender as tide original Opera for Android This app update features a similar appearance and functionality but thrive now displays Facebook. With google pixel exclusive skin smoothing makeover tool uses of your computer in total, control a light.
    [Show full text]
  • Telenor Takes the Mobile Internet to the Masses
    Telenor takes the mobile Internet to the masses The Mobile Internet Asia project hit the ground running this spring. Telenor is on its way to bringing the Web to the masses on both feature phones and smartphones. Today Asia is experiencing the world’s most rapid growth when it comes to mobile Internet usage. In the past two years alone, mobile Web traffic has tripled on the continent, making Asia the source of 18 percent of the world’s mobile Web browsing (source: Statcounter, Pingdom). In order to play a central role in capturing a share of this growth, Telenor Digital Services kicked off the Mobile Internet Asia (MIA) project in April this year. A mobile Internet leader in Asia “Telenor Group and its Business Units have, for several years now, focused on the importance of mobile Internet in Asia, and we have run pilot projects in this area to find the best solutions that meet the needs of our customers,” says Sissel Henriette Larsen, Vice President and Head of Services, Telenor Asia. “By starting the MIA project now, we are making a formal move to become leaders in mobile Internet in Asia. We want to tap into this explosive growth and the best Internet experience to customers.” The MIA project, under the Telenor Digital Services umbrella, includes two main focus areas: “Build the Base” and “Smartphone”. Each focus area shares the goal of establishing Telenor as a leader in providing mobile Internet. However, the two work streams differ in terms of who is targeted and how. Accelerating smartphone growth in Asia The Smartphone work stream within in MIA project is newly headed by Mark (Amarit) Sukhavanij, effective July 1, 2012.
    [Show full text]
  • Opera Software the Best Browsing Experience on Any Device
    Opera Software The best browsing experience on any device The best Internet experience on any device Web Standards for the Future – Bruce Lawson, Opera.com • Web Evangelist, Opera • Tech lead, Law Society & Solicitors Regulation Authority (2004-8) • Author 2 books on Web Standards, edited 2 • Committee member for British Standards Institution (BSI) for the new standard for accessible websites • Member of Web Standards Project: Accessibility Task Force • Member of W3C Mobile Best Practices Working Group Web Standards for the Future – Bruce Lawson, Opera.com B.A., Honours English Literature and Language with Drama Theresa is blind But she can use the Web if made with standards The big picture WWW The big picture Western Western Web A web (pre)history • 1989 TBL proposes a project • 1992 <img> in Mosaic beta. Now 99.57% (MAMA) • 1994 W3C started at MIT • 1996 The Browser Wars • 1999 WAP, Web Content Accessibility Guidelines (WCAG) • 2000 Flash Modern web history • 2000-ish .com Crash - Time to grow up... • 2002 Opera Mobile with Small Screen Rendering • 2005 WHAT-WG founded, W3C Mobile Web Initiative starts • 2007 W3C adopts WHAT-WG spec as basis for HTML 5 • January 22, 2008 First public working draft of HTML 5 Standards at Opera • 25 employees work on standards • Mostly at W3C - a big player • Working on many standards • Bringing new work to W3C • Implementing Standards properly (us and you!) (Web Standards Curriculum www.opera.com/wsc) Why standards? The Web works everywhere - The Web is the platform • Good standards help developers: validate; separate content and presentation - means specialisation and maintainability.
    [Show full text]
  • 'Inside Track' Mobile App Beta Testing
    PITTSBURGHOPERA page 1 Pittsburgh Opera ‘Inside Track’ Mobile App beta testing Thank you for being a beta tester for our new ‘Inside Track’ functionality within the Pittsburgh Opera Mobile App. Background on Pittsburgh Opera Mobile App The Pittsburgh Opera Mobile App launched in 2016. It was built using a platform called Instant Encore, which is the leading software provider of performing arts mobile apps in North America. The app, which is free and available for both iOS and Android devices, features a plethora of opera content. Examples include performance and event schedules, bios on our Resident Artists, ticket purchasing, video excerpts, and more. Instant Encore has recently added functionality which enables patrons in the theater to receive content during an actual performance. The content, which is all visual (photos/text), is meant to enhance the patron’s experience during the performance, by providing context, background information about the composer or piece being performed, etc. Pittsburgh Opera has installed this software in our app, and is testing it during the fall performances at the Benedum. Over the winter we will be rolling out new, custom-built functionality which allow us to include audio content as well. We are calling the combined product ‘Inside Track’. We want to make sure that we have worked out any kinks with the ‘phase 1’ software (i.e. visual content only) prior to launching phase 2 (audio content.) How to download the app The Pittsburgh Opera mobile app is available for free download in the App Store for iOS devices and Google Play for Android devices.
    [Show full text]
  • Opera Mini Opera Mobile Shipments Pre-Installed in 4Q08: 7.3 Million
    Opera Software Fourth quarter 2008 A note from our lawyers 2 This presentation contains and is, i.a., based on forward-looking statements. These statements involve known and unknown risks, uncertainties and other factors which may cause our actual results, performance or achievements to be materially different from any future results, performances or achievements expressed or implied by the forward-looking statements . Forward-looking statements may in some cases be identified by terminology such as “may”, “will”, “could”, “should”, “expect”, “plan”, “intend”, “anticipate”, “believe”, “estimate”, “predict”, “pp,gpgyotential” or “continue”, the negative of such terms or other comparable terminology. These statements are only predictions. Actual events or results may differ materially, and a number of factors may cause our actual results to differ materially from any such statement. Although we believe that the expectations and assumptions reflected in the statements are reasonable, we cannot guarantee future results, levels of activity, performance or achievement. Opera Software ASA makes no representation or warranty (express or implied) as to the correctness or completeness of the presentation, and neither Opera Software ASA nor any of its direc tors or emp loyees assumes any lia bility resu lting from use. Excep t as requ ire d by law, we undertake no obligation to update publicly any forward-looking statements for any reason after the date of this presentation to conform these statements to actual results or to changes in our expectations. You are advised, however, to consult any further public disclosures made by us, su ch as filings made w ith the OSE or press releases .
    [Show full text]
  • Netscape Navigator 4 Object Road Map "Web Pages That Think"™
    Learn how to create Netscape Navigator 4 Object Road Map "Web Pages That Think"™ window window frame self top parent closedN3,M4 alert("msg") onBlur=N3,M4 defaultStatus back()N4 onDragDrop=N4,(S) document blur()N3,M4 onFocus=N3,M4 history document location toolbar, etc. frames[i] captureEvents(type)N4 onLoad= N4,M4 N4 history clearInterval(ID) onMove= link anchor layer form applet image area innerHeightN4,(S) clearTimeout(ID) onResize=N4,M4 innerWidthN4,(S) close() onUnload= location confirm("msg") text radio button fileUpload select locationbarN4,(S) disableExternalCapture()N4,(S) menubarN4,(S) enableExternalCapture()N4,(S) textarea checkbox reset option name find(["str"][,case, bkwd])N4 password submit onerrorN3,M4 focus()N3,M4 openerN3,M3 forward()N4 outerHeightN4,(S) handleEvent(event)N4 outerWidthN4,(S) home()N4 pageXOffsetN4 moveBy(Dx,Dy)N4,(S) Netscape Navigator 4 Document Object Model Containment Hierarchy pageYOffsetN4 moveTo(x,y)N4,(S) parent open(URL,"name","specs")(1),(S) N4 personalbarN4,(S) print()N4 document layer scrollbarsN4,(S) prompt("msg","reply") alinkColor captureEvents(type)N4 (None) above load("filename",y) onBlur= self releaseEvents(type)N4 anchors[i] clear() background moveAbove(layerObj) onFocus= status resizeBy(Dx,Dy)N4,(S) applets[i]N3,M4 close() below moveBelow(layerObj) onLoad= statusbarN4,(S) resizeTo(width,height)N4,(S) bgColor getSelection()N4,(2) bgColor moveBy(Dx, Dy) onMouseOut= toolbarN4,(S) routeEvent(event)N4 cookie handleEvent(event)N4 clip.top moveTo(x, y) onMouseOver= top scroll(x,y)N3,M4 domainN3,M4
    [Show full text]
  • Opera GX Gaming Browser Exceeds 8 Million Active Users
    Opera GX gaming browser exceeds 8 million active users March 29, 2021 - Opera GX monthly active users grew over 250% year-over-year in February - Aggressive product roadmap planned to expand Opera GX well beyond current levels OSLO, Norway, March 29, 2021 /PRNewswire/ -- Opera Limited (NASDAQ: OPRA), one of the world's major browser developers and a leading internet consumer brand, announced today that Opera GX has exceeded 8 million monthly active users and grew over 250% year-over-year in February. "These results are encouraging: Opera GX continues to grow rapidly as more and more gamers are discovering Opera GX," said Krystian Kolondra, EVP of Gaming & PC Browsers. "We are focused on continuing this rapid growth through an aggressive product roadmap across Opera GX and Opera Gaming. This includes continuing to add more gaming features and functionality to Opera GX and building out our YoYo Games Gamemaker Studios 2D gaming platform. We are really excited about the potential for our gaming efforts to drive significant growth for Opera for a long-time to come." Opera launched GX in June of 2019 and has since expanded its gaming efforts, including forming its Opera Gaming division earlier this year to unite the company's innovative efforts across gaming, game development, and the browser experience. Providing gamers with a browser that improves their experience - rather than compete with it - by integrating gaming and browsing is a key element of Opera's long-term growth strategy in gaming. About Opera Opera is a global web innovator. Opera's browsers, news products and fintech solutions are the trusted choice of more than 380 million users worldwide.
    [Show full text]
  • Opera Use and User Behavior White Paper
    Opera Mini Opera use and user behavior white paper Why Opera Mini is the world’s most popular and influential mobile browser On Device Research and Opera Software 1 | Opera/On Device Research white paper 2 | Opera/On Device Research white paper Executive summary In conjunction with mobile research firm On Device Research, Opera Software conducted a large global study to help understand trends in mobile-internet browsing and, more specifically, the effect of the Opera mobile browser and how its user experience compares to other mobile browsers. The results offered powerful insight into the behaviors and attitudes of mobile-internet users, as well as Opera’s global popularity. The survey results break down trends by region and country to offer conclusions as to why Opera is the world’s most popular and influence browser, with users who are the most active and valuable mobile-internet users for operators and content providers. Some key findings: • Mobile is key to connecting people to the internet; Opera is a driver of this. Opera connects the unconnected. Of mobile-only internet users, 56% are Opera users, which is 13% more than non- Opera users. • Opera users are more satisfied. On a scale of 1 to 10, Opera users report being significantly more satisfied with both their handsets/phones (rating their experience at 7.3 out of 10) and their mobile operators (rating their satisfaction at 7 out of 10). Users’ positive impressions can, in part, be attributed to how well the device and network work with the Opera browser. • Opera users are strong brand advocates.
    [Show full text]
  • University of Camerino Computer Science (LM 18) Browser Evolution
    University of Camerino Computer Science (LM 18) Browser Evolution Project of Web 2.0 Autor: Luciani Alex Prof: Vaccari Carlo License This material is distributed under the Creative Commons "Attribution - NonCommercial - Share Alike - 3.0", available at http://creativecommons.org/licenses/by-nc-sa/3.0/ . What is a Browser? A browser is a software application, it retrieves and shows elements of the web. Story Prehistory 1963: Ted Nelson: Hypertext. 1987: John Bottoms: Silversmith, SGML. 1989: Tim Berners-Lee: WWW, HTML, HTTP, W3C. 1994: Mosaic → Netscape. Story Mosaic screenshot Story First Browser War (1996 - 2004) Story Second Browser War (2004 - ...) Story January 2010, Firefox passed IE Story The Actual Situation (2011) Data from statcounter.com Browser Market Share % Browser Version Market Share % Apr 11 Apr 11 IE 44.52 IE 8.0 30.24 Firefox 29.67 Firefox 3.6 18.91 Chrome 18.29 Chrome 10.0 16.03 Safari 5.04 IE 7.0 7.82 Opera 1.91 Firefox 4.0 7.59 IE 6.0 4.14 Safari 5.0 3.83 IE 9.0 2.32 Firefox 3.5 1.99 Tech Evolution Web Browser Engines They paint the web pages interpreting the client-side scripts. Layout Engine License Main Browser Gecko Free and OpenSource Firefox Presto Proprietary Opera Trident Proprietary Internet Explorer WebKit Free (GNU LGPL) Safari, Chrome Tech Evolution Protocols Connection: HTTP. Security: SSL, HTTPS Languages and Client Side HTML, HTML5 Javascript, Ajax CSS XML, SVG WebGL Tech Evolution Ajax Example Tech Evolution Google Body Browser uses WebGL Tech Evolution GUI Evolution Google 10 Firefox 3.6 Firefox 4 Tech Evolution GUI Evolution Explorer 8 Explorer 9 Tech Evolution Browser Testing Acid Test: testing client side script languages.
    [Show full text]
  • Opera Acquires Yoyo Games, Launches Opera Gaming
    Opera Acquires YoYo Games, Launches Opera Gaming January 20, 2021 - [Tuck-In] Acquisition forms the basis for Opera Gaming, a new division focused on expanding Opera's capabilities and monetization opportunities in the gaming space - Deal unites Opera GX, world's first gaming browser and popular game development engine, GameMaker - Opera GX hit 7 million MAUs in December 2020, up nearly 350% year-over-year DUNDEE, Scotland and OSLO, Norway, Jan. 20, 2021 /PRNewswire/ -- Opera (NASDAQ: OPRA), the browser developer and consumer internet brand, today announced its acquisition of YoYo Games, creator of the world's leading 2D game engine, GameMaker Studio 2, for approximately $10 million. The tuck-in acquisition represents the second building block in the foundation of Opera Gaming, a new division within Opera with global ambitions and follows the creation and rapid growth of Opera's innovative Opera GX browser, the world's first browser built specifically for gamers. Krystian Kolondra, EVP Browsers at Opera, said: "With Opera GX, Opera had adapted its proven, innovative browser tech platform to dramatically expand its footprint in gaming. We're at the brink of a shift, when more and more people start not only playing, but also creating and publishing games. GameMaker Studio2 is best-in-class game development software, and lowers the barrier to entry for anyone to start making their games and offer them across a wide range of web-supported platforms, from PCs, to, mobile iOS/Android devices, to consoles." Annette De Freitas, Head of Business Development & Strategic Partnerships, Opera Gaming, added: "Gaming is a growth area for Opera and the acquisition of YoYo Games reflects significant, sustained momentum across both of our businesses over the past year.
    [Show full text]
  • Javascript Bible 4Th Edition Danny Goodman Javascript and Browser
    JavaScript Bible 4th Edition ISBN 0-7645-3342-8 Danny Goodman Appendix A JavaScript and Browser Objects Quick Reference ©2001 Danny Goodman (www.dannyg.com). All Rights Reserved. 3 © 2001 Danny Goodman (www.dannyg.com). All Rights Reserved. IE4+, NN6+ style Object Properties JSB4 IE4,N6 Operators 40 style 30 Comparison Text & Fonts Borders & Edges Inline Display & Layout == Equals color IE4, N6 borderIE4, N6 clear IE4, N6 N4, IE4 === Strictly equals fontIE4, N6 borderBottomIE4, N6 clip IE4, N6 != Does not equal fontFamily IE4, N6 borderLeftIE4, N6 clipBottom W5 N4, IE4 !== Strictly does not equal JavaScript and fontSize IE4, N6 borderRightIE4, N6 clipLeft W5 > Is greater than fontSizeAdjust M5, N6 borderTopIE4, N6 clipRight W5 >= Is greater than or equal to fontStretch M5, N6 borderBottomColor IE4, N6 clipTop W5 < Is less than Browser Objects fontStyle IE4, N6 borderLeftColorIE4, N6 content M5, N6 <= Is less than or equal to fontVariant IE4, N6 borderRightColorIE4, N6 counterIncrement M5, N6 fontWeight IE4, N6 borderTopColorIE4, N6 counterReset M5, N6 Arithmetic letterSpacing IE4, N6 borderBottomStyle IE4, N6 cssFloat M5, N6 + Plus (and string concat.) Quick Reference lineBreak IE5 borderLeftStyle IE4, N6 cursorIE4, N6 - Minus lineHeight IE4, N6 borderRightStyle IE4, N6 direction IE5, N6 * Multiply quotes M5, N6 borderTopStyle IE4, N6 display IE4, N6 / Divide rubyAlign IE5 borderBottomWidth IE4, N6 filterW4 % Modulo rubyOverhangIE5 borderLeftWidth IE4, N6 floatStyle M4 ++ Increment rubyPosition IE5 borderRightWidth IE4, N6 layoutGrid
    [Show full text]
  • Danny Goodman's Javascript Handbook Object Road Map (Navigator 3.0 Edition) HTML-Generated Javascript Objects
    Danny Goodman's JavaScript Handbook Object Road Map (Navigator 3.0 Edition) HTML-Generated JavaScript Objects window document form frames[i] blur()* onLoad= alinkColor clear() (None) action reset()* onReset=* parent focus()* onUnload= anchors[i] close() elements[i] submit() onSubmit= self scroll(x,y)* onBlur=* applets[i]* open("mimetype") encoding top alert("msg") onFocus=* bgColor write("string") method status confirm("msg") cookie writeln("string") name defaultStatus prompt("msg","reply") domain* target name open(URL,"name","specs") embeds[i]* window close() fgColor opener* setTimeOut("exp",ms) forms[i] onerror* clearTimeOut(ID) images[i]* text, textarea, password lastModified defaultValue focus() onBlur= linkColor name blur() onChange= links[i] type* select() onFocus= history location** value onSelect= referrer length back() (None) title current*** forward() URL* radio next*** go(int | "URL") vlinkColor checked click() onClick= previous*** defaultChecked link length location name target (None) onClick= type* hash reload()* (None) onMouseOut=* value host replace(URL)* onMouseOver= hostname href anchor button, reset, submit pathname name click() onClick= port (None) (None) (None) type* protocol value search applet* (Java vars) (Java methods) (None) checkbox checked click() onClick= area* image* defaultChecked hash (None) onMouseOut= border (None) onAbort= name host onMouseOver= complete onError= type* hostname height onLoad= value href hspace pathname lowsrc port name select protocol src length blur()* onBlur= search vspace name focus()* onChange= target width options[i] onFocus= selectedIndex options[i].defaultSelected fileUpload* options[i].index options[i].selected name blur() onBlur= options[i].text *New in Navigator 3.0 value focus() onFocus= options[i].value **Do not use. To be deleted in a future release select() onSelect= type* ***Only with data tainting enabled ©1996 Danny Goodman.
    [Show full text]