Universal Design principles can be applied to digital media, learning, and curriculum design to make them usable by all people without special adaptation. This involves multiple means of representation, engagement, and action/expression. Web standards like semantic HTML, CSS layout, and accessibility techniques ensure content is accessible on diverse devices and browsers. Evaluation tools help check and improve accessibility and universal design.
Trends and innovations in web development course Dr. Shikha Mehta
This Presentations explores trends and innovations in web development courses, discussed in the various research studies in the context of curriculum design and teaching pedagogies.
Trends and innovations in web development course Dr. Shikha Mehta
This Presentations explores trends and innovations in web development courses, discussed in the various research studies in the context of curriculum design and teaching pedagogies.
An increasing number of people are using tablets and mobile devices to access the web. The Gartner Group predicts that close to 400m tablets will be sold worldwide by 2016. Users are demanding a user-friendly, easy to navigate experience across all devices - from desktops to mobile devices. The challenge is to design a single site that will address various different screen sizes and formats. Responsive Web Design (RWD) can be a strong solution to addressing the problem of designing for multiple devices. RWD is a new way to create web and mobile designs. With RWD your users will experience a seamless user experience with minimum of resizing and scrolling — across a wide range of devices (monitors to mobile phones to tablets). We will go beyond the marketing hype – and drill down into the real guts of RWD.
Results from a Survey to Measure the Benefits of Accessibility and Universal ...Howard Kramer
Results from a Survey to Measure the Benefits of Accessibility and Universal Design Topics in Course Curricula
(plus teaching resources for including accessibility/UD Topics in University Courses)
AHEAD 2021
Teaching Accessibility and Inclusive Design in Higher Education Curriculum: B...Howard Kramer
In 2015 tech firms such as Yahoo, Facebook, Dropbox and LinkedIn announced that they will develop standard language that lets applicants ‘know that having accessibility knowledge is "preferred" to land a job. Come to this session to learn how why and how you should include accessibility and inclusive design topics in tech, media and computer science courses.
Read| The latest issue of The Challenger is here! We are thrilled to announce that our school paper has qualified for the NATIONAL SCHOOLS PRESS CONFERENCE (NSPC) 2024. Thank you for your unwavering support and trust. Dive into the stories that made us stand out!
How to Make a Field invisible in Odoo 17Celine George
It is possible to hide or invisible some fields in odoo. Commonly using “invisible” attribute in the field definition to invisible the fields. This slide will show how to make a field invisible in odoo 17.
2024.06.01 Introducing a competency framework for languag learning materials ...Sandy Millin
http://sandymillin.wordpress.com/iateflwebinar2024
Published classroom materials form the basis of syllabuses, drive teacher professional development, and have a potentially huge influence on learners, teachers and education systems. All teachers also create their own materials, whether a few sentences on a blackboard, a highly-structured fully-realised online course, or anything in between. Despite this, the knowledge and skills needed to create effective language learning materials are rarely part of teacher training, and are mostly learnt by trial and error.
Knowledge and skills frameworks, generally called competency frameworks, for ELT teachers, trainers and managers have existed for a few years now. However, until I created one for my MA dissertation, there wasn’t one drawing together what we need to know and do to be able to effectively produce language learning materials.
This webinar will introduce you to my framework, highlighting the key competencies I identified from my research. It will also show how anybody involved in language teaching (any language, not just English!), teacher training, managing schools or developing language learning materials can benefit from using the framework.
Introduction to AI for Nonprofits with Tapp NetworkTechSoup
Dive into the world of AI! Experts Jon Hill and Tareq Monaur will guide you through AI's role in enhancing nonprofit websites and basic marketing strategies, making it easy to understand and apply.
The Roman Empire A Historical Colossus.pdfkaushalkr1407
The Roman Empire, a vast and enduring power, stands as one of history's most remarkable civilizations, leaving an indelible imprint on the world. It emerged from the Roman Republic, transitioning into an imperial powerhouse under the leadership of Augustus Caesar in 27 BCE. This transformation marked the beginning of an era defined by unprecedented territorial expansion, architectural marvels, and profound cultural influence.
The empire's roots lie in the city of Rome, founded, according to legend, by Romulus in 753 BCE. Over centuries, Rome evolved from a small settlement to a formidable republic, characterized by a complex political system with elected officials and checks on power. However, internal strife, class conflicts, and military ambitions paved the way for the end of the Republic. Julius Caesar’s dictatorship and subsequent assassination in 44 BCE created a power vacuum, leading to a civil war. Octavian, later Augustus, emerged victorious, heralding the Roman Empire’s birth.
Under Augustus, the empire experienced the Pax Romana, a 200-year period of relative peace and stability. Augustus reformed the military, established efficient administrative systems, and initiated grand construction projects. The empire's borders expanded, encompassing territories from Britain to Egypt and from Spain to the Euphrates. Roman legions, renowned for their discipline and engineering prowess, secured and maintained these vast territories, building roads, fortifications, and cities that facilitated control and integration.
The Roman Empire’s society was hierarchical, with a rigid class system. At the top were the patricians, wealthy elites who held significant political power. Below them were the plebeians, free citizens with limited political influence, and the vast numbers of slaves who formed the backbone of the economy. The family unit was central, governed by the paterfamilias, the male head who held absolute authority.
Culturally, the Romans were eclectic, absorbing and adapting elements from the civilizations they encountered, particularly the Greeks. Roman art, literature, and philosophy reflected this synthesis, creating a rich cultural tapestry. Latin, the Roman language, became the lingua franca of the Western world, influencing numerous modern languages.
Roman architecture and engineering achievements were monumental. They perfected the arch, vault, and dome, constructing enduring structures like the Colosseum, Pantheon, and aqueducts. These engineering marvels not only showcased Roman ingenuity but also served practical purposes, from public entertainment to water supply.
Macroeconomics- Movie Location
This will be used as part of your Personal Professional Portfolio once graded.
Objective:
Prepare a presentation or a paper using research, basic comparative analysis, data organization and application of economic information. You will make an informed assessment of an economic climate outside of the United States to accomplish an entertainment industry objective.
Welcome to TechSoup New Member Orientation and Q&A (May 2024).pdfTechSoup
In this webinar you will learn how your organization can access TechSoup's wide variety of product discount and donation programs. From hardware to software, we'll give you a tour of the tools available to help your nonprofit with productivity, collaboration, financial management, donor tracking, security, and more.
Honest Reviews of Tim Han LMA Course Program.pptxtimhan337
Personal development courses are widely available today, with each one promising life-changing outcomes. Tim Han’s Life Mastery Achievers (LMA) Course has drawn a lot of interest. In addition to offering my frank assessment of Success Insider’s LMA Course, this piece examines the course’s effects via a variety of Tim Han LMA course reviews and Success Insider comments.
Model Attribute Check Company Auto PropertyCeline George
In Odoo, the multi-company feature allows you to manage multiple companies within a single Odoo database instance. Each company can have its own configurations while still sharing common resources such as products, customers, and suppliers.
Operation “Blue Star” is the only event in the history of Independent India where the state went into war with its own people. Even after about 40 years it is not clear if it was culmination of states anger over people of the region, a political game of power or start of dictatorial chapter in the democratic setup.
The people of Punjab felt alienated from main stream due to denial of their just demands during a long democratic struggle since independence. As it happen all over the word, it led to militant struggle with great loss of lives of military, police and civilian personnel. Killing of Indira Gandhi and massacre of innocent Sikhs in Delhi and other India cities was also associated with this movement.
The French Revolution, which began in 1789, was a period of radical social and political upheaval in France. It marked the decline of absolute monarchies, the rise of secular and democratic republics, and the eventual rise of Napoleon Bonaparte. This revolutionary period is crucial in understanding the transition from feudalism to modernity in Europe.
For more information, visit-www.vavaclasses.com
The French Revolution Class 9 Study Material pdf free download
Ud 4 web, classroom, curriculum
1. Universal Design – for
Digital Media, for
Learning, for Curriculum
Howard Kramer
University of Colorado-Boulder
hkramer@colorado.edu, 303-492-8672
2. Today’s Outline
What is Universal Design
For Digital Media & the Web
The role of Web Standards
For Learning
For Course Content
Techniques, approaches for all 3 areas
Resources & suggestions for
implementation
Including – UD course for Digital Media, UD
project funded by NEA
4. Universal Design for Digital Media,
Learning & Course Content
What is Universal Design?
Universal design is the design of products
and environments to be usable by all
people, to the greatest extent possible,
without the need for adaptation or
specialized design – Ron Mace, Architect
5. Universal Design for Digital Media
Equitable Use: The design is useful and marketable to people
with diverse abilities.
Same means of use for all
No text-only versions
Flexibility in Use: The design accommodates a wide range of
individual preferences and abilities.
Accommodates user-defined style sheets (such as the high-contrast
text style that an individual with weak eyesight would use)
Simple and Intuitive: Use of the design is easy to understand,
regardless of the user's experience, knowledge, language skills, or
current concentration level.
Perceptible Information: The design communicates necessary
information effectively to the user, regardless of ambient conditions or
the user's sensory abilities.
Multiple ways of presenting info that is contained in images, graphs,
audio, video, or other forms of media
6. Universal Design for Digital Media
Tolerance for Error: The design minimizes hazards and
the adverse consequences of accidental or unintended
actions.
Low Physical Effort: The design can be used efficiently and
comfortably and with a minimum of fatigue.
Easy tab progression to allow for quick and smooth navigation
Minimize the number of links or the amount of accessory content
that the user must get through in order to find the primary content
Size and Space of Content and Control Objects are
Appropriate & Customizable by User:
Page is relatively scalable and can be viewed on small monitors, cell
phone browsers, etc.²
File size is not prohibitive for those with slow Internet connections.
7. Web Standards
Laying the foundation for Universal Design
Web Standards include
semantic (x)HTML markup
(using html 4.x, xhtml 1.x or html 5)
CSS layout (the separating of content from
layout & formatting)
Third component: Scripting – Javascript &
DOM
Web Standards + Accessibility = UD
10. The Semantic Web – Definitions
Semantics (from Greek sēmantiká, neuter plural of
sēmantikós - signifier)[1][2] is the study of meaning. It
focuses on the relation between signifiers, such as
words, phrases, signs and symbols, and what they stand
for, their denotata.1
The Semantic Web describes the relationships
between things (like A is a part of B and Y is a
member of Z) and the properties of things (like size,
weight, age, and price)2
1 Wikipedia http://en.wikipedia.org/wiki/Semantics
2 http://www.w3schools.com/web/web_semantic.asp
12. The Benefits of Web Standards
Makes it easier for people & search engines to find
your content – (including AT users)
Separating structure and behavior makes your site
easier and less expensive to develop & test. (And
much easier to update).
Makes your site lighter (smaller file size)
Semantic markup makes your site more accessible to
different kinds of browsers and devices, incl. mobile
devices and AT
Designing with standards in ensures that your site is
forward compatible.
13. An Overview of Web Standard
Particulars
Declare a proper doctype
Declare a language in the doctype
Declare the primary language of the site in the <head> area
Title your page properly & uniquely
!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN―
"http://www.w3.org/TR/html4/strict.dtd">
If your document is XHTML, use this:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<head>
<html lang="en-GB">
...
</html>
14. Web Standard Particulars
Declare a unique title for each page.
Title example
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title> ATIA 2012</title>
</head>
<body>
</body>
...
</html>
15. Web Standard Particulars
Use keywords & description elements
<head>
<title>Yahoo! UK & Ireland Eurosport—Sports News | Live Scores
| Sport</title>
<meta name="description" content="Latest sports news and live
scores from Yahoo! Eurosport UK. Complete sport coverage with
Football results, Cricket scores, F1, Golf, Rugby, Tennis and
more.">
<meta name="keywords" content="eurosport,sports,sport,sports
news,live scores,football,cricket,f1,golf,rugby,tennis,uk,yahoo">
</head>
18. Demonstration
CSS Zen Garden
http://www.csszengarden.com/
CU Physics page
http://www.colorado.edu/ODECE/UDAC/physi
cs%20page-2.htm
NY Times
www.nytimes.com
Web Developer Toolbar (Firefox addon)
19. Zeldman – ―the blind billionaire‖
Google and other
search engines are, in
effect, ―blind users.‖
Structure
Text/semantics
20. Universal Design for Learning
Multiple means of representation
Multiple means of action & expression
Multiple means of engagement
21.
22. Representation of Information
Provide options for perception
1) - provide same information through different modalities (e.g.,
through vision, hearing, or touch);
2) providing information in a format that will allow for
adjustability by the user (e.g., text that can be enlarged, sounds
that can be amplified)
Offer ways of customizing the display of
information
Display information in a flexible format so that the perceptual
features can be varied
Size of text
Speed/pitch of audio
Background/Foreground contrast
23. Availability of Information
Is your syllabus available online
Is it updated regularly
If you use PowerPoint – are these available
before the class, after the class (in electronic
format)
24. Promoting the Integration of Universal
Design into University Curricula (UDUC)
2-year NEA funded grant – 7/1/12
Planned Activities
Establishing a formal network of faculty (FNOF)
A 2-Day Workshop: UCB community coming together
around the issue of UD
Development of website and use of social media to
disseminate and provide resources
25. Curriculum Chisholm, Wendy; May, Matt.
Materials Universal Design for Web
Applications
Zeldman, Jeffrey. Designing with
Web Standards (3rd Edition)
Shea & Holzschlag. The Zen of CSS
Design: Visual Enlightenment for the
Web.
Norman, David A. The Design of
Everyday Things (2002).
Cooper, Alan; Reimann Robert M.
About Face 2.0: The Essentials of
Interaction Design (2003)
27. More Evaluation & Remediation
Tools & Resources
10 Evaluation Tools
http://sixrevisions.com/web-
standards/accessibility_testtools/
CU Web Design Awards Page
http://www.colorado.edu/ODECE/UDAC/webc
omp2012.html#resources
28. Other Curriculum Resources
A List Apart - Link-Rodrigue, The Inclusion
Principle,
http://www.alistapart.com/articles/the-inclusion-
principle/
Dev.opera.com
http://dev.opera.com/articles/view/1-introduction-
to-the-web-standards-cur/
Usability.gov
http://usability.gov/methods/test_refine/heuristic.h
tml
Sitepoint.com
http://articles.sitepoint.com/article/information-
architecture
29. Other Curriculum Resources
First Principles of Interaction Design‖
(http://www.asktog.com/basics/firstPrinciples.html
);
―Personas‖
http://wiki.fluidproject.org/display/fluid/Personas
WebAIM.org – The Legend of the Typical …
http://webaim.org/presentations/2010/csun/screen
readersurvey.pdf
W3C Web Standards Cirruculim
http://www.w3.org/community/webed/wiki/Main_P
age
30. Other Resources
Web Design Awards & Training at CU
http://www.colorado.edu/ODECE/UDAC/webcomp
2012.html
WAVE - WebAIM.org
http://wave.webaim.org/
W3C Web Standards Curriculim
http://www.w3.org/community/webed/wiki/Main_P
age
Physics Example page
http://www.colorado.edu/ODECE/UDAC/physics%2
0page-2.htm
31. Accessing Higher Ground
Conference
Accessible Media, Web & Technology
November 12 - 16, 2012
Hands-on sessions on Web Access, Assistive
Technology
Upcoming teleconferences
Can purchase audio dvd of proceedings & access
materials & handouts online
Westin Hotel - between Boulder & Denver
www.colorado.edu/ATconference
32. UD for Learning Resources
CAST – www.cast.org/udl
National Center on Universal Design for
Learning - http://www.udlcenter.org/
Universal Design Education -
http://udeducation.org/
Center for Universal Design -
http://www.ncsu.edu
Editor's Notes
Mention will focus more on Digital Media area because of my background.
Different ways of getting to universal design – I’m using approach of Web StandardsHtml 4.0 – first web standard for htmlXhtml 1.0Benefits of Web Standards & UD approach:Allows you to approach accessible design with the wholistic concept of excellent design.Before we began developing the course, I know a lot about Universal Design and some advantages of using xhtml & css but I didn’t realize how web standards were or could be linked to accessibility and quality design.Designing with web standards promotes accessibility, - higher ranking on search engines & lower costs for development, and faster loading of web pages (& lower costs for hardware).Design that is not only accessible but usable. That is universal in that it not only is usable by persons with disabilities but by mobile devices, by cell phones and by slow internet access.To understand this, we need to review the history of Web browsers:Web standards project began in 1998. Before that time, each browser used proprietary mark-up language or html.So web designers would have to create different code segments for each browser.25% of development time was spent addressing work-arounds for browser incompatibility.Because content & layout combined unlike when we use CSS with structure xhtml. Html files wound up being 60% larger than necessary, requiring longer time to load and requiring larger space on servers, thus more expensive equipment costs. Designing with web standards not only improves the performance of your site and lowers costs but makes it more accessible to ATWhen we use CSS, content can be displayed in a verient of different ways more easily. Using structured markup such as headers to logically divinde up a page not only makes it easier for screenreaders to nvigate a page, it makes it easier for search engines such as google to find.Accessibility will be discussed later.
Html 4.0 – first web standard for htmlXhtml 1.0Benefits of Web Standards & UD approach:Allows you to approach accessible design with the wholistic concept of excellent design.Before we began developing the course, I know a lot about Universal Design and some advantages of using xhtml & css but I didn’t realize how web standards were or could be linked to accessibility and quality design.Designing with web standards promotes accessibility, - higher ranking on search engines & lower costs for development, and faster loading of web pages (& lower costs for hardware).Design that is not only accessible but usable. That is universal in that it not only is usable by persons with disabilities but by mobile devices, by cell phones and by slow internet access.To understand this, we need to review the history of Web browsers:Web standards project began in 1998. Before that time, each browser used proprietary mark-up language or html.So web designers would have to create different code segments for each browser.25% of development time was spent addressing work-arounds for browser incompatibility.Because content & layout combined unlike when we use CSS with structure xhtml. Html files wound up being 60% larger than necessary, requiring longer time to load and requiring larger space on servers, thus more expensive equipment costs. Designing with web standards not only improves the performance of your site and lowers costs but makes it more accessible to ATWhen we use CSS, content can be displayed in a verient of different ways more easily. Using structured markup such as headers to logically divinde up a page not only makes it easier for screenreaders to nvigate a page, it makes it easier for search engines such as google to find.
[can use example of Coltt site – can’t search for text in “image” grid that is posted on the web. Give specific example of “social media” session.]“Changing direction a little bit.”Benefits of Web Standards & UD approach:Allows you to approach accessible design with the wholistic concept of excellent design.Before we began developing the course, I know a lot about Universal Design and some advantages of using xhtml & css but I didn’t realize how web standards were or could be linked to accessibility and quality design.Designing with web standards promotes accessibility, - higher ranking on search engines & lower costs for development, and faster loading of web pages (& lower costs for hardware).Design that is not only accessible but usable. That is universal in that it not only is usable by persons with disabilities but by mobile devices, by cell phones and by slow internet access.To understand this, we need to review the history of Web browsers:Web standards project began in 1998. Before that time, each browser used proprietary mark-up language or html.So web designers would have to create different code segments for each browser.25% of development time was spent addressing work-arounds for browser incompatibility.Because content & layout combined unlike when we use CSS with structure xhtml. Html files wound up being 60% larger than necessary, requiring longer time to load and requiring larger space on servers, thus more expensive equipment costs. Designing with web standards not only improves the performance of your site and lowers costs but makes it more accessible to ATWhen we use CSS, content can be displayed in a verient of different ways more easily. Using structured markup such as headers to logically divinde up a page not only makes it easier for screenreaders to nvigate a page, it makes it easier for search engines such as google to find.
Probably more a part of UD or usability than Web Standards.
[Show Web Developer tool bar in Firefox when I do the demo.][Show csszen garden]Show CSS Zen GardenShow how appearance changes in different stylesShow high contrast css style in firefoxShow outline feature of web developer toolbarShow page without stylesAnd show how it also shows css errors & java errorsShow how you can turn images off – problem of h2 disappearing – caused by display = none in css
Similar concepts/approach applies when talking about UD for learning. [refer back to list of UD principles].Many concepts are same as found in “good pedagogy”I’m going to talk most about representation since it relates back to presentation & design of learning material
Use example of old photocopies for course readings.Many concepts are same as found in “good pedagogy”I’m going to talk most about representation since it relates back to presentation & design of learning material
Use example of old photocopies for course readings.Many concepts are same as found in “good pedagogy”I’m going to talk most about representation since it relates back to presentation & design of learning material