1<!DOCTYPE html>
2<html lang="en">
3 <head>
4
Document
title must not be blank.
For HTML pages change the title element. For Office documents and PDF documents produced from Office, fill in the Title in Document Properties before saving as PDF.
Element
title must not be empty.
<title> </title>
5 </head>
6
This page has no
h1 element, which violates Bing webmaster guidelines.
Add an h1 element just before the main content describing the page.
<body class="loaded">
7 <!--[if lte IE 9]><!DOCTYPE html><html lang='en'><![endif]-->
8
Attribute
:http-equiv not allowed on element.
Element
meta is missing one or more required attributes.
Missing 'itemprop' 'content' 'property'
<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
9
Attribute
:name not allowed on element.
Element
meta is missing one or more required attributes.
Missing 'itemprop' 'content' 'property'
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
10
Attribute
:name not allowed on element.
Element
meta is missing one or more required attributes.
Missing 'itemprop' 'content' 'property'
<meta name="KEYWORD" content="">
11
Attribute
:name not allowed on element.
Element
meta is missing one or more required attributes.
Missing 'itemprop' 'content' 'property'
<meta name="DESCRIPTION" content="">
12
Attribute
:name not allowed on element.
Element
meta is missing one or more required attributes.
Missing 'itemprop' 'content' 'property'
<meta name="ROBOTS" content="INDEX, FOLLOW">
13
<title>
14 HOME | PUTRA SCIENCE PARK
15 </title>
16
<link href="/assets/images/favicon.png" rel="icon">
17 <link href="/components/bootstrap/3.3.6/css/bootstrap.min.css?" rel="stylesheet">
18 <link href="/components/font-awesome/4.7.0/css/font-awesome.min.css?" rel="stylesheet">
19 <link href="/assets/css/preload.css?" rel="stylesheet">
20 <link href="/assets/css/webupm.css?" rel="stylesheet">
21 <link id="browser" href="/assets/css/webupm_desktop.css?" rel="stylesheet">
22 <script src="https://www.google-analytics.com/analytics.js" type="text/javascript" async></script>
23 <script src="/assets/js/responsive-switch.min.js?"></script> <!-- Global site tag (gtag.js) - Google Analytics -->
24 <script src="https://www.googletagmanager.com/gtag/js?id=UA-101071388-3" async></script>
25 <script>
26
27 window.dataLayer = window.dataLayer || [];
28 function gtag(){dataLayer.push(arguments);}
29 gtag('js', new Date());
30
31 gtag('config', 'UA-101071388-3');
32 </script>
33
<link href="http://www.sciencepark.upm.edu.my/" rel="alternate" hreflang="ms-my">
34
<link href="http://www.sciencepark.upm.edu.my/?L=en" rel="alternate" hreflang="en"> <!-- HTML5 shiv and Respond.js for IE8 support of HTML5 elements and media queries -->
35 <!--[if lt IE 9]>
36 <script src="/components/html5shiv/3.7.3/html5shiv.min.js?"></script>
37 <script src="/components/respond/1.4.2/respond.min.js?"></script>
38 <![endif]-->
39 <div id="HEADER">
40 <div id="c_logo"></div>
41 <div id="D-R1">
42 <div id="D-R1a">
43 <div id="D-R1a1">
44 <div class="logo_container" id="logo_jata">
45 <a href="https://www.malaysia.gov.my/portal/index" target="_blank">
Use text links rather than image links. In general, text links are more easily recognized as clickable.
Text links usually download faster, are preferred by users, and should change colors after being selected. It is usually easier to convey a link's destination in text, rather than with the use of an image.
Users often find it hard to tell which images are clickable without moving the cursor over them ('minesweeping').
Another benefit to using text links is that users with text-only and deactivated graphical browsers can see the navigation options.
Omitting
img width or
height attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked.
Add width and height attributes to the img tag matching the image dimensions. Authoring tools
like Dreamweaver can automate this process.
<img title="Malaysian Government" class="img-responsive" alt="Malaysian Government" src="/assets/images/jatanegara.png"> </a>
46 </div>
47 <div class="logo_container" id="logo_upm">
48 <a href="http://www.upm.edu.my" target="_blank">
Omitting
img width or
height attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked.
Add width and height attributes to the img tag matching the image dimensions. Authoring tools
like Dreamweaver can automate this process.
<img title="Universiti Putra Malaysia" class="img-responsive" alt="Universiti Putra Malaysia" src="/assets/images/logoupm.png"> </a>
49 </div>
50 </div>
51 </div>
52 <div id="D-R1b">
53 <div id="c_topmenu">
54 <ul class="fs" id="topmenu_container">
55 <li class="topmenu_item active bg">
56
Ensure that text and background colors have enough contrast.
The text color to background color contrast ratio is: 1.00 with
color: rgb(201,35,75);background-color: rgb(201,35,75);font-size: 12.00pt;font-weight: 400.00;
Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 3.0 or more for 18 point text, or larger
The contrast ratio should be 3.0 or more for 14 point bold text, or larger
The contrast ratio should be 4.5 or more for all other text
Search engines may penalize invisible text where text color is nearly identical to the background color.
The colors used are: color: rgb(201,35,75);background-color: rgb(201,35,75);
<a href="/"> HOME</a>
57 </li>
58 <li class="topmenu_item">
59
If you set any of the colors on the
body or
a elements you must set all of them.
The colors used are: color: rgb(201,35,75);background-color: rgb(255,255,255); uses browser default
In HTML the color attributes are text, bgcolor, link, alink and vlink.
In CSS the attributes are color and background-color.
Some users have browser defaults set to white text on a black background, so setting
one color without setting the others can result in black text on a black background. High contrast mode on Windows turns off background images so you must set a `background-color` in addition to a `background-image`.
<a href="/sitemap"> SITE MAP</a>
60 </li>
61 <li class="topmenu_item">
62
If you set any of the colors on the
body or
a elements you must set all of them.
The colors used are: color: rgb(201,35,75);background-color: rgb(255,255,255); uses browser default
In HTML the color attributes are text, bgcolor, link, alink and vlink.
In CSS the attributes are color and background-color.
Some users have browser defaults set to white text on a black background, so setting
one color without setting the others can result in black text on a black background. High contrast mode on Windows turns off background images so you must set a `background-color` in addition to a `background-image`.
<a href="/direktori"> DIRECTORY</a>
63 </li>
64 <li class="topmenu_item">
65
If you set any of the colors on the
body or
a elements you must set all of them.
The colors used are: color: rgb(201,35,75);background-color: rgb(255,255,255); uses browser default
In HTML the color attributes are text, bgcolor, link, alink and vlink.
In CSS the attributes are color and background-color.
Some users have browser defaults set to white text on a black background, so setting
one color without setting the others can result in black text on a black background. High contrast mode on Windows turns off background images so you must set a `background-color` in addition to a `background-image`.
<a href="/maklumbalas"> FEEDBACK</a>
66 </li>
67 <li class="topmenu_item">
68
If you set any of the colors on the
body or
a elements you must set all of them.
The colors used are: color: rgb(201,35,75);background-color: rgb(255,255,255); uses browser default
In HTML the color attributes are text, bgcolor, link, alink and vlink.
In CSS the attributes are color and background-color.
Some users have browser defaults set to white text on a black background, so setting
one color without setting the others can result in black text on a black background. High contrast mode on Windows turns off background images so you must set a `background-color` in addition to a `background-image`.
<a href="/lokasi"> LOCATION</a>
69 </li>
70 <li class="topmenu_item">
71
If you set any of the colors on the
body or
a elements you must set all of them.
The colors used are: color: rgb(201,35,75);background-color: rgb(255,255,255); uses browser default
In HTML the color attributes are text, bgcolor, link, alink and vlink.
In CSS the attributes are color and background-color.
Some users have browser defaults set to white text on a black background, so setting
one color without setting the others can result in black text on a black background. High contrast mode on Windows turns off background images so you must set a `background-color` in addition to a `background-image`.
<a href="/faq"> FAQ</a>
72 </li>
73 </ul>
74 </div>
75 <div id="D-R1b1">
76 <div id="c_search">
77 <form id="searchForm" action="/cari" method="get">
78 <div class="input-group" id="searchForm_container">
79
Use
label elements for each data entry field to show what data is expected.
Make sure each INPUT field has an associated LABEL describing the field.
<input name="cari" class="form-control" type="text" placeholder="Search...">
80 </div>
81 </form>
82 </div>
83 </div>
84 </div>
85 </div>
86 <div id="REZERVE_Z">
87 <div id="logo_title2">
88 PUTRA SCIENCE PARK
89 </div>
90 </div>
91 <div id="D-R2">
92 <div class="bg" id="c_mainmenu">
93 <ul class="fs" id="mainmenu_container">
94 <li class="mainmenu_item">
95
Ensure that text and background colors have enough contrast.
The text color to background color contrast ratio is: 1.71 with
color: rgb(0,0,238);background-color: rgb(201,35,75);font-size: 12.00pt;font-weight: 400.00;
Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 3.0 or more for 18 point text, or larger
The contrast ratio should be 3.0 or more for 14 point bold text, or larger
The contrast ratio should be 4.5 or more for all other text
If you set any of the colors on the
body or
a elements you must set all of them.
The colors used are: color: rgb(0,0,238); uses browser default
background-color: rgb(201,35,75);
In HTML the color attributes are text, bgcolor, link, alink and vlink.
In CSS the attributes are color and background-color.
Some users have browser defaults set to white text on a black background, so setting
one color without setting the others can result in black text on a black background. High contrast mode on Windows turns off background images so you must set a `background-color` in addition to a `background-image`.
<a href="/about_us-2260"> ABOUT US</a>
96 </li>
97 <li class="mainmenu_item">
98
Ensure that text and background colors have enough contrast.
The text color to background color contrast ratio is: 1.71 with
color: rgb(0,0,238);background-color: rgb(201,35,75);font-size: 12.00pt;font-weight: 400.00;
Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 3.0 or more for 18 point text, or larger
The contrast ratio should be 3.0 or more for 14 point bold text, or larger
The contrast ratio should be 4.5 or more for all other text
If you set any of the colors on the
body or
a elements you must set all of them.
The colors used are: color: rgb(0,0,238); uses browser default
background-color: rgb(201,35,75);
In HTML the color attributes are text, bgcolor, link, alink and vlink.
In CSS the attributes are color and background-color.
Some users have browser defaults set to white text on a black background, so setting
one color without setting the others can result in black text on a black background. High contrast mode on Windows turns off background images so you must set a `background-color` in addition to a `background-image`.
<a href="/our_services-2265"> OUR SERVICES</a>
99 </li>
100 <li class="mainmenu_item">
101
Ensure that text and background colors have enough contrast.
The text color to background color contrast ratio is: 1.71 with
color: rgb(0,0,238);background-color: rgb(201,35,75);font-size: 12.00pt;font-weight: 400.00;
Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 3.0 or more for 18 point text, or larger
The contrast ratio should be 3.0 or more for 14 point bold text, or larger
The contrast ratio should be 4.5 or more for all other text
If you set any of the colors on the
body or
a elements you must set all of them.
The colors used are: color: rgb(0,0,238); uses browser default
background-color: rgb(201,35,75);
In HTML the color attributes are text, bgcolor, link, alink and vlink.
In CSS the attributes are color and background-color.
Some users have browser defaults set to white text on a black background, so setting
one color without setting the others can result in black text on a black background. High contrast mode on Windows turns off background images so you must set a `background-color` in addition to a `background-image`.
<a href="/researcher-2262"> RESEARCHER</a>
102 </li>
103 <li class="mainmenu_item">
104
Ensure that text and background colors have enough contrast.
The text color to background color contrast ratio is: 1.71 with
color: rgb(0,0,238);background-color: rgb(201,35,75);font-size: 12.00pt;font-weight: 400.00;
Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 3.0 or more for 18 point text, or larger
The contrast ratio should be 3.0 or more for 14 point bold text, or larger
The contrast ratio should be 4.5 or more for all other text
If you set any of the colors on the
body or
a elements you must set all of them.
The colors used are: color: rgb(0,0,238); uses browser default
background-color: rgb(201,35,75);
In HTML the color attributes are text, bgcolor, link, alink and vlink.
In CSS the attributes are color and background-color.
Some users have browser defaults set to white text on a black background, so setting
one color without setting the others can result in black text on a black background. High contrast mode on Windows turns off background images so you must set a `background-color` in addition to a `background-image`.
<a href="/industry-2263"> INDUSTRY</a>
105 </li>
106 <li class="mainmenu_item">
107
Ensure that text and background colors have enough contrast.
The text color to background color contrast ratio is: 1.71 with
color: rgb(0,0,238);background-color: rgb(201,35,75);font-size: 12.00pt;font-weight: 400.00;
Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 3.0 or more for 18 point text, or larger
The contrast ratio should be 3.0 or more for 14 point bold text, or larger
The contrast ratio should be 4.5 or more for all other text
If you set any of the colors on the
body or
a elements you must set all of them.
The colors used are: color: rgb(0,0,238); uses browser default
background-color: rgb(201,35,75);
In HTML the color attributes are text, bgcolor, link, alink and vlink.
In CSS the attributes are color and background-color.
Some users have browser defaults set to white text on a black background, so setting
one color without setting the others can result in black text on a black background. High contrast mode on Windows turns off background images so you must set a `background-color` in addition to a `background-image`.
<a href="/edu_park%25c2%25ae-2606"> eDU-PARK®</a>
108 </li>
109 <li class="mainmenu_item">
110
Ensure that text and background colors have enough contrast.
The text color to background color contrast ratio is: 1.71 with
color: rgb(0,0,238);background-color: rgb(201,35,75);font-size: 12.00pt;font-weight: 400.00;
Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 3.0 or more for 18 point text, or larger
The contrast ratio should be 3.0 or more for 14 point bold text, or larger
The contrast ratio should be 4.5 or more for all other text
If you set any of the colors on the
body or
a elements you must set all of them.
The colors used are: color: rgb(0,0,238); uses browser default
background-color: rgb(201,35,75);
In HTML the color attributes are text, bgcolor, link, alink and vlink.
In CSS the attributes are color and background-color.
Some users have browser defaults set to white text on a black background, so setting
one color without setting the others can result in black text on a black background. High contrast mode on Windows turns off background images so you must set a `background-color` in addition to a `background-image`.
<a href="/upm_products-3525"> UPM-PRODUCTS</a>
111 </li>
112 <li class="mainmenu_item">
113
Ensure that text and background colors have enough contrast.
The text color to background color contrast ratio is: 1.71 with
color: rgb(0,0,238);background-color: rgb(201,35,75);font-size: 12.00pt;font-weight: 400.00;
Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 3.0 or more for 18 point text, or larger
The contrast ratio should be 3.0 or more for 14 point bold text, or larger
The contrast ratio should be 4.5 or more for all other text
If you set any of the colors on the
body or
a elements you must set all of them.
The colors used are: color: rgb(0,0,238); uses browser default
background-color: rgb(201,35,75);
In HTML the color attributes are text, bgcolor, link, alink and vlink.
In CSS the attributes are color and background-color.
Some users have browser defaults set to white text on a black background, so setting
one color without setting the others can result in black text on a black background. High contrast mode on Windows turns off background images so you must set a `background-color` in addition to a `background-image`.
<a href="/innohub-3503"> INNOHUB</a>
114 </li>
115 </ul>
116 </div>
117 </div>
118 <div id="MP-header">
119 <div class="MP-header" id="MP-header1"></div>
120 <div class="MP-header" id="MP-header2">
121
Each
a element must contain text or an
img with an
alt attribute.
Add text to the link, or alt text if the link contains an image. If there is no link text or the alt text is blank, screen readers have nothing to read, so read out the URL instead.
<a href="/r.php"> </a>
122 </div>
123 <div class="MP-header" id="MP-header3">
124 <a data-toggle="modal" data-target="#MP-M2"></a>
125 </div>
126 </div>
127 <div class="panel-group" id="MP-menu">
128 <div class="panel" id="MP-topmenu">
129 <div class="panel-heading " id="MP-topmenu-header">
130 <a href="#MP-topmenu-container" data-toggle="collapse" data-parent="#MP-menu">info sciencepark</a>
131 </div>
132 <div class="panel-collapse collapse" id="MP-topmenu-container">
133 <div class="panel-body fs" id="MP-topmenu-body"></div>
134 </div>
135 </div>
136 <div class="panel" id="MP-mainmenu">
137 <div class="panel-heading " id="MP-mainmenu-header">
138 <a href="#MP-mainmenu-container" data-toggle="collapse" data-parent="#MP-menu">main content</a>
139 </div>
140 <div class="panel-collapse collapse" id="MP-mainmenu-container">
141 <div class="panel-body fs" id="MP-mainmenu-body"></div>
142 </div>
143 </div>
144 <div class="panel" id="MP-language">
145 <div class="panel-heading " id="MP-language-header">
146 <a href="#MP-language-container" data-toggle="collapse" data-parent="#MP-menu">Language Selection</a>
147 </div>
148 <div class="panel-collapse collapse" id="MP-language-container">
149 <div class="panel-body fs" id="MP-language-body"></div>
150 </div>
151 </div>
152 <div class="panel" id="MP-upm">
153 <div class="panel-heading" id="MP-upm-header">
154 <a href="http://www.upm.edu.my/?LANG=en">go to UPM website</a>
155 </div>
156 </div>
157 </div>
Each
a element must contain text or an
img with an
alt attribute.
Add text to the link, or alt text if the link contains an image. If there is no link text or the alt text is blank, screen readers have nothing to read, so read out the URL instead.
<a class=" rs-link rs-link-inactive" id="c_switchview" href="#" data-link-responsive="< i class='fa fa-mobile fa-5x'></i>" data-link-desktop=""></a>
158 <div class="bg" id="menu-toggle">
159
Omitting
img width or
height attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked.
Add width and height attributes to the img tag matching the image dimensions. Authoring tools
like Dreamweaver can automate this process.
<img alt="" src="/assets/images/ikonwebupm/i_tetapan.png">
160
Ensure that text and background colors have enough contrast.
The text color to background color contrast ratio is: 1.00 with
color: rgb(201,35,75);background-color: rgb(201,35,75);font-size: 12.00pt;font-weight: 400.00;
Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 3.0 or more for 18 point text, or larger
The contrast ratio should be 3.0 or more for 14 point bold text, or larger
The contrast ratio should be 4.5 or more for all other text
Search engines may penalize invisible text where text color is nearly identical to the background color.
The colors used are: color: rgb(201,35,75);background-color: rgb(201,35,75);
<div class="menu-toggle">
161 Setting
162 </div>
163 </div>
164 <div id="menu">
165 <div class="sidenav_container">
166 <div class="sidenav_header">
167 FONT SIZE
168 </div>
169 <ul class="sidenav_body" id="fontsize_container">
170 <li class="fontsize_item">
171
All
onclick handlers should have an equivalent
onkeypress handler.
Some users are unable to use a mouse, so use the keyboard instead. Add an equivalent keyboard event handler to help these users.
Omitting
img width or
height attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked.
Add width and height attributes to the img tag matching the image dimensions. Authoring tools
like Dreamweaver can automate this process.
<img onclick="FontBig('.' + this.fs)" src="/assets/images/fontplus.png">
172 </li>
173 <li class="fontsize_item">
174
All
onclick handlers should have an equivalent
onkeypress handler.
Some users are unable to use a mouse, so use the keyboard instead. Add an equivalent keyboard event handler to help these users.
Omitting
img width or
height attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked.
Add width and height attributes to the img tag matching the image dimensions. Authoring tools
like Dreamweaver can automate this process.
<img onclick="FontNormal('.' + this.fs)" src="/assets/images/fontreset.png">
175 </li>
176 <li class="fontsize_item">
177
All
onclick handlers should have an equivalent
onkeypress handler.
Some users are unable to use a mouse, so use the keyboard instead. Add an equivalent keyboard event handler to help these users.
Omitting
img width or
height attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked.
Add width and height attributes to the img tag matching the image dimensions. Authoring tools
like Dreamweaver can automate this process.
<img onclick="FontSmall('.' + this.fs)" src="/assets/images/fontminus.png">
178 </li>
179 </ul>
180 </div>
181 <div class="sidenav_container">
182 <div class="sidenav_header">
183 BACKGROUND COLOR
184 </div>
185 <ul class="sidenav_body" id="bgcolor_container"></ul>
186 </div>
187 </div>
188 <div class="bg" id="menu-toggle2">
189
Omitting
img width or
height attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked.
Add width and height attributes to the img tag matching the image dimensions. Authoring tools
like Dreamweaver can automate this process.
<img alt="" src="/assets/images/ikonwebupm/i_news.png">
190
Ensure that text and background colors have enough contrast.
The text color to background color contrast ratio is: 1.00 with
color: rgb(201,35,75);background-color: rgb(201,35,75);font-size: 12.00pt;font-weight: 400.00;
Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 3.0 or more for 18 point text, or larger
The contrast ratio should be 3.0 or more for 14 point bold text, or larger
The contrast ratio should be 4.5 or more for all other text
Search engines may penalize invisible text where text color is nearly identical to the background color.
The colors used are: color: rgb(201,35,75);background-color: rgb(201,35,75);
<div class="menu-toggle">
191 Newsletter
192 </div>
193 </div>
194 <div id="menu2">
195 <div class="sidenav_container">
196 <div id="eputra_container">
197 <a href="https://landing.mailerlite.com/webforms/landing/c9r8r3">
198 <div id="eputra_image">
199
Omitting
img width or
height attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked.
Add width and height attributes to the img tag matching the image dimensions. Authoring tools
like Dreamweaver can automate this process.
<img src="assets/images/eputra.jpg">
200 </div>
201 <div id="eputra_text">
202 <div id="eputra_title">
203 e-PUTRA Newsletter
204 </div>
205 <div class="fs" id="eputra_description">
206 Langgan e-PUTRA Newsletter untuk mengetahui berita terkini mengenai UPM
207 </div>
208 </div></a>
209 </div>
210 </div>
211 </div>
212 <div class="bg" id="menu-toggle4">
213
Omitting
img width or
height attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked.
Add width and height attributes to the img tag matching the image dimensions. Authoring tools
like Dreamweaver can automate this process.
<img alt="" src="/assets/images/ikonwebupm/i_entiti.png">
214
Ensure that text and background colors have enough contrast.
The text color to background color contrast ratio is: 1.00 with
color: rgb(201,35,75);background-color: rgb(201,35,75);font-size: 12.00pt;font-weight: 400.00;
Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 3.0 or more for 18 point text, or larger
The contrast ratio should be 3.0 or more for 14 point bold text, or larger
The contrast ratio should be 4.5 or more for all other text
Search engines may penalize invisible text where text color is nearly identical to the background color.
The colors used are: color: rgb(201,35,75);background-color: rgb(201,35,75);
<div class="menu-toggle">
215 Our Entity
216 </div>
217 </div>
218 <div id="menu4">
219
<div id="visitus_title">
220 visit us
221 </div>
222 <div id="visitus_container">
223 <div class="visitus_group">
224
Use
label elements for each data entry field to show what data is expected.
Make sure each INPUT field has an associated LABEL describing the field.
<select onchange="location= this.options[this.selectedIndex].value">
225 <option selected>
226 OUR OFFICE
227 </option>
228 <option class="visitus_list" value="http://www.sciencepark.upm.edu.my/about_us/putra_science_park/psps_organization_structure-3610">
229 1- Organization
230 </option>
231 <option class="visitus_list" value="http://www.sciencepark.upm.edu.my/our_services/technology_transfer-8493">
232 2- Director Office
233 </option>
234 <option class="visitus_list" value="http://www.sciencepark.upm.edu.my/our_services/intellectual_property-8494">
235 3- Putra IP Division
236 </option>
237 <option class="visitus_list" value="http://www.sciencepark.upm.edu.my/our_services/innovation_promotion-8495">
238 4- Innovation Promotion & Marketing Division
239 </option>
240 <option class="visitus_list" value="http://www.sciencepark.upm.edu.my/our_services/edu_tourism-8496">
241 5- eDU-PARK® Division
242 </option>
243 </select>
244 </div>
245 <div class="visitus_group">
246
Use
label elements for each data entry field to show what data is expected.
Make sure each INPUT field has an associated LABEL describing the field.
<select onchange="location= this.options[this.selectedIndex].value">
247 <option selected>
248 RELATED SERVICES
249 </option>
250 <option class="visitus_list" value="http://www.bursar.upm.edu.my/">
251 Bursar Office
252 </option>
253 <option class="visitus_list" value="http://www.cirnet.upm.edu.my/">
254 Centre of Industry Relations And Networks (CIRNET)
255 </option>
256 <option class="visitus_list" value="http://www.coscomm.upm.edu.my/">
257 Corporate Strategy And Communications Office (CoSComm)
258 </option>
259 <option class="visitus_list" value="http://www.ppuu.upm.edu.my/">
260 Office of The Legal Advisor
261 </option>
262 <option class="visitus_list" value="http://www.upmholdings.com.my/">
263 UPM Holdings Sdn Bhd
264 </option>
265 <option class="visitus_list" value="http://www.tncpi.upm.edu.my">
266 UPM Research Administration
267 </option>
268 <option class="visitus_list" value="http://www.rmc.upm.edu.my">
269 UPM Research Management Centre (RMC)
270 </option>
271 </select>
272 </div>
273 </div>
274 </div>
275 <div class="bg" id="menu-toggle5">
276
Omitting
img width or
height attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked.
Add width and height attributes to the img tag matching the image dimensions. Authoring tools
like Dreamweaver can automate this process.
<img alt="" src="/assets/images/ikonwebupm/i_dokumen.png">
277
Ensure that text and background colors have enough contrast.
The text color to background color contrast ratio is: 1.00 with
color: rgb(201,35,75);background-color: rgb(201,35,75);font-size: 12.00pt;font-weight: 400.00;
Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 3.0 or more for 18 point text, or larger
The contrast ratio should be 3.0 or more for 14 point bold text, or larger
The contrast ratio should be 4.5 or more for all other text
Search engines may penalize invisible text where text color is nearly identical to the background color.
The colors used are: color: rgb(201,35,75);background-color: rgb(201,35,75);
<div class="menu-toggle">
278 Documents
279 </div>
280 </div>
281 <div id="menu5">
282
<div id="visitus_title">
283 DOCUMENT
284 </div>
285 <div class="sidenav_container">
286 <ul class="sidenav_body" id="eicon_container">
287 <li class="eicon_item" style="width: 40%; text-align: center;">
288 <a href="/documentfile">
Omitting
img width or
height attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked.
Add width and height attributes to the img tag matching the image dimensions. Authoring tools
like Dreamweaver can automate this process.
<img src="/assets/images/e_archive.png">
289 <br>
290 DOWNLOAD</a>
291 </li>
292 </ul>
293 </div>
294 </div>
295 <div id="menu-toggle6">
296
Use
label elements for each data entry field to show what data is expected.
Make sure each INPUT field has an associated LABEL describing the field.
<select onchange="location= this.options[this.selectedIndex].value">
297 <option>
298 EN
299 </option><!-- <option value="" class="language_link">BM-testing</option> -->
300 <option class="language_link" value="/?L=bm">
301 BM
302 </option>
303 </select>
304 </div>
305 </div>
306 <div id="CONTENT">
307 <style>
308
@charset "utf-8";
The CSS outline or border style on this element makes it difficult or impossible to see the dotted link focus outline.
Change the style to avoid obscuring the focus outline around focusable elements.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
Firefox (obscures the focus indicator on links)
Internet Explorer (obscures the focus indicator on links, buttons and range controls)
Internet Explorer and Edge do not support the outline-offset property, so using this does not reliably avoid focus outline overlap.
CSS hex colors with alpha values like
#RGBA or
#RRGGBBAA are not supported by all browsers.
In CSS Level 3 hex colors have 3 or 6 hex digits. In CSS Level 4 hex colors can also have 4 or 8 hex digits.
DirectX filters are not supported by IE10 or later.
DirectX-based Filters and Transitions (DX filters) do not work in Internet Explorer 10 for any pages in the Internet Zone.
Use CSS3 features instead.
309
CSS Validation Error.
Line 309 CSS Validation
CSS Validation Error.
Line 309 CSS Validation
Too many values for CSS property.
If a global CSS property value like inherit, initial or unset has been used, then no other property values are allowed.
Line 309 CSS Validation
Unknown @media feature name.
The media feature may be misspelled or not yet standardized.
Line 309 CSS Validation
Property doesn't exist in CSS.
The property name may be misspelled, vendor specific, or a new CSS property from a draft specification.
Line 309 CSS Validation
Property or at-rule is vendor specific.
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 309 CSS Validation
Property or at-rule is vendor specific.
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 309 CSS Validation
Property or at-rule is vendor specific.
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 309 CSS Validation
Property or at-rule is vendor specific.
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 309 CSS Validation
Property or at-rule is vendor specific.
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 309 CSS Validation
Property or at-rule is vendor specific.
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 309 CSS Validation
Property or at-rule is vendor specific.
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 309 CSS Validation
Property or at-rule is vendor specific.
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 309 CSS Validation
Property or at-rule is vendor specific.
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 309 CSS Validation
Property or at-rule is vendor specific.
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 309 CSS Validation
Property or at-rule is vendor specific.
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 309 CSS Validation
@font-face{font-family:'Glyphicons Halflings'; src:url('assets/fonts/glyphicons-halflings-regular.eot');src:url('assets/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),url('assets/fonts/glyphicons-halflings-regular.woff2') format('woff2'),url('assets/fonts/glyphicons-halflings-regular.woff') format('woff'),url('assets/fonts/glyphicons-halflings-regular.ttf') format('truetype'),url('assets/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg')}.glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glyphicon-chevron-left:before{content:"\e079"}.glyphicon-chevron-right:before{content:"\e080"}.carousel-inner>.item>img,.carousel-inner>.item>a>img{display:block;max-width:100%;height:auto;line-height:1}.sr-only{position:absolute;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;clip:rect(0,0,0,0);border:0}.carousel{position:relative}.carousel-inner{position:relative;overflow:hidden;width:100%}.carousel-inner>.item{position:relative;display:none;-webkit-transition:.6s ease-in-out left;-o-transition:.6s ease-in-out left;transition:.6s ease-in-out left}@media all and (transform-3d),(-webkit-transform-3d){.carousel-inner>.item{-webkit-transition:-webkit-transform .6s ease-in-out;-o-transition:-o-transform .6s ease-in-out;transition:transform .6s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}.carousel-inner>.item.next,.carousel-inner>.item.active.right{left:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.carousel-inner>.item.prev,.carousel-inner>.item.active.left{left:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right,.carousel-inner>.item.active{left:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}.carousel-inner>.active{left:0}.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}.carousel-inner>.next{left:100%}.carousel-inner>.prev{left:-100%}.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}.carousel-inner>.active.left{left:-100%}.carousel-inner>.active.right{left:100%}.carousel-control{position:absolute;top:0;bottom:0;left:0;width:15%;font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6);background-color:rgba(0,0,0,0);filter:alpha(opacity=50);opacity:.5}.carousel-control.left{background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));background-image:linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000',endColorstr='#00000000',GradientType=1);background-repeat:repeat-x}.carousel-control.right{right:0;left:auto;background-image:-webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));background-image:linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#80000000',GradientType=1);background-repeat:repeat-x}.carousel-control:hover,.carousel-control:focus{color:#fff;text-decoration:none;filter:alpha(opacity=90);opacity:.9;outline:0}.carousel-control .icon-prev,.carousel-control .icon-next,.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right{position:absolute;display:inline-block;top:50%;z-index:5;margin-top:-10px}.carousel-control .icon-prev,.carousel-control .glyphicon-chevron-left{left:50%;margin-left:-10px}.carousel-control .icon-next,.carousel-control .glyphicon-chevron-right{right:50%;margin-right:-10px}.carousel-control .icon-prev,.carousel-control .icon-next{width:20px;height:20px;font-family:serif;line-height:1}.carousel-control .icon-prev:before{content:'\2039'}.carousel-control .icon-next:before{content:'\203a'}.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;margin-left:-30%;padding-left:0;text-align:center;list-style:none}.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;cursor:pointer;background-color:#000 \9;background-color:rgba(0,0,0,0);border:1px solid #fff;border-radius:10px}.carousel-indicators .active{width:12px;height:12px;margin:0;background-color:#fff}.carousel-caption{position:absolute;right:10%;left:10%;bottom:10%;z-index:10;padding-top:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6)}.carousel-caption .btn{text-shadow:none}.slider_caption1,.slider_caption2{display:table;border-radius:.3em;text-align:left}.slider_caption1{background:rgba(255,255,255,.75);margin-bottom:.2em;padding:.25em .5em;font:normal 1.8em 'HelveticaCondensedBold';color:rgba(0,0,0,1)}.slider_caption2{background:rgba(0,0,0,.7);padding:.5em .7em;font-family:'Montserrat'}.slider_caption2 a{color:rgba(255,255,0,1)}@media screen and (min-width:768px){.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-prev,.carousel-control .icon-next{width:30px;height:30px;margin-top:-10px;font-size:30px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{margin-right:-10px}}@media only screen and (max-width:991px){.carousel-caption{bottom:12%}.slider_caption1{font-size:1.5em}.slider_caption2{font-size:.9em}}@media only screen and (max-width:767px){.carousel-caption{bottom:16%}.slider_caption1{font-size:1.25em}.slider_caption2{display:block;max-height:3.5em;overflow-y:scroll;font-size:.8em;line-height:1.4em}}@media only screen and (max-width:420px){.carousel-caption{right:12%;left:12%;bottom:27%}.slider_caption1{font-size:1em}.slider_caption2{hidden;font-size:.6em;line-height:1.5em}}
310 </style>
311 <div class="carousel slide" id="c_slider" data-ride="carousel">
312 <ol class="carousel-indicators"></ol>
313 <div class="carousel-inner" role="listbox">
314 <div class="item active">
315
Omitting
img width or
height attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked.
Add width and height attributes to the img tag matching the image dimensions. Authoring tools
like Dreamweaver can automate this process.
<img alt="" src="/upload/imej/slider/desktop/20190109094540Slider-Pencapaian-QS-Asia-2019.jpg">
316 <div class="container">
317 <div class="carousel-caption">
318 <div class="slider_caption2 fs">
319 <p>
320 UPM Top of the World
321 <br>
322 -<a href="https://www.topuniversities.com/university-rankings/world-university-rankings/2019">QS World University Ranking</a>
323 </p>
324 <p>
325
326 </p>
327 </div>
328 </div>
329 </div>
330 </div>
331 <div class="item ">
332
Each
a element must contain text or an
img with an
alt attribute.
Add text to the link, or alt text if the link contains an image. If there is no link text or the alt text is blank, screen readers have nothing to read, so read out the URL instead.
<a href="http://www.sciencepark.upm.edu.my/industry/available_technology_for_licensing/technologies_available-4154">
Omitting
img width or
height attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked.
Add width and height attributes to the img tag matching the image dimensions. Authoring tools
like Dreamweaver can automate this process.
<img alt="" src=
333 "/upload/imej/slider/desktop/20170914105825inovasi_&_kecemerlangan_(3).jpg"></a>
334 <div class="container">
335 <div class="carousel-caption">
336 <div class="slider_caption1">
337 INNOVATION - LICENSING - NEW BUSINESS
338 </div>
339 <div class="slider_caption2 fs">
340 <p>
341 <strong>UPM COMMERCIAL TECHNOLOGY
342 <br>
343 -<a href="http://www.sciencepark.upm.edu.my/industry/available_technology_for_licensing/technologies_available-4154">TECHNOLOGIES FOR LICENSING</a></strong>
344 <br>
345 <em>We welcome industries to browse our list of available technologies</em>
346 </p>
347 </div>
348 </div>
349 </div>
350 </div>
351 <div class="item ">
352
Omitting
img width or
height attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked.
Add width and height attributes to the img tag matching the image dimensions. Authoring tools
like Dreamweaver can automate this process.
<img alt="" src="/upload/imej/slider/desktop/20170914110102play,_learn,_young_(3).jpg">
353 <div class="container">
354 <div class="carousel-caption">
355 <div class="slider_caption1">
356 LEARN . PLAY . STAY YOUNG
357 </div>
358 <div class="slider_caption2 fs">
359 <p>
360 <a href="https://sciencepark.upm.edu.my/edu_park-2606"><strong>EDU-TORUISM AT UPM</strong></a>
361 <br>
362 We offer many exciting activities to learn and explore.
363 <br>
364 Visit eDU-PARK® for more information.
365 <br>
366 <br>
367 </p>
368 <p>
369
370 </p>
371 </div>
372 </div>
373 </div>
374 </div>
375 <div class="item ">
376
Each
a element must contain text or an
img with an
alt attribute.
Add text to the link, or alt text if the link contains an image. If there is no link text or the alt text is blank, screen readers have nothing to read, so read out the URL instead.
<a href="http://www.sciencepark.upm.edu.my/for_researcher/promotion_exhibition-6207">
Omitting
img width or
height attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked.
Add width and height attributes to the img tag matching the image dimensions. Authoring tools
like Dreamweaver can automate this process.
<img alt="" src="/upload/imej/slider/desktop/20170914110044inovasi,_promosi,_komersialisasi_(3).jpg"> </a>
377 <div class="container">
378 <div class="carousel-caption">
379 <div class="slider_caption1">
380 INNOVATION . PROMOTION . COMMERCIALISATION
381 </div>
382 <div class="slider_caption2 fs">
383 <p>
384 <strong>UPM INNOVATION PROMOTION</strong>
385 <br>
386 From Lab to Market: Promote your technology for Greatest Impact
387 <br>
388 <a href="http://www.sciencepark.upm.edu.my/for_researcher/promotion_exhibition-6207">Please contact us for further information.</a>
389 <br>
390 <br>
391 </p>
392 </div>
393 </div>
394 </div>
395 </div>
396 <div class="item ">
397
Each
a element must contain text or an
img with an
alt attribute.
Add text to the link, or alt text if the link contains an image. If there is no link text or the alt text is blank, screen readers have nothing to read, so read out the URL instead.
<a href="http://portal.office.com" target="_blank" rel="noopener noreferrer">
Omitting
img width or
height attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked.
Add width and height attributes to the img tag matching the image dimensions. Authoring tools
like Dreamweaver can automate this process.
<img alt="" src="/upload/imej/slider/desktop/20180226144510office365-slider.jpg"> </a>
398 <div class="container">
399 <div class="carousel-caption">
400 <div class="slider_caption1">
401 OFFICE 365 For UPM
402 </div>
403 <div class="slider_caption2 fs">
404 <p>
405 <a href="http://portal.office.com" target="_blank" rel="noopener noreferrer">Work Smarter Work Faster</a>
406 </p>
407 <p>
408 <a href="http://www.idec.upm.edu.my/upload/dokumen/20170525153306MANUAL_PENGGUNA_OFFICE_365.pdf">How to install?</a> <a href=
409 "http://www.idec.upm.edu.my/mengenai_kami/lokasi/lokasi_pejabat_seksyen_ict-3213?L=en" target="_blank" rel="noopener noreferrer">PTJ's ICT Section</a>
410 </p>
411 </div>
412 </div>
413 </div>
414 </div>
415 </div><a class="left carousel-control" role="button" href="#c_slider" data-slide="prev"> <span class="sr-only">Previous</span></a> <a class="right carousel-control" role="button" href="#c_slider"
416 data-slide="next"> <span class="sr-only">Next</span></a>
417 </div>
418 <div class="bg" id="c_clientmenu">
419 <div class="panel-group" id="clientmenu">
420 <div class="panel" id="clientmenu_header">
421 <div class="panel-heading bg " id="clientmenu-heading1">
422
Ensure that text and background colors have enough contrast.
The text color to background color contrast ratio is: 1.71 with
color: rgb(0,0,238);background-color: rgb(201,35,75);font-size: 12.00pt;font-weight: 400.00;
Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 3.0 or more for 18 point text, or larger
The contrast ratio should be 3.0 or more for 14 point bold text, or larger
The contrast ratio should be 4.5 or more for all other text
If you set any of the colors on the
body or
a elements you must set all of them.
The colors used are: color: rgb(0,0,238); uses browser default
background-color: rgb(201,35,75);
In HTML the color attributes are text, bgcolor, link, alink and vlink.
In CSS the attributes are color and background-color.
Some users have browser defaults set to white text on a black background, so setting
one color without setting the others can result in black text on a black background. High contrast mode on Windows turns off background images so you must set a `background-color` in addition to a `background-image`.
<a href="#clientmenu-link1" data-toggle="collapse" data-parent="#clientmenu"> INVESTOR</a>
423 </div>
424 <div class="panel-heading bg " id="clientmenu-heading2">
425
Ensure that text and background colors have enough contrast.
The text color to background color contrast ratio is: 1.71 with
color: rgb(0,0,238);background-color: rgb(201,35,75);font-size: 12.00pt;font-weight: 400.00;
Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 3.0 or more for 18 point text, or larger
The contrast ratio should be 3.0 or more for 14 point bold text, or larger
The contrast ratio should be 4.5 or more for all other text
If you set any of the colors on the
body or
a elements you must set all of them.
The colors used are: color: rgb(0,0,238); uses browser default
background-color: rgb(201,35,75);
In HTML the color attributes are text, bgcolor, link, alink and vlink.
In CSS the attributes are color and background-color.
Some users have browser defaults set to white text on a black background, so setting
one color without setting the others can result in black text on a black background. High contrast mode on Windows turns off background images so you must set a `background-color` in addition to a `background-image`.
<a href="#clientmenu-link2" data-toggle="collapse" data-parent="#clientmenu"> INVENTOR</a>
426 </div>
427 <div class="panel-heading bg " id="clientmenu-heading3">
428
Ensure that text and background colors have enough contrast.
The text color to background color contrast ratio is: 1.71 with
color: rgb(0,0,238);background-color: rgb(201,35,75);font-size: 12.00pt;font-weight: 400.00;
Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 3.0 or more for 18 point text, or larger
The contrast ratio should be 3.0 or more for 14 point bold text, or larger
The contrast ratio should be 4.5 or more for all other text
If you set any of the colors on the
body or
a elements you must set all of them.
The colors used are: color: rgb(0,0,238); uses browser default
background-color: rgb(201,35,75);
In HTML the color attributes are text, bgcolor, link, alink and vlink.
In CSS the attributes are color and background-color.
Some users have browser defaults set to white text on a black background, so setting
one color without setting the others can result in black text on a black background. High contrast mode on Windows turns off background images so you must set a `background-color` in addition to a `background-image`.
<a href="#clientmenu-link3" data-toggle="collapse" data-parent="#clientmenu"> PUBLIC</a>
429 </div>
430 <div class="panel-heading bg " id="clientmenu-heading4">
431
Ensure that text and background colors have enough contrast.
The text color to background color contrast ratio is: 1.71 with
color: rgb(0,0,238);background-color: rgb(201,35,75);font-size: 12.00pt;font-weight: 400.00;
Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 3.0 or more for 18 point text, or larger
The contrast ratio should be 3.0 or more for 14 point bold text, or larger
The contrast ratio should be 4.5 or more for all other text
If you set any of the colors on the
body or
a elements you must set all of them.
The colors used are: color: rgb(0,0,238); uses browser default
background-color: rgb(201,35,75);
In HTML the color attributes are text, bgcolor, link, alink and vlink.
In CSS the attributes are color and background-color.
Some users have browser defaults set to white text on a black background, so setting
one color without setting the others can result in black text on a black background. High contrast mode on Windows turns off background images so you must set a `background-color` in addition to a `background-image`.
<a href="#clientmenu-link4" data-toggle="collapse" data-parent="#clientmenu"> STAFF</a>
432 </div>
433 <div class="panel-heading bg " id="clientmenu-heading5">
434
Ensure that text and background colors have enough contrast.
The text color to background color contrast ratio is: 1.71 with
color: rgb(0,0,238);background-color: rgb(201,35,75);font-size: 12.00pt;font-weight: 400.00;
Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 3.0 or more for 18 point text, or larger
The contrast ratio should be 3.0 or more for 14 point bold text, or larger
The contrast ratio should be 4.5 or more for all other text
If you set any of the colors on the
body or
a elements you must set all of them.
The colors used are: color: rgb(0,0,238); uses browser default
background-color: rgb(201,35,75);
In HTML the color attributes are text, bgcolor, link, alink and vlink.
In CSS the attributes are color and background-color.
Some users have browser defaults set to white text on a black background, so setting
one color without setting the others can result in black text on a black background. High contrast mode on Windows turns off background images so you must set a `background-color` in addition to a `background-image`.
<a href="#clientmenu-link5" data-toggle="collapse" data-parent="#clientmenu"> Next2U : Lab</a>
435 </div>
436 </div>
437 <div class="panel" id="clientmenu_container">
438 <div class="panel-collapse collapse" id="clientmenu-link1">
439 <div class="panel-body fs" id="clientmenu-content1">
440 <div class="clientmenu-image">
441
Omitting
img width or
height attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked.
Add width and height attributes to the img tag matching the image dimensions. Authoring tools
like Dreamweaver can automate this process.
<img class="img-responsive" src="/upload/imej/menupelanggan/desktop/20170502110801industry2.jpg">
442 </div>
443 <div class="clientmenu-panel fs">
444 <p>
445
Ensure that text and background colors have enough contrast.
The text color to background color contrast ratio is: 3.83 with
color: rgb(0,0,0);background-color: rgb(201,35,75);font-size: 12.00pt;font-weight: 700.00;
Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 3.0 or more for 18 point text, or larger
The contrast ratio should be 3.0 or more for 14 point bold text, or larger
The contrast ratio should be 4.5 or more for all other text
<strong> UPM : AT THE FOREFRONT OF INNOVATION</strong>
446 </p>
447
Ensure that text and background colors have enough contrast.
The text color to background color contrast ratio is: 3.83 with
color: rgb(0,0,0);background-color: rgb(201,35,75);font-size: 12.00pt;font-weight: 400.00;
Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 3.0 or more for 18 point text, or larger
The contrast ratio should be 3.0 or more for 14 point bold text, or larger
The contrast ratio should be 4.5 or more for all other text
<p>
448 UPM has more than 2000 patented R&D in Malaysia and worldwide in the various field of research. Now we looking a partner from industries (company/entrepreneur/angel investor)
449 to collaborate with us for commercialised out UPM R&D to become products that can benefit the industry, public or nation-building.
Ensure that text and background colors have enough contrast.
The text color to background color contrast ratio is: 3.83 with
color: rgb(0,0,0);background-color: rgb(201,35,75);font-size: 12.00pt;font-weight: 700.00;
Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 3.0 or more for 18 point text, or larger
The contrast ratio should be 3.0 or more for 14 point bold text, or larger
The contrast ratio should be 4.5 or more for all other text
<strong> Putra Science Park</strong> (PSP) is
450 the center for UPM innovation management or
Ensure that text and background colors have enough contrast.
The text color to background color contrast ratio is: 3.83 with
color: rgb(0,0,0);background-color: rgb(201,35,75);font-size: 12.00pt;font-weight: 700.00;
Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 3.0 or more for 18 point text, or larger
The contrast ratio should be 3.0 or more for 14 point bold text, or larger
The contrast ratio should be 4.5 or more for all other text
<strong> technology transfer office</strong> (TTO) for University Putra Malaysia that supports technology transfer activities in
451 UPM by moving the potential technologies and research from the laboratory to the market.
452 <br>
453 <br>
454 </p>
455
Ensure that text and background colors have enough contrast.
The text color to background color contrast ratio is: 3.83 with
color: rgb(0,0,0);background-color: rgb(201,35,75);font-size: 12.00pt;font-weight: 400.00;
Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 3.0 or more for 18 point text, or larger
The contrast ratio should be 3.0 or more for 14 point bold text, or larger
The contrast ratio should be 4.5 or more for all other text
<p>
456 >>
Ensure that text and background colors have enough contrast.
The text color to background color contrast ratio is: 1.57 with
color: rgb(0,0,255);background-color: rgb(201,35,75);font-size: 12.00pt;font-weight: 400.00;
Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 3.0 or more for 18 point text, or larger
The contrast ratio should be 3.0 or more for 14 point bold text, or larger
The contrast ratio should be 4.5 or more for all other text
<a style="color: rgb(0, 0, 255); " href="http://www.sciencepark.upm.edu.my/industri/teknologi_sedia_untuk_dilesenkan-6211">See more information about our technologies available to
457 commercialised/license</a>
458 </p>
459
Ensure that text and background colors have enough contrast.
The text color to background color contrast ratio is: 3.83 with
color: rgb(0,0,0);background-color: rgb(201,35,75);font-size: 12.00pt;font-weight: 400.00;
Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 3.0 or more for 18 point text, or larger
The contrast ratio should be 3.0 or more for 14 point bold text, or larger
The contrast ratio should be 4.5 or more for all other text
<p>
460 >>
Ensure that text and background colors have enough contrast.
The text color to background color contrast ratio is: 1.57 with
color: rgb(0,0,255);background-color: rgb(201,35,75);font-size: 12.00pt;font-weight: 400.00;
Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 3.0 or more for 18 point text, or larger
The contrast ratio should be 3.0 or more for 14 point bold text, or larger
The contrast ratio should be 4.5 or more for all other text
<a style="color: rgb(0, 0, 255); " href="http://www.sciencepark.upm.edu.my/industri/pengkomersilan_teknologi-6210">See more information about our commercialised technologies.</a>
461 </p>
462
Ensure that text and background colors have enough contrast.
The text color to background color contrast ratio is: 3.83 with
color: rgb(0,0,0);background-color: rgb(201,35,75);font-size: 12.00pt;font-weight: 400.00;
Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 3.0 or more for 18 point text, or larger
The contrast ratio should be 3.0 or more for 14 point bold text, or larger
The contrast ratio should be 4.5 or more for all other text
<p>
463 >>
Ensure that text and background colors have enough contrast.
The text color to background color contrast ratio is: 1.57 with
color: rgb(0,0,255);background-color: rgb(201,35,75);font-size: 12.00pt;font-weight: 400.00;
Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 3.0 or more for 18 point text, or larger
The contrast ratio should be 3.0 or more for 14 point bold text, or larger
The contrast ratio should be 4.5 or more for all other text
<a style="color: rgb(0, 0, 255); " href="https://sciencepark.upm.edu.my/produk_upm-3525">See more information about our products</a>
464 </p>
465 </div>
466 <div class="clientmenu-panel fs"></div>
467 </div>
468 </div>
469 <div class="panel-collapse collapse" id="clientmenu-link2">
470 <div class="panel-body fs" id="clientmenu-content2">
471 <div class="clientmenu-image">
472
Omitting
img width or
height attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked.
Add width and height attributes to the img tag matching the image dimensions. Authoring tools
like Dreamweaver can automate this process.
<img class="img-responsive" src="/upload/imej/menupelanggan/desktop/20170502111050labelpereka.jpg">
473 </div>
474 <div class="clientmenu-panel fs">
475 <p>
476
Ensure that text and background colors have enough contrast.
The text color to background color contrast ratio is: 3.83 with
color: rgb(0,0,0);background-color: rgb(201,35,75);font-size: 12.00pt;font-weight: 700.00;
Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 3.0 or more for 18 point text, or larger
The contrast ratio should be 3.0 or more for 14 point bold text, or larger
The contrast ratio should be 4.5 or more for all other text
<strong> Technology Disclosure & Protection</strong>
477 </p>
478
Ensure that text and background colors have enough contrast.
The text color to background color contrast ratio is: 3.83 with
color: rgb(0,0,0);background-color: rgb(201,35,75);font-size: 12.00pt;font-weight: 400.00;
Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 3.0 or more for 18 point text, or larger
The contrast ratio should be 3.0 or more for 14 point bold text, or larger
The contrast ratio should be 4.5 or more for all other text
<p>
479 PSP aims to help UPM researchers disclose, protect (patent/copyright/industrial design/new plant variety), and learn about the best methods for managing their intellectual properties. With
480 a mission to facilitate the transfer of UPM innovations to the government agencies, industry, communities and the general public, our experienced team is here to provide guidance and
481 oversight in managing the university’s intellectual properties. To know more how to protect your invention, please contact our officer at Putra IP Division
482 </p>
483
Ensure that text and background colors have enough contrast.
The text color to background color contrast ratio is: 3.83 with
color: rgb(0,0,0);background-color: rgb(201,35,75);font-size: 12.00pt;font-weight: 400.00;
Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 3.0 or more for 18 point text, or larger
The contrast ratio should be 3.0 or more for 14 point bold text, or larger
The contrast ratio should be 4.5 or more for all other text
<p>
484 >>
Ensure that text and background colors have enough contrast.
The text color to background color contrast ratio is: 1.57 with
color: rgb(0,0,255);background-color: rgb(201,35,75);font-size: 12.00pt;font-weight: 400.00;
Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 3.0 or more for 18 point text, or larger
The contrast ratio should be 3.0 or more for 14 point bold text, or larger
The contrast ratio should be 4.5 or more for all other text
<a style="color: rgb(0, 0, 255); " href="http://www.sciencepark.upm.edu.my/for_researcher/intellectual_property_right-6206">More information about intellectual property</a>
485 </p>
486
Ensure that text and background colors have enough contrast.
The text color to background color contrast ratio is: 3.83 with
color: rgb(0,0,0);background-color: rgb(201,35,75);font-size: 12.00pt;font-weight: 400.00;
Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 3.0 or more for 18 point text, or larger
The contrast ratio should be 3.0 or more for 14 point bold text, or larger
The contrast ratio should be 4.5 or more for all other text
<p>
487 >>
Ensure that text and background colors have enough contrast.
The text color to background color contrast ratio is: 1.57 with
color: rgb(0,0,255);background-color: rgb(201,35,75);font-size: 12.00pt;font-weight: 400.00;
Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 3.0 or more for 18 point text, or larger
The contrast ratio should be 3.0 or more for 14 point bold text, or larger
The contrast ratio should be 4.5 or more for all other text
<a style="color: rgb(0, 0, 255); " href="http://www.upmip.upm.edu.my">List of UPM intellectual property</a>
488 </p>
489 <p>
490
491 </p>
492 <p>
493
Ensure that text and background colors have enough contrast.
The text color to background color contrast ratio is: 3.83 with
color: rgb(0,0,0);background-color: rgb(201,35,75);font-size: 12.00pt;font-weight: 700.00;
Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 3.0 or more for 18 point text, or larger
The contrast ratio should be 3.0 or more for 14 point bold text, or larger
The contrast ratio should be 4.5 or more for all other text
<strong> Promotion & Commercialisation</strong>
494 </p>
495
Ensure that text and background colors have enough contrast.
The text color to background color contrast ratio is: 3.83 with
color: rgb(0,0,0);background-color: rgb(201,35,75);font-size: 12.00pt;font-weight: 400.00;
Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 3.0 or more for 18 point text, or larger
The contrast ratio should be 3.0 or more for 14 point bold text, or larger
The contrast ratio should be 4.5 or more for all other text
<p>
496 UPM relationships with industry are becoming an important part of research activities at the University. These relationships often include transferring the University’s expertise,
497 Intellectual Properties and know how to the marketplace. UPM researchers are encouraged to engage with industries to seek opportunities in research collaboration as well as commercializing
498 their innovations. Please join our events and activities to promote your technology through our websites, product presentation sessions, press conferences or exhibitions. To know more how
499 to promote and publicized your invention, please contact our officers at Innovation Division
500 </p>
501
Ensure that text and background colors have enough contrast.
The text color to background color contrast ratio is: 3.83 with
color: rgb(0,0,0);background-color: rgb(201,35,75);font-size: 12.00pt;font-weight: 400.00;
Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 3.0 or more for 18 point text, or larger
The contrast ratio should be 3.0 or more for 14 point bold text, or larger
The contrast ratio should be 4.5 or more for all other text
<p>
502 >>
Ensure that text and background colors have enough contrast.
The text color to background color contrast ratio is: 1.57 with
color: rgb(0,0,255);background-color: rgb(201,35,75);font-size: 12.00pt;font-weight: 400.00;
Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 3.0 or more for 18 point text, or larger
The contrast ratio should be 3.0 or more for 14 point bold text, or larger
The contrast ratio should be 4.5 or more for all other text
<a style="color: rgb(0, 0, 255); " href="http://www.sciencepark.upm.edu.my/industry/technology_commercialisation/upm_commercialised_technology-2706">List of UPM Commercialised
503 Technology</a>
504 </p>
505 <p>
506
507 </p>
508 <p>
509
510 </p>
511 </div>
512 <div class="clientmenu-panel fs"></div>
513 </div>
514 </div>
515 <div class="panel-collapse collapse" id="clientmenu-link3">
516 <div class="panel-body fs" id="clientmenu-content3">
517 <div class="clientmenu-image">
518
Omitting
img width or
height attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked.
Add width and height attributes to the img tag matching the image dimensions. Authoring tools
like Dreamweaver can automate this process.
<img class="img-responsive" src="/upload/imej/menupelanggan/desktop/20170502111126rusa.jpg">
519 </div>
520 <div class="clientmenu-panel fs">
521 <p>
522
Ensure that text and background colors have enough contrast.
The text color to background color contrast ratio is: 3.83 with
color: rgb(0,0,0);background-color: rgb(201,35,75);font-size: 12.00pt;font-weight: 700.00;
Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 3.0 or more for 18 point text, or larger
The contrast ratio should be 3.0 or more for 14 point bold text, or larger
The contrast ratio should be 4.5 or more for all other text
<strong> eDU-PARK® UPM : Edu-tourism at UPM</strong>
523 </p>
524
Ensure that text and background colors have enough contrast.
The text color to background color contrast ratio is: 3.83 with
color: rgb(0,0,0);background-color: rgb(201,35,75);font-size: 12.00pt;font-weight: 400.00;
Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 3.0 or more for 18 point text, or larger
The contrast ratio should be 3.0 or more for 14 point bold text, or larger
The contrast ratio should be 4.5 or more for all other text
<p>
525 Step into the realm of a Research University that has started as School of Agriculture in 1931. Bordering the metropolitan cities of Putrajaya and Kuala Lumpur, UPM bids you welcome to
526 explore harmonious campus life that is occupied by more than 27,000 students from various countries and cultural backgrounds. With its gargantuan size, measuring 1000 hectares, you are free
527 to appreciate the breath-taking views of the vast plantations and jaw-dropping green landscapes.
528 </p>
529
Ensure that text and background colors have enough contrast.
The text color to background color contrast ratio is: 3.83 with
color: rgb(0,0,0);background-color: rgb(201,35,75);font-size: 12.00pt;font-weight: 400.00;
Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 3.0 or more for 18 point text, or larger
The contrast ratio should be 3.0 or more for 14 point bold text, or larger
The contrast ratio should be 4.5 or more for all other text
<p>
530 This opportunity is a moment for you to understand the process of doing research through interaction with the use of various research facilities, accompanied by the best quality in
531 teaching. Together, we increase the knowledge and skills through a conducive learning atmosphere along with guidance provided by our experienced and trained experts. Not only that, while
532 releasing the palpable wonders around, you may also take your time to pick your favourite fresh products right from the farm at affordable prices.
533 </p>
534
Ensure that text and background colors have enough contrast.
The text color to background color contrast ratio is: 3.83 with
color: rgb(0,0,0);background-color: rgb(201,35,75);font-size: 12.00pt;font-weight: 400.00;
Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 3.0 or more for 18 point text, or larger
The contrast ratio should be 3.0 or more for 14 point bold text, or larger
The contrast ratio should be 4.5 or more for all other text
<p>
535 Now everything’s ready! It’s time to PLAY, LEARN and stay YOUNG!
536 <br>
537 Come and join our edu-tourism programme, specially crafted by eDU-PARK® for you!
538 <br>
539 Our eDU-PARK® is open to public/school children/kids.
540 <br>
541 <br>
542 </p>
543
<ul class="L3-container" type="circle">
544 <li class="L3-item">
545
Ensure that text and background colors have enough contrast.
The text color to background color contrast ratio is: 1.57 with
color: rgb(0,0,255);background-color: rgb(201,35,75);font-size: 12.00pt;font-weight: 400.00;
Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 3.0 or more for 18 point text, or larger
The contrast ratio should be 3.0 or more for 14 point bold text, or larger
The contrast ratio should be 4.5 or more for all other text
<a style="color: rgb(0, 0, 255); " href="https://sciencepark.upm.edu.my/edu_park-2606?L=en"> eDU-PARK® Package</a>
546 </li>
547 </ul>
548 <p>
549
550 </p>
551 </div>
552 <div class="clientmenu-panel fs"></div>
553 </div>
554 </div>
555 <div class="panel-collapse collapse" id="clientmenu-link4">
556 <div class="panel-body fs" id="clientmenu-content4">
557 <div class="clientmenu-image">
558
Omitting
img width or
height attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked.
Add width and height attributes to the img tag matching the image dimensions. Authoring tools
like Dreamweaver can automate this process.
<img class="img-responsive" src="/upload/imej/menupelanggan/desktop/20170502112429labelstaf.jpg">
559 </div>
560 <div class="clientmenu-panel fs">
561
Ensure that text and background colors have enough contrast.
The text color to background color contrast ratio is: 3.83 with
color: rgb(0,0,0);background-color: rgb(201,35,75);font-size: 12.00pt;font-weight: 400.00;
Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 3.0 or more for 18 point text, or larger
The contrast ratio should be 3.0 or more for 14 point bold text, or larger
The contrast ratio should be 4.5 or more for all other text
<p>
562 All dedicated PSP staff should obtain the latest information and update your personal information in this website and UPM system to maintain the excellent services to our customer. PSP
563 really appreciate our commitment and efforts to make a good communication with our clients.
564 </p>
565 <ul>
566 <li>
567
Ensure that text and background colors have enough contrast.
The text color to background color contrast ratio is: 1.57 with
color: rgb(0,0,255);background-color: rgb(201,35,75);font-size: 12.00pt;font-weight: 400.00;
Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 3.0 or more for 18 point text, or larger
The contrast ratio should be 3.0 or more for 14 point bold text, or larger
The contrast ratio should be 4.5 or more for all other text
<a style="color: rgb(0, 0, 255); " href="http://ricclub.weebly.com/">Recreation and Innovation Club (RIC)</a>
568 </li>
569 <li>
570
Ensure that text and background colors have enough contrast.
The text color to background color contrast ratio is: 1.57 with
color: rgb(0,0,255);background-color: rgb(201,35,75);font-size: 12.00pt;font-weight: 400.00;
Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 3.0 or more for 18 point text, or larger
The contrast ratio should be 3.0 or more for 14 point bold text, or larger
The contrast ratio should be 4.5 or more for all other text
<a style="color: rgb(0, 0, 255); " href="http://www.persatuan.upm.edu.my/PTAMA">UPM General Staff Union (KEPERTAMA)</a>
571 </li>
572 <li>
573
Ensure that text and background colors have enough contrast.
The text color to background color contrast ratio is: 1.57 with
color: rgb(0,0,255);background-color: rgb(201,35,75);font-size: 12.00pt;font-weight: 400.00;
Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 3.0 or more for 18 point text, or larger
The contrast ratio should be 3.0 or more for 14 point bold text, or larger
The contrast ratio should be 4.5 or more for all other text
<a style="color: rgb(0, 0, 255); " href="http://www.persatuan.upm.edu.my/PMATA">UPM Woman Association (PERMATA)</a>
574 </li>
575 <li>
576
Ensure that text and background colors have enough contrast.
The text color to background color contrast ratio is: 1.57 with
color: rgb(0,0,255);background-color: rgb(201,35,75);font-size: 12.00pt;font-weight: 400.00;
Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 3.0 or more for 18 point text, or larger
The contrast ratio should be 3.0 or more for 14 point bold text, or larger
The contrast ratio should be 4.5 or more for all other text
<a style="color: rgb(0, 0, 255); " href="http://www.persatuan.upm.edu.my/PPUPM">UPM Administration Association</a>
577 </li>
578 </ul>
579 <p>
580
581 </p>
582 </div>
583 <div class="clientmenu-panel fs"></div>
584 </div>
585 </div>
586 <div class="panel-collapse collapse" id="clientmenu-link5">
587 <div class="panel-body fs" id="clientmenu-content5">
588 <div class="clientmenu-image">
589
Omitting
img width or
height attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked.
Add width and height attributes to the img tag matching the image dimensions. Authoring tools
like Dreamweaver can automate this process.
<img class="img-responsive" src="/upload/imej/menupelanggan/desktop/20190313191019gambar_lab.jpg">
590 </div>
591 <div class="clientmenu-panel fs">
592 <p>
593
Ensure that text and background colors have enough contrast.
The text color to background color contrast ratio is: 3.83 with
color: rgb(0,0,0);background-color: rgb(201,35,75);font-size: 12.00pt;font-weight: 700.00;
Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 3.0 or more for 18 point text, or larger
The contrast ratio should be 3.0 or more for 14 point bold text, or larger
The contrast ratio should be 4.5 or more for all other text
<strong> >>
Ensure that text and background colors have enough contrast.
The text color to background color contrast ratio is: 1.57 with
color: rgb(0,0,255);background-color: rgb(201,35,75);font-size: 12.00pt;font-weight: 700.00;
Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 3.0 or more for 18 point text, or larger
The contrast ratio should be 3.0 or more for 14 point bold text, or larger
The contrast ratio should be 4.5 or more for all other text
<a style="color: rgb(0, 0, 255); " href="http://www.sciencepark.upm.edu.my/industri/next_2u_perkhidmatan_makmal/senarai_perkhidmatan_makmal-48031">Lab
594 Services </a></strong>
595 </p>
596 <p>
597
598 </p>
599
Ensure that text and background colors have enough contrast.
The text color to background color contrast ratio is: 3.83 with
color: rgb(0,0,0);background-color: rgb(201,35,75);font-size: 12.00pt;font-weight: 400.00;
Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 3.0 or more for 18 point text, or larger
The contrast ratio should be 3.0 or more for 14 point bold text, or larger
The contrast ratio should be 4.5 or more for all other text
<p>
600 Universiti Putra Malaysia (UPM) is one of the most vibrant universities in conducting academia-industry collaboration initiatives within the university sphere as an interaction platform
601 between researchers, industry, companies, government and public. For a clear implementation of this initiative, Putra Science Park (PSP) has rebranded the concept of Science Park with the
602 establishment of the Next2U@Putra Programme.
603 </p>
604
Ensure that text and background colors have enough contrast.
The text color to background color contrast ratio is: 3.83 with
color: rgb(0,0,0);background-color: rgb(201,35,75);font-size: 12.00pt;font-weight: 400.00;
Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 3.0 or more for 18 point text, or larger
The contrast ratio should be 3.0 or more for 14 point bold text, or larger
The contrast ratio should be 4.5 or more for all other text
<p>
605 <br>
606 In support of the university’s research-intensive culture, state-of-the-art facilities are one of the strong factors to facilitate research and effective technology transfer.
607 </p>
608 </div>
609 <div class="clientmenu-panel fs"></div>
610 </div>
611 </div>
612 </div>
613 </div>
614 </div>
615 <div id="c_article">
616 <div id="article_title">
617 article
618 </div>
619 <div id="article_mainarticle">
620 <div id="mainarticle_content">
621 <div id="mainarticle_title">
622 FITRAH: The next generation digital video recorder (DVR) System
623 </div>
624 <div class="fs" id="mainarticle_text">
625 FITRAH is using Artificial Intelligence technology, which is designed to spot crimes before it happens. This technology is based on deep learning, game theory and Bayesian network.
626 </div>
627 <div id="mainarticle_link">
628
Link uses general text like 'Click Here' with no surrounding text explaining link purpose.
Link text: more...
Screen reader users use text around links to help understand what the link does.
If the link text is very general, and there's no surrounding text, there's no way to work out what the link does.
Either use a descriptive link label (which helps all users) or add an aria-label to the link (which helps screen reader users).
Users should be able to quickly look at each link and tell where it goes.
Link text: more...
Don't use generic link labels like "click here" or "read more" because they're hard to tell apart when users scan a page.
<a href="/article/fitrah_the_next_generation_digital_video_recorder_dvr_system-49571"> more...</a>
629 </div>
630 </div>
631 <div id="mainarticle_image">
632
Omitting
img width or
height attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked.
Add width and height attributes to the img tag matching the image dimensions. Authoring tools
like Dreamweaver can automate this process.
<img class="img-responsive" alt="" src="/upload/imej/artikel/hadapan/20190523084544fitrahbox_s.jpg">
633 </div>
634 </div>
635 <div id="article_subarticle">
636 <div class="article_subarticle">
637 <a href="/article/the_adventure_of_leptospires-49561">
638 <div class="subarticle_image crop">
639
Omitting
img width or
height attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked.
Add width and height attributes to the img tag matching the image dimensions. Authoring tools
like Dreamweaver can automate this process.
<img class="img-responsive" id="wrapper" alt="" src="/upload/imej/artikel/hadapan/20190521161646lepto_game_2.jpg">
640 </div>
641 <div class="subarticle_content fs">
642 The Adventure of Leptospires
643 </div></a>
644 </div>
645 <div class="article_subarticle">
646 <a href="/article/leptorinth_leptospirosis_canvas_board_game-49557">
647 <div class="subarticle_image crop">
648
Omitting
img width or
height attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked.
Add width and height attributes to the img tag matching the image dimensions. Authoring tools
like Dreamweaver can automate this process.
<img class="img-responsive" id="wrapper" alt="" src="/upload/imej/artikel/hadapan/20190521160424leptorinth.jpg">
649 </div>
650 <div class="subarticle_content fs">
651 Leptorinth - Leptospirosis Canvas Board Game
652 </div></a>
653 </div>
654 </div>
655 <div class=" bg fs" id="article_others">
656
Ensure that text and background colors have enough contrast.
The text color to background color contrast ratio is: 1.71 with
color: rgb(0,0,238);background-color: rgb(201,35,75);font-size: 12.00pt;font-weight: 400.00;
Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 3.0 or more for 18 point text, or larger
The contrast ratio should be 3.0 or more for 14 point bold text, or larger
The contrast ratio should be 4.5 or more for all other text
If you set any of the colors on the
body or
a elements you must set all of them.
The colors used are: color: rgb(0,0,238); uses browser default
background-color: rgb(201,35,75);
In HTML the color attributes are text, bgcolor, link, alink and vlink.
In CSS the attributes are color and background-color.
Some users have browser defaults set to white text on a black background, so setting
one color without setting the others can result in black text on a black background. High contrast mode on Windows turns off background images so you must set a `background-color` in addition to a `background-image`.
<a href="article"> More Articles...</a>
657 </div>
658 </div><!-- SECTION: Berita -->
659 <div id="c_news">
660 <div id="news_title">
661 news
662 </div>
663 <div id="news_mainnews">
664 <div id="mainnews_image">
665
Omitting
img width or
height attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked.
Add width and height attributes to the img tag matching the image dimensions. Authoring tools
like Dreamweaver can automate this process.
<img class="img-responsive" alt="" src="/upload/imej/berita/hadapan/20190529180227medicatedwound.jpeg">
666 </div>
667 <div id="mainnews_content">
668 <div id="mainnews_title">
669 Nanoselulosa Peria Katak Pencuci Luka Pesakit Diabetis
670 </div>
671 <div class="fs" id="mainnews_text">
672 SERDANG, 29 Mei – Berinspirasikan pengalaman mencuci luka pesakit diabetes 3 tahun lalu, Prof. Dr. Rosfarizan Mohamad daripada Fakulti Bioteknologi dan Sains Biomolekul UPM telah berjaya
673 menghasilkan inovasi Medicated Wound Dressing
674 </div>
675 <div id="mainnews_link">
676
Link uses general text like 'Click Here' with no surrounding text explaining link purpose.
Link text: more...
Screen reader users use text around links to help understand what the link does.
If the link text is very general, and there's no surrounding text, there's no way to work out what the link does.
Either use a descriptive link label (which helps all users) or add an aria-label to the link (which helps screen reader users).
Users should be able to quickly look at each link and tell where it goes.
Link text: more...
Don't use generic link labels like "click here" or "read more" because they're hard to tell apart when users scan a page.
<a href="news/nanoselulosa_peria_katak_pencuci_luka_pesakit_diabetis-49703"> more...</a>
677 </div>
678 </div>
679 </div>
680 <div id="news_subnews">
681 <div class="news_subnews">
682 <a href="news/upm_bags_3_gold_medals_and_homedec_special_awards_at_itex_2019-49655">
683 <div class="subnews_image crop">
684
Omitting
img width or
height attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked.
Add width and height attributes to the img tag matching the image dimensions. Authoring tools
like Dreamweaver can automate this process.
<img class="img-responsive" id="wrapper" alt="" src="/upload/imej/berita/hadapan/20190528115429gold_itex.jpg">
685 </div>
686 <div class="subnews_content fs">
687 UPM Bags 3 Gold Medals and HomeDec Special Awards at ITEX 2019
688 </div></a>
689 </div>
690 <div class="news_subnews">
691 <a href="news/ar_micro_world_3d_model_increased_zoonotic_diseases_awareness-49577">
692 <div class="subnews_image crop">
693
Omitting
img width or
height attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked.
Add width and height attributes to the img tag matching the image dimensions. Authoring tools
like Dreamweaver can automate this process.
<img class="img-responsive" id="wrapper" alt="" src="/upload/imej/berita/hadapan/20190523131046microwolrd3.jpg">
694 </div>
695 <div class="subnews_content fs">
696 AR Micro World-3D model Increased Zoonotic Diseases Awareness
697 </div></a>
698 </div>
699 </div>
700 <div class=" bg fs" id="news_others">
701
Ensure that text and background colors have enough contrast.
The text color to background color contrast ratio is: 1.71 with
color: rgb(0,0,238);background-color: rgb(201,35,75);font-size: 12.00pt;font-weight: 400.00;
Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 3.0 or more for 18 point text, or larger
The contrast ratio should be 3.0 or more for 14 point bold text, or larger
The contrast ratio should be 4.5 or more for all other text
If you set any of the colors on the
body or
a elements you must set all of them.
The colors used are: color: rgb(0,0,238); uses browser default
background-color: rgb(201,35,75);
In HTML the color attributes are text, bgcolor, link, alink and vlink.
In CSS the attributes are color and background-color.
Some users have browser defaults set to white text on a black background, so setting
one color without setting the others can result in black text on a black background. High contrast mode on Windows turns off background images so you must set a `background-color` in addition to a `background-image`.
<a href="news"> More News...</a>
702 </div>
703 </div>
704 <div id="c_announcement">
705
Ensure that text and background colors have enough contrast.
The text color to background color contrast ratio is: 3.83 with
color: rgb(0,0,0);background-color: rgb(201,35,75);font-size: 12.00pt;font-weight: 400.00;
Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 3.0 or more for 18 point text, or larger
The contrast ratio should be 3.0 or more for 14 point bold text, or larger
The contrast ratio should be 4.5 or more for all other text
<div class="bg" id="announcement_title">
706 announcement
707 </div>
708 <div id="announcement">
709 <ul class="nav nav-pills nav-justified">
710 <li class="active">
711 <a href="#announcement1" data-toggle="pill">headlines</a>
712 </li>
713 <li>
714 <a href="#announcement2" data-toggle="pill">TENDER / QUOTATION</a>
715 </li>
716 <li>
717 <a href="#announcement3" data-toggle="pill">job vacancy</a>
718 </li>
719 </ul>
720 <div class="tab-content">
721 <div class="tab-pane fade in active" id="announcement1">
722 <div class="panel-group fs" id="subannouncement">
723 <div class="panel">
724 <div class="panel-heading ">
725 <a href="#2095" data-toggle="collapse" data-parent="#subannouncement">UPM Lab Services</a>
726 </div>
727 <div class="panel-collapse collapse" id="2095">
728 <div class="panel-body fs">
729 <p>
730 <a href="http://www.sciencepark.upm.edu.my/industry/next_2u_lab_services/list_of_lab_services-48031">List of Services and Analysis</a>
731 </p>
732 </div>
733 </div>
734 </div>
735 <div class="panel">
736 <div class="panel-heading ">
737 <a href="#867" data-toggle="collapse" data-parent="#subannouncement">Technology available for licensing to the industry</a>
738 </div>
739 <div class="panel-collapse collapse" id="867">
740 <div class="panel-body fs">
741 <p>
742 <a href="http://www.sciencepark.upm.edu.my/industry/available_technologies_for_licensing/available_technologies-4154">List of technologies</a>
743 </p>
744 </div>
745 </div>
746 </div>
747 <div class="panel">
748 <div class="panel-heading ">
749 <a href="#865" data-toggle="collapse" data-parent="#subannouncement">Get the UPM Commercialised Products</a>
750 </div>
751 <div class="panel-collapse collapse" id="865">
752 <div class="panel-body fs">
753 <p>
754 <a href="http://www.sciencepark.upm.edu.my/produk_upm-3525">Get the products directly from the company</a>
755 </p>
756 </div>
757 </div>
758 </div>
759 </div>
760 </div>
761 <div class="tab-pane fade" id="announcement2">
762 <div class="activities_container">
763 No quotation.
764 </div>
765 <div>
766 <p>
767 <br>
768 <b>FURTHER INFORMATION:</b> <a href="http://etender.upm.edu.my " target="_blank"><b>http://etender.upm.edu.my</b></a>
769 </p>
770 </div>
771 </div>
772 <div class="tab-pane fade fs" id="announcement3">
773 <!--Permohonan Jawatan Bukan Akademik, sila layari <a href="http://spj.upm.edu.my" target="_blank">DI SINI</a>-->
774 <div class="activities_container">
775 No job vacancy.
776 </div>
777 <div>
778 <p>
779 <br>
780 <b>FURTHER INFORMATION:</b> <a href="http://spj.upm.edu.my " target="_blank"><b>http://spj.upm.edu.my</b></a>
781 </p>
782 </div>
783 </div>
784 </div>
785 </div>
786 </div>
787 <div id="c_activities">
788
Ensure that text and background colors have enough contrast.
The text color to background color contrast ratio is: 3.83 with
color: rgb(0,0,0);background-color: rgb(201,35,75);font-size: 12.00pt;font-weight: 400.00;
Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 3.0 or more for 18 point text, or larger
The contrast ratio should be 3.0 or more for 14 point bold text, or larger
The contrast ratio should be 4.5 or more for all other text
<div class="bg" id="activities_title">
789 activities
790 </div>
791 <div id="activities">
792 <div id="activities_header">
793 <a class="btn btn-default btn-sm btn-upm" href="activities">LIST OF ACTIVITIES</a>
794 </div>
795 <div id="activities_body">
796 <div class="panel-body" id="E-A2">
797 <div class="activities_container">
798 <div class="activities_date bg">
799
Ensure that text and background colors have enough contrast.
The text color to background color contrast ratio is: 3.83 with
color: rgb(0,0,0);background-color: rgb(201,35,75);font-size: 12.00pt;font-weight: 400.00;
Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 3.0 or more for 18 point text, or larger
The contrast ratio should be 3.0 or more for 14 point bold text, or larger
The contrast ratio should be 4.5 or more for all other text
<div class="activities_day">
800 21
801 </div>
802
Ensure that text and background colors have enough contrast.
The text color to background color contrast ratio is: 3.83 with
color: rgb(0,0,0);background-color: rgb(201,35,75);font-size: 12.00pt;font-weight: 400.00;
Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 3.0 or more for 18 point text, or larger
The contrast ratio should be 3.0 or more for 14 point bold text, or larger
The contrast ratio should be 4.5 or more for all other text
<div class="activities_month">
803 Jun
804 </div>
805 </div>
806 <div class="activities_info fs">
807 <a href="/activities/asean_conference_on_3d_print_in_medicine-19247">ASEAN Conference on 3D Print in Medicine</a>
808 </div>
809 </div>
810 <div class="activities_container">
811 <div class="activities_date bg">
812
Ensure that text and background colors have enough contrast.
The text color to background color contrast ratio is: 3.83 with
color: rgb(0,0,0);background-color: rgb(201,35,75);font-size: 12.00pt;font-weight: 400.00;
Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 3.0 or more for 18 point text, or larger
The contrast ratio should be 3.0 or more for 14 point bold text, or larger
The contrast ratio should be 4.5 or more for all other text
<div class="activities_day">
813 22
814 </div>
815
Ensure that text and background colors have enough contrast.
The text color to background color contrast ratio is: 3.83 with
color: rgb(0,0,0);background-color: rgb(201,35,75);font-size: 12.00pt;font-weight: 400.00;
Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 3.0 or more for 18 point text, or larger
The contrast ratio should be 3.0 or more for 14 point bold text, or larger
The contrast ratio should be 4.5 or more for all other text
<div class="activities_month">
816 Sep
817 </div>
818 </div>
819 <div class="activities_info fs">
820 <a href="/activities/international_conference_and_exposition_on_inventions_by_institutions_of_higher_learning_pecipta-19233">International Conference and Exposition on Inventions by
821 Institutions of Higher Learning (PECIPTA)</a>
822 </div>
823 </div>
824 <div class="activities_container">
825 <div class="activities_date bg">
826
Ensure that text and background colors have enough contrast.
The text color to background color contrast ratio is: 3.83 with
color: rgb(0,0,0);background-color: rgb(201,35,75);font-size: 12.00pt;font-weight: 400.00;
Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 3.0 or more for 18 point text, or larger
The contrast ratio should be 3.0 or more for 14 point bold text, or larger
The contrast ratio should be 4.5 or more for all other text
<div class="activities_day">
827 09
828 </div>
829
Ensure that text and background colors have enough contrast.
The text color to background color contrast ratio is: 3.83 with
color: rgb(0,0,0);background-color: rgb(201,35,75);font-size: 12.00pt;font-weight: 400.00;
Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 3.0 or more for 18 point text, or larger
The contrast ratio should be 3.0 or more for 14 point bold text, or larger
The contrast ratio should be 4.5 or more for all other text
<div class="activities_month">
830 Oct
831 </div>
832 </div>
833 <div class="activities_info fs">
834 <a href="/activities/international_greentech_eco_products_exhibition_conference_malaysia_igem-19235">International Greentech & Eco Products Exhibition & Conference Malaysia (IGEM)</a>
835 </div>
836 </div>
837 <div class="activities_container">
838 <div class="activities_date bg">
839
Ensure that text and background colors have enough contrast.
The text color to background color contrast ratio is: 3.83 with
color: rgb(0,0,0);background-color: rgb(201,35,75);font-size: 12.00pt;font-weight: 400.00;
Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 3.0 or more for 18 point text, or larger
The contrast ratio should be 3.0 or more for 14 point bold text, or larger
The contrast ratio should be 4.5 or more for all other text
<div class="activities_day">
840 15
841 </div>
842
Ensure that text and background colors have enough contrast.
The text color to background color contrast ratio is: 3.83 with
color: rgb(0,0,0);background-color: rgb(201,35,75);font-size: 12.00pt;font-weight: 400.00;
Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 3.0 or more for 18 point text, or larger
The contrast ratio should be 3.0 or more for 14 point bold text, or larger
The contrast ratio should be 4.5 or more for all other text
<div class="activities_month">
843 Nov
844 </div>
845 </div>
846 <div class="activities_info fs">
847 <a href="/activities/sme_annual_showcase_conference_2017_smidex-19237">SME Annual Showcase & Conference 2017 (SMIDEX)</a>
848 </div>
849 </div>
850 </div>
851 </div>
852 </div>
853 </div>
854 <div id="c_media">
855 <div id="media">
856 <ul class="nav nav-pills nav-justified">
857 <li class="active" id="header1">
858
Ensure that text and background colors have enough contrast.
The text color to background color contrast ratio is: 1.00 with
color: rgb(201,35,75);background-color: rgb(201,35,75);font-size: 12.00pt;font-weight: 400.00;
Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 3.0 or more for 18 point text, or larger
The contrast ratio should be 3.0 or more for 14 point bold text, or larger
The contrast ratio should be 4.5 or more for all other text
Search engines may penalize invisible text where text color is nearly identical to the background color.
The colors used are: color: rgb(201,35,75);background-color: rgb(201,35,75);
<a href="#media1" data-toggle="pill"> video</a>
859 </li><!--li id="header2"><a data-toggle="pill" href="#media2">social media</a></li-->
860 <li id="header3">
861
If you set any of the colors on the
body or
a elements you must set all of them.
The colors used are: color: rgb(201,35,75);background-color: rgb(255,255,255); uses browser default
In HTML the color attributes are text, bgcolor, link, alink and vlink.
In CSS the attributes are color and background-color.
Some users have browser defaults set to white text on a black background, so setting
one color without setting the others can result in black text on a black background. High contrast mode on Windows turns off background images so you must set a `background-color` in addition to a `background-image`.
<a href="#media3" data-toggle="pill"> gallery</a>
862 </li>
863 <li id="header4">
864
If you set any of the colors on the
body or
a elements you must set all of them.
The colors used are: color: rgb(201,35,75);background-color: rgb(255,255,255); uses browser default
In HTML the color attributes are text, bgcolor, link, alink and vlink.
In CSS the attributes are color and background-color.
Some users have browser defaults set to white text on a black background, so setting
one color without setting the others can result in black text on a black background. High contrast mode on Windows turns off background images so you must set a `background-color` in addition to a `background-image`.
<a href="#media4" data-toggle="pill"> UPM in the news</a>
865 </li>
866 </ul>
867 <div class="tab-content">
868 <div class="tab-pane fade in active" id="media1">
869 <div class="media_notify"></div>
870 <div class="media_item">
871 <div class="embed-responsive embed-responsive-16by9">
872
<iframe width="300" height="250" src="https://www.youtube.com/embed/VR2BzkMPi98" frameborder="0" allowfullscreen> </iframe>;
873 </div>
874 <div class="media_text fs">
875 Medicated Wound Dressing - Astro Awani 5 ptg
876 </div>
877 </div>
878 <div class="media_item">
879 <div class="embed-responsive embed-responsive-16by9">
880
<iframe width="300" height="250" src="https://www.youtube.com/embed/SHvXktud-v0" frameborder="0" allowfullscreen> </iframe>;
881 </div>
882 <div class="media_text fs">
883 UPM High Impact Innovations
884 </div>
885 </div>
886 <div class="media_item">
887 <div class="embed-responsive embed-responsive-16by9">
888
<iframe width="300" height="250" src="https://www.youtube.com/embed/ugUMdan8jog" frameborder="0" allowfullscreen> </iframe>;
889 </div>
890 <div class="media_text fs">
891 Pameran NYAWA 2017: LIGHT
892 </div>
893 </div>
894 <div class="media_item">
895 <div class="embed-responsive embed-responsive-16by9">
896
<iframe width="300" height="250" src="https://www.youtube.com/embed/sjWah9dVrK0" frameborder="0" allowfullscreen> </iframe>;
897 </div>
898 <div class="media_text fs">
899 UPM Innohub Sucsess Story
900 </div>
901 </div>
902 <div class="media_btn" id="media_btn1">
903
Ensure that text and background colors have enough contrast.
The text color to background color contrast ratio is: 1.71 with
color: rgb(0,0,238);background-color: rgb(201,35,75);font-size: 12.00pt;font-weight: 400.00;
Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 3.0 or more for 18 point text, or larger
The contrast ratio should be 3.0 or more for 14 point bold text, or larger
The contrast ratio should be 4.5 or more for all other text
If you set any of the colors on the
body or
a elements you must set all of them.
The colors used are: color: rgb(0,0,238); uses browser default
background-color: rgb(201,35,75);
In HTML the color attributes are text, bgcolor, link, alink and vlink.
In CSS the attributes are color and background-color.
Some users have browser defaults set to white text on a black background, so setting
one color without setting the others can result in black text on a black background. High contrast mode on Windows turns off background images so you must set a `background-color` in addition to a `background-image`.
<a class="btn btn-default btn-sm bg" href="video"> list of videos</a>
904 </div>
905 </div>
906 <div class="tab-pane fade" id="media3">
907
<div class="media_item" id="media_g1">
908 <a href="gallery/innovation_showcase/lima_2017-228">
909 <div class="media_image cropalbum">
910
alt text should not contain placeholders like 'picture' or 'spacer'.
alt='Picture 1'
For purely decorative images and spacers use
alt="", for images of text use the text, and for other images use a description of the image.
Impact on users:
JAWS : Reads out placeholder text, instead of a useful image description. NVDA : Reads out placeholder text, instead of a useful image description. VoiceOver : Reads out placeholder text, instead of a useful image description. Omitting
img width or
height attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked.
Add width and height attributes to the img tag matching the image dimensions. Authoring tools
like Dreamweaver can automate this process.
<img class="img-responsive" alt="Picture 1" src="/upload/imej/album/thumbnail/20170608143346LIMA_UPM_(5).jpg">
911 </div>
912 <div class="media_text fs">
913 LIMA 2017
914 </div></a>
915 </div>
916
<div class="media_item" id="media_g1">
917 <a href="gallery/innovation_showcase/itex_2017-351">
918 <div class="media_image cropalbum">
919
alt text should not contain placeholders like 'picture' or 'spacer'.
alt='Picture 1'
For purely decorative images and spacers use
alt="", for images of text use the text, and for other images use a description of the image.
Impact on users:
JAWS : Reads out placeholder text, instead of a useful image description. NVDA : Reads out placeholder text, instead of a useful image description. VoiceOver : Reads out placeholder text, instead of a useful image description. Omitting
img width or
height attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked.
Add width and height attributes to the img tag matching the image dimensions. Authoring tools
like Dreamweaver can automate this process.
<img class="img-responsive" alt="Picture 1" src="/upload/imej/album/thumbnail/20170608142531itex_upm_17_(1).jpg">
920 </div>
921 <div class="media_text fs">
922 ITEX 2017
923 </div></a>
924 </div>
925
<div class="media_item" id="media_g1">
926 <a href="gallery/innovation_showcase/upmiod_social_science-374">
927 <div class="media_image cropalbum">
928
alt text should not contain placeholders like 'picture' or 'spacer'.
alt='Picture 1'
For purely decorative images and spacers use
alt="", for images of text use the text, and for other images use a description of the image.
Impact on users:
JAWS : Reads out placeholder text, instead of a useful image description. NVDA : Reads out placeholder text, instead of a useful image description. VoiceOver : Reads out placeholder text, instead of a useful image description. Omitting
img width or
height attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked.
Add width and height attributes to the img tag matching the image dimensions. Authoring tools
like Dreamweaver can automate this process.
<img class="img-responsive" alt="Picture 1" src="/upload/imej/album/thumbnail/20170608170943UPMIOD_Sosial_Sc_(2).jpg">
929 </div>
930 <div class="media_text fs">
931 UPMIOD Social Science
932 </div></a>
933 </div>
934
<div class="media_item" id="media_g1">
935 <a href="gallery/innovation_showcase/upmiod_agriculture_2016-375">
936 <div class="media_image cropalbum">
937
alt text should not contain placeholders like 'picture' or 'spacer'.
alt='Picture 1'
For purely decorative images and spacers use
alt="", for images of text use the text, and for other images use a description of the image.
Impact on users:
JAWS : Reads out placeholder text, instead of a useful image description. NVDA : Reads out placeholder text, instead of a useful image description. VoiceOver : Reads out placeholder text, instead of a useful image description. Omitting
img width or
height attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked.
Add width and height attributes to the img tag matching the image dimensions. Authoring tools
like Dreamweaver can automate this process.
<img class="img-responsive" alt="Picture 1" src="/upload/imej/album/thumbnail/20170608170652UPMIOD_Agri_(1).jpg">
938 </div>
939 <div class="media_text fs">
940 UPMIOD Agriculture 2016
941 </div></a>
942 </div>
943 <div class="media_btn" id="media_btn2">
944
Ensure that text and background colors have enough contrast.
The text color to background color contrast ratio is: 1.71 with
color: rgb(0,0,238);background-color: rgb(201,35,75);font-size: 12.00pt;font-weight: 400.00;
Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 3.0 or more for 18 point text, or larger
The contrast ratio should be 3.0 or more for 14 point bold text, or larger
The contrast ratio should be 4.5 or more for all other text
If you set any of the colors on the
body or
a elements you must set all of them.
The colors used are: color: rgb(0,0,238); uses browser default
background-color: rgb(201,35,75);
In HTML the color attributes are text, bgcolor, link, alink and vlink.
In CSS the attributes are color and background-color.
Some users have browser defaults set to white text on a black background, so setting
one color without setting the others can result in black text on a black background. High contrast mode on Windows turns off background images so you must set a `background-color` in addition to a `background-image`.
<a class="btn btn-default btn-sm bg" href="gallery"> list of galleries</a>
945 </div>
946 </div>
947 <div class="tab-pane fade" id="media4">
948
<div class="media_item" id="media_n0">
949 <a href="newspaper/inovasi_sapputra_tangani_masalah_penanaman_padi-104079">
950 <div class="media_image cropakhbar">
951
alt text should not contain placeholders like 'picture' or 'spacer'.
alt='Picture 0'
For purely decorative images and spacers use
alt="", for images of text use the text, and for other images use a description of the image.
Impact on users:
JAWS : Reads out placeholder text, instead of a useful image description. NVDA : Reads out placeholder text, instead of a useful image description. VoiceOver : Reads out placeholder text, instead of a useful image description. Omitting
img width or
height attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked.
Add width and height attributes to the img tag matching the image dimensions. Authoring tools
like Dreamweaver can automate this process.
<img class="img-responsive" alt="Picture 0" src="/upload/keratanakhbar/mobile/2018121716443420181129_BERITA_HARIAN-_INOVASI_SAPPUTRA_TANGANI_MASALAH_PENANAMAN_PADI-_MS_54.jpg">
952 </div>
953 <div class="media_text fs">
954 INOVASI SAPPUTRA TANGANI MASALAH PENANAMAN PADI
955 </div></a>
956 </div>
957
<div class="media_item" id="media_n0">
958 <a href="newspaper/vitamin_daun_kelor_kaya_khasiat-104065">
959 <div class="media_image cropakhbar">
960
alt text should not contain placeholders like 'picture' or 'spacer'.
alt='Picture 0'
For purely decorative images and spacers use
alt="", for images of text use the text, and for other images use a description of the image.
Impact on users:
JAWS : Reads out placeholder text, instead of a useful image description. NVDA : Reads out placeholder text, instead of a useful image description. VoiceOver : Reads out placeholder text, instead of a useful image description. Omitting
img width or
height attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked.
Add width and height attributes to the img tag matching the image dimensions. Authoring tools
like Dreamweaver can automate this process.
<img class="img-responsive" alt="Picture 0" src="/upload/keratanakhbar/mobile/2018121716303820181217110913UTUSAN_MALAYSIA-_VITAMIN_DAUN_KELOR_KAYA_KHASIAT-_MD_22-23.jpg">
961 </div>
962 <div class="media_text fs">
963 VITAMIN DAUN KELOR KAYA KHASIAT
964 </div></a>
965 </div>
966
<div class="media_item" id="media_n0">
967 <a href="newspaper/alternatif_rawat_karah_padi-104055">
968 <div class="media_image cropakhbar">
969
alt text should not contain placeholders like 'picture' or 'spacer'.
alt='Picture 0'
For purely decorative images and spacers use
alt="", for images of text use the text, and for other images use a description of the image.
Impact on users:
JAWS : Reads out placeholder text, instead of a useful image description. NVDA : Reads out placeholder text, instead of a useful image description. VoiceOver : Reads out placeholder text, instead of a useful image description. Omitting
img width or
height attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked.
Add width and height attributes to the img tag matching the image dimensions. Authoring tools
like Dreamweaver can automate this process.
<img class="img-responsive" alt="Picture 0" src="/upload/keratanakhbar/mobile/2018121716222620181212_UTUSAN_MALAYSIA-_ALTERNATIF_RAWAT_KARAH_PADI-_MS_29.jpg">
970 </div>
971 <div class="media_text fs">
972 ALTERNATIF RAWAT KARAH PADI
973 </div></a>
974 </div>
975
<div class="media_item" id="media_n0">
976 <a href="newspaper/makanan_tingkat_tumbesaran_ikan_empurau-104081">
977 <div class="media_image cropakhbar">
978
alt text should not contain placeholders like 'picture' or 'spacer'.
alt='Picture 0'
For purely decorative images and spacers use
alt="", for images of text use the text, and for other images use a description of the image.
Impact on users:
JAWS : Reads out placeholder text, instead of a useful image description. NVDA : Reads out placeholder text, instead of a useful image description. VoiceOver : Reads out placeholder text, instead of a useful image description. Omitting
img width or
height attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked.
Add width and height attributes to the img tag matching the image dimensions. Authoring tools
like Dreamweaver can automate this process.
<img class="img-responsive" alt="Picture 0" src="/upload/keratanakhbar/mobile/2018121716453920181205_UTUSAN_MALAYSIA-_MAKANAN_TINGKAT_TUMBESARAN_IKAN_EMPURAU-_MS_33.jpg">
979 </div>
980 <div class="media_text fs">
981 MAKANAN TINGKAT TUMBESARAN IKAN EMPURAU
982 </div></a>
983 </div>
984 <div class="media_btn" id="media_btn4">
985
Ensure that text and background colors have enough contrast.
The text color to background color contrast ratio is: 1.71 with
color: rgb(0,0,238);background-color: rgb(201,35,75);font-size: 12.00pt;font-weight: 400.00;
Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 3.0 or more for 18 point text, or larger
The contrast ratio should be 3.0 or more for 14 point bold text, or larger
The contrast ratio should be 4.5 or more for all other text
Link uses general text like 'Click Here' with no surrounding text explaining link purpose.
Link text: more...
Screen reader users use text around links to help understand what the link does.
If the link text is very general, and there's no surrounding text, there's no way to work out what the link does.
Either use a descriptive link label (which helps all users) or add an aria-label to the link (which helps screen reader users).
If you set any of the colors on the
body or
a elements you must set all of them.
The colors used are: color: rgb(0,0,238); uses browser default
background-color: rgb(201,35,75);
In HTML the color attributes are text, bgcolor, link, alink and vlink.
In CSS the attributes are color and background-color.
Some users have browser defaults set to white text on a black background, so setting
one color without setting the others can result in black text on a black background. High contrast mode on Windows turns off background images so you must set a `background-color` in addition to a `background-image`.
Users should be able to quickly look at each link and tell where it goes.
Link text: more...
Don't use generic link labels like "click here" or "read more" because they're hard to tell apart when users scan a page.
<a class="btn btn-default btn-sm bg" href="newspaper"> more...</a>
986 </div>
987 </div>
988 </div>
989 </div>
990 </div>
991 <style>
992 .divTable{display:table;width:100%;} .divTableRow{display:inline-block;}
993 .divTableCell{border:0px;display:table-cell;padding:3px 5px;} .divTableCellPenerbitan{border:0px;display:table-cell;padding:3px 10px;}
994 </style>
995 <div id="c_followus">
996
Ensure that text and background colors have enough contrast.
The text color to background color contrast ratio is: 3.83 with
color: rgb(0,0,0);background-color: rgb(201,35,75);font-size: 12.00pt;font-weight: 400.00;
Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 3.0 or more for 18 point text, or larger
The contrast ratio should be 3.0 or more for 14 point bold text, or larger
The contrast ratio should be 4.5 or more for all other text
<div class="bg" id="followus_title">
997 follow us
998 </div>
999 <div class="bg" id="followus_container">
1000 <div class="divTable">
1001 <div class="divTableBody">
1002 <div class="divTableRow">
1003 <div class="divTableCell">
1004
Each
a element must contain text or an
img with an
alt attribute.
Add text to the link, or alt text if the link contains an image. If there is no link text or the alt text is blank, screen readers have nothing to read, so read out the URL instead.
<a href="https://www.facebook.com/putrasciencepark">
Omitting
img width or
height attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked.
Add width and height attributes to the img tag matching the image dimensions. Authoring tools
like Dreamweaver can automate this process.
<img src="/assets/images/fb.png"> </a>
1005 </div>
1006 <div class="divTableCell">
1007
Each
a element must contain text or an
img with an
alt attribute.
Add text to the link, or alt text if the link contains an image. If there is no link text or the alt text is blank, screen readers have nothing to read, so read out the URL instead.
<a href="https://www.youtube.com/channel/UCu6OWNtRPCbP_W7yBO8Ghsg/videos">
Omitting
img width or
height attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked.
Add width and height attributes to the img tag matching the image dimensions. Authoring tools
like Dreamweaver can automate this process.
<img src="/assets/images/youtube.png"> </a>
1008 </div>
1009 <div class="divTableCell">
1010
Each
a element must contain text or an
img with an
alt attribute.
Add text to the link, or alt text if the link contains an image. If there is no link text or the alt text is blank, screen readers have nothing to read, so read out the URL instead.
<a href="https://plus.google.com/u/1/102547242889015052401/posts">
Omitting
img width or
height attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked.
Add width and height attributes to the img tag matching the image dimensions. Authoring tools
like Dreamweaver can automate this process.
<img src="/assets/images/google+.png"> </a>
1011 </div>
1012 <div class="divTableCell">
1013
Each
a element must contain text or an
img with an
alt attribute.
Add text to the link, or alt text if the link contains an image. If there is no link text or the alt text is blank, screen readers have nothing to read, so read out the URL instead.
<a href="https://www.instagram.com/putrasciencepark/">
Omitting
img width or
height attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked.
Add width and height attributes to the img tag matching the image dimensions. Authoring tools
like Dreamweaver can automate this process.
<img src="/assets/images/insta.png"> </a>
1014 </div>
1015 </div>
1016 </div>
1017 </div>
1018 </div>
1019 </div>
1020 <div id="c_publication">
1021 <div class="bg" id="publication_container">
1022 <div class="publication_content">
1023 <div class="divTable">
1024 <div class="divTableBody">
1025 <div class="divTableRow">
1026 <div class="divTableCellPenerbitan">
1027
Ensure that text and background colors have enough contrast.
The text color to background color contrast ratio is: 1.71 with
color: rgb(0,0,238);background-color: rgb(201,35,75);font-size: 12.00pt;font-weight: 400.00;
Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 3.0 or more for 18 point text, or larger
The contrast ratio should be 3.0 or more for 14 point bold text, or larger
The contrast ratio should be 4.5 or more for all other text
If you set any of the colors on the
body or
a elements you must set all of them.
The colors used are: color: rgb(0,0,238); uses browser default
background-color: rgb(201,35,75);
In HTML the color attributes are text, bgcolor, link, alink and vlink.
In CSS the attributes are color and background-color.
Some users have browser defaults set to white text on a black background, so setting
one color without setting the others can result in black text on a black background. High contrast mode on Windows turns off background images so you must set a `background-color` in addition to a `background-image`.
<a href="/upload/dokumen/penerbitan/20170429135121Brochur_Pertanian.pdf" target="_blank"> Fakta Inovasi Pertanian UPM</a>
1028 </div>
1029 </div>
1030 </div>
1031 </div>
1032 </div>
1033 </div>
1034 <div class="bg" id="publication_title">
1035
Ensure that text and background colors have enough contrast.
The text color to background color contrast ratio is: 1.71 with
color: rgb(0,0,238);background-color: rgb(201,35,75);font-size: 12.00pt;font-weight: 400.00;
Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 3.0 or more for 18 point text, or larger
The contrast ratio should be 3.0 or more for 14 point bold text, or larger
The contrast ratio should be 4.5 or more for all other text
If you set any of the colors on the
body or
a elements you must set all of them.
The colors used are: color: rgb(0,0,238); uses browser default
background-color: rgb(201,35,75);
In HTML the color attributes are text, bgcolor, link, alink and vlink.
In CSS the attributes are color and background-color.
Some users have browser defaults set to white text on a black background, so setting
one color without setting the others can result in black text on a black background. High contrast mode on Windows turns off background images so you must set a `background-color` in addition to a `background-image`.
<a href="publication" target="_blank"> publication</a>
1036 </div>
1037 </div>
1038 <div id="c_promobanner">
1039 <div class="row">
1040 <div class="col-md-12">
1041 <div class="carousel carousel-showsixmoveone slide" id="upmslide" data-ride="carousel" data-interval="8000" data-type="multi">
1042 <div class="carousel-inner">
1043 <div class="item active">
1044 <div class="col-md-3 col-sm-4 col-xs-12">
1045 <a href="https://sciencepark.upm.edu.my/edu_park-2606">
alt text should not be an image file name.
alt='https://sciencepark.upm.edu.my/edu_park-2606'
Change the alt text to a description of the image.
Omitting
img width or
height attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked.
Add width and height attributes to the img tag matching the image dimensions. Authoring tools
like Dreamweaver can automate this process.
<img class="img-responsive" alt="https://sciencepark.upm.edu.my/edu_park-2606" src=
1046 "/upload/imej/bannerpromosi/poster/20170407091124Slide1.JPG"></a>
1047 </div>
1048 <div class="col-md-3 col-sm-4 col-xs-12">
1049 <a href="https://sciencepark.upm.edu.my/edu_park-2606">
alt text should not be an image file name.
alt='https://sciencepark.upm.edu.my/edu_park-2606'
Change the alt text to a description of the image.
Omitting
img width or
height attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked.
Add width and height attributes to the img tag matching the image dimensions. Authoring tools
like Dreamweaver can automate this process.
<img class="img-responsive" alt="https://sciencepark.upm.edu.my/edu_park-2606" src=
1050 "/upload/imej/bannerpromosi/poster/20170407091233Slide3.JPG"></a>
1051 </div>
1052 <div class="col-md-3 col-sm-4 col-xs-12">
1053 <a href="https://sciencepark.upm.edu.my/edu_park-2606">
alt text should not be an image file name.
alt='https://sciencepark.upm.edu.my/edu_park-2606'
Change the alt text to a description of the image.
Omitting
img width or
height attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked.
Add width and height attributes to the img tag matching the image dimensions. Authoring tools
like Dreamweaver can automate this process.
<img class="img-responsive" alt="https://sciencepark.upm.edu.my/edu_park-2606" src=
1054 "/upload/imej/bannerpromosi/poster/20170407091329Slide2.JPG"></a>
1055 </div>
1056 <div class="col-md-3 col-sm-4 col-xs-12">
1057 <a href="https://sciencepark.upm.edu.my/edu_park-2606">
alt text should not be an image file name.
alt='https://sciencepark.upm.edu.my/edu_park-2606'
Change the alt text to a description of the image.
Omitting
img width or
height attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked.
Add width and height attributes to the img tag matching the image dimensions. Authoring tools
like Dreamweaver can automate this process.
<img class="img-responsive" alt="https://sciencepark.upm.edu.my/edu_park-2606" src=
1058 "/upload/imej/bannerpromosi/poster/20170407092416Slide5.jpg"></a>
1059 </div>
1060 </div>
1061 <div class="item">
1062 <div class="col-md-3 col-sm-4 col-xs-12">
1063 <a href="https://sciencepark.upm.edu.my/edu_park-2606">
alt text should not be an image file name.
alt='https://sciencepark.upm.edu.my/edu_park-2606'
Change the alt text to a description of the image.
Omitting
img width or
height attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked.
Add width and height attributes to the img tag matching the image dimensions. Authoring tools
like Dreamweaver can automate this process.
<img class="img-responsive" alt="https://sciencepark.upm.edu.my/edu_park-2606" src=
1064 "/upload/imej/bannerpromosi/poster/20170407091233Slide3.JPG"></a>
1065 </div>
1066 <div class="col-md-3 col-sm-4 col-xs-12">
1067 <a href="https://sciencepark.upm.edu.my/edu_park-2606">
alt text should not be an image file name.
alt='https://sciencepark.upm.edu.my/edu_park-2606'
Change the alt text to a description of the image.
Omitting
img width or
height attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked.
Add width and height attributes to the img tag matching the image dimensions. Authoring tools
like Dreamweaver can automate this process.
<img class="img-responsive" alt="https://sciencepark.upm.edu.my/edu_park-2606" src=
1068 "/upload/imej/bannerpromosi/poster/20170407091329Slide2.JPG"></a>
1069 </div>
1070 <div class="col-md-3 col-sm-4 col-xs-12">
1071 <a href="https://sciencepark.upm.edu.my/edu_park-2606">
alt text should not be an image file name.
alt='https://sciencepark.upm.edu.my/edu_park-2606'
Change the alt text to a description of the image.
Omitting
img width or
height attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked.
Add width and height attributes to the img tag matching the image dimensions. Authoring tools
like Dreamweaver can automate this process.
<img class="img-responsive" alt="https://sciencepark.upm.edu.my/edu_park-2606" src=
1072 "/upload/imej/bannerpromosi/poster/20170407092416Slide5.jpg"></a>
1073 </div>
1074 <div class="col-md-3 col-sm-4 col-xs-12">
1075 <a href="http://www.muziumwarisanmelayu.upm.edu.my/">
alt text should not be an image file name.
alt='http://www.muziumwarisanmelayu.upm.edu.my/'
Change the alt text to a description of the image.
Omitting
img width or
height attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked.
Add width and height attributes to the img tag matching the image dimensions. Authoring tools
like Dreamweaver can automate this process.
<img class="img-responsive" alt="http://www.muziumwarisanmelayu.upm.edu.my/" src=
1076 "/upload/imej/bannerpromosi/poster/20170503192830muzium.png"></a>
1077 </div>
1078 </div>
1079 <div class="item">
1080 <div class="col-md-3 col-sm-4 col-xs-12">
1081 <a href="https://sciencepark.upm.edu.my/edu_park-2606">
alt text should not be an image file name.
alt='https://sciencepark.upm.edu.my/edu_park-2606'
Change the alt text to a description of the image.
Omitting
img width or
height attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked.
Add width and height attributes to the img tag matching the image dimensions. Authoring tools
like Dreamweaver can automate this process.
<img class="img-responsive" alt="https://sciencepark.upm.edu.my/edu_park-2606" src=
1082 "/upload/imej/bannerpromosi/poster/20170407091329Slide2.JPG"></a>
1083 </div>
1084 <div class="col-md-3 col-sm-4 col-xs-12">
1085 <a href="https://sciencepark.upm.edu.my/edu_park-2606">
alt text should not be an image file name.
alt='https://sciencepark.upm.edu.my/edu_park-2606'
Change the alt text to a description of the image.
Omitting
img width or
height attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked.
Add width and height attributes to the img tag matching the image dimensions. Authoring tools
like Dreamweaver can automate this process.
<img class="img-responsive" alt="https://sciencepark.upm.edu.my/edu_park-2606" src=
1086 "/upload/imej/bannerpromosi/poster/20170407092416Slide5.jpg"></a>
1087 </div>
1088 <div class="col-md-3 col-sm-4 col-xs-12">
1089 <a href="http://www.muziumwarisanmelayu.upm.edu.my/">
alt text should not be an image file name.
alt='http://www.muziumwarisanmelayu.upm.edu.my/'
Change the alt text to a description of the image.
Omitting
img width or
height attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked.
Add width and height attributes to the img tag matching the image dimensions. Authoring tools
like Dreamweaver can automate this process.
<img class="img-responsive" alt="http://www.muziumwarisanmelayu.upm.edu.my/" src=
1090 "/upload/imej/bannerpromosi/poster/20170503192830muzium.png"></a>
1091 </div>
1092 <div class="col-md-3 col-sm-4 col-xs-12">
1093 <a href="http://www.sciencepark.upm.edu.my/industri/teknologi_untuk_dilesenkan/e_majalah_inovasi-38409">
alt text should not be an image file name.
alt='http://www.sciencepark.upm.edu.my/industri/teknologi_untuk_dilesenkan/e_majalah_inovasi-38409'
Change the alt text to a description of the image.
Omitting
img width or
height attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked.
Add width and height attributes to the img tag matching the image dimensions. Authoring tools
like Dreamweaver can automate this process.
<img class="img-responsive" alt=
1094 "http://www.sciencepark.upm.edu.my/industri/teknologi_untuk_dilesenkan/e_majalah_inovasi-38409" src="/upload/imej/bannerpromosi/poster/20180314102259cover_vol1.png"></a>
1095 </div>
1096 </div>
1097 <div class="item">
1098 <div class="col-md-3 col-sm-4 col-xs-12">
1099 <a href="https://sciencepark.upm.edu.my/edu_park-2606">
alt text should not be an image file name.
alt='https://sciencepark.upm.edu.my/edu_park-2606'
Change the alt text to a description of the image.
Omitting
img width or
height attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked.
Add width and height attributes to the img tag matching the image dimensions. Authoring tools
like Dreamweaver can automate this process.
<img class="img-responsive" alt="https://sciencepark.upm.edu.my/edu_park-2606" src=
1100 "/upload/imej/bannerpromosi/poster/20170407092416Slide5.jpg"></a>
1101 </div>
1102 <div class="col-md-3 col-sm-4 col-xs-12">
1103 <a href="http://www.muziumwarisanmelayu.upm.edu.my/">
alt text should not be an image file name.
alt='http://www.muziumwarisanmelayu.upm.edu.my/'
Change the alt text to a description of the image.
Omitting
img width or
height attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked.
Add width and height attributes to the img tag matching the image dimensions. Authoring tools
like Dreamweaver can automate this process.
<img class="img-responsive" alt="http://www.muziumwarisanmelayu.upm.edu.my/" src=
1104 "/upload/imej/bannerpromosi/poster/20170503192830muzium.png"></a>
1105 </div>
1106 <div class="col-md-3 col-sm-4 col-xs-12">
1107 <a href="http://www.sciencepark.upm.edu.my/industri/teknologi_untuk_dilesenkan/e_majalah_inovasi-38409">
alt text should not be an image file name.
alt='http://www.sciencepark.upm.edu.my/industri/teknologi_untuk_dilesenkan/e_majalah_inovasi-38409'
Change the alt text to a description of the image.
Omitting
img width or
height attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked.
Add width and height attributes to the img tag matching the image dimensions. Authoring tools
like Dreamweaver can automate this process.
<img class="img-responsive" alt=
1108 "http://www.sciencepark.upm.edu.my/industri/teknologi_untuk_dilesenkan/e_majalah_inovasi-38409" src="/upload/imej/bannerpromosi/poster/20180314102259cover_vol1.png"></a>
1109 </div>
1110 <div class="col-md-3 col-sm-4 col-xs-12">
1111 <a href="https://www.yumpu.com/en/document/read/62349954/psp-bulletin-1-2018">
alt text should not be an image file name.
alt='https://www.yumpu.com/en/document/read/62349954/psp-bulletin-1-2018'
Change the alt text to a description of the image.
Omitting
img width or
height attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked.
Add width and height attributes to the img tag matching the image dimensions. Authoring tools
like Dreamweaver can automate this process.
<img class="img-responsive" alt="https://www.yumpu.com/en/document/read/62349954/psp-bulletin-1-2018" src=
1112 "/upload/imej/bannerpromosi/poster/20190118171048Promosi_banner_IB2018-1.png"></a>
1113 </div>
1114 </div>
1115 <div class="item active">
1116 <div class="col-md-3 col-sm-4 col-xs-12">
1117 <a href="http://www.muziumwarisanmelayu.upm.edu.my/">
alt text should not be an image file name.
alt='http://www.muziumwarisanmelayu.upm.edu.my/'
Change the alt text to a description of the image.
Omitting
img width or
height attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked.
Add width and height attributes to the img tag matching the image dimensions. Authoring tools
like Dreamweaver can automate this process.
<img class="img-responsive" alt="http://www.muziumwarisanmelayu.upm.edu.my/" src=
1118 "/upload/imej/bannerpromosi/poster/20170503192830muzium.png"></a>
1119 </div>
1120 <div class="col-md-3 col-sm-4 col-xs-12">
1121 <a href="http://www.sciencepark.upm.edu.my/industri/teknologi_untuk_dilesenkan/e_majalah_inovasi-38409">
alt text should not be an image file name.
alt='http://www.sciencepark.upm.edu.my/industri/teknologi_untuk_dilesenkan/e_majalah_inovasi-38409'
Change the alt text to a description of the image.
Omitting
img width or
height attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked.
Add width and height attributes to the img tag matching the image dimensions. Authoring tools
like Dreamweaver can automate this process.
<img class="img-responsive" alt=
1122 "http://www.sciencepark.upm.edu.my/industri/teknologi_untuk_dilesenkan/e_majalah_inovasi-38409" src="/upload/imej/bannerpromosi/poster/20180314102259cover_vol1.png"></a>
1123 </div>
1124 <div class="col-md-3 col-sm-4 col-xs-12">
1125 <a href="https://www.yumpu.com/en/document/read/62349954/psp-bulletin-1-2018">
alt text should not be an image file name.
alt='https://www.yumpu.com/en/document/read/62349954/psp-bulletin-1-2018'
Change the alt text to a description of the image.
Omitting
img width or
height attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked.
Add width and height attributes to the img tag matching the image dimensions. Authoring tools
like Dreamweaver can automate this process.
<img class="img-responsive" alt="https://www.yumpu.com/en/document/read/62349954/psp-bulletin-1-2018" src=
1126 "/upload/imej/bannerpromosi/poster/20190118171048Promosi_banner_IB2018-1.png"></a>
1127 </div>
1128 <div class="col-md-3 col-sm-4 col-xs-12">
1129 <a href="https://www.yumpu.com/en/document/read/62349961/psp-bulletin-2-2018">
alt text should not be an image file name.
alt='https://www.yumpu.com/en/document/read/62349961/psp-bulletin-2-2018'
Change the alt text to a description of the image.
Omitting
img width or
height attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked.
Add width and height attributes to the img tag matching the image dimensions. Authoring tools
like Dreamweaver can automate this process.
<img class="img-responsive" alt="https://www.yumpu.com/en/document/read/62349961/psp-bulletin-2-2018" src=
1130 "/upload/imej/bannerpromosi/poster/20190118171139Promosi_banner_IB2018-2.png"></a>
1131 </div>
1132 </div>
1133 <div class="item">
1134 <div class="col-md-3 col-sm-4 col-xs-12">
1135 <a href="http://www.sciencepark.upm.edu.my/industri/teknologi_untuk_dilesenkan/e_majalah_inovasi-38409">
alt text should not be an image file name.
alt='http://www.sciencepark.upm.edu.my/industri/teknologi_untuk_dilesenkan/e_majalah_inovasi-38409'
Change the alt text to a description of the image.
Omitting
img width or
height attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked.
Add width and height attributes to the img tag matching the image dimensions. Authoring tools
like Dreamweaver can automate this process.
<img class="img-responsive" alt=
1136 "http://www.sciencepark.upm.edu.my/industri/teknologi_untuk_dilesenkan/e_majalah_inovasi-38409" src="/upload/imej/bannerpromosi/poster/20180314102259cover_vol1.png"></a>
1137 </div>
1138 <div class="col-md-3 col-sm-4 col-xs-12">
1139 <a href="https://www.yumpu.com/en/document/read/62349954/psp-bulletin-1-2018">
alt text should not be an image file name.
alt='https://www.yumpu.com/en/document/read/62349954/psp-bulletin-1-2018'
Change the alt text to a description of the image.
Omitting
img width or
height attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked.
Add width and height attributes to the img tag matching the image dimensions. Authoring tools
like Dreamweaver can automate this process.
<img class="img-responsive" alt="https://www.yumpu.com/en/document/read/62349954/psp-bulletin-1-2018" src=
1140 "/upload/imej/bannerpromosi/poster/20190118171048Promosi_banner_IB2018-1.png"></a>
1141 </div>
1142 <div class="col-md-3 col-sm-4 col-xs-12">
1143 <a href="https://www.yumpu.com/en/document/read/62349961/psp-bulletin-2-2018">
alt text should not be an image file name.
alt='https://www.yumpu.com/en/document/read/62349961/psp-bulletin-2-2018'
Change the alt text to a description of the image.
Omitting
img width or
height attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked.
Add width and height attributes to the img tag matching the image dimensions. Authoring tools
like Dreamweaver can automate this process.
<img class="img-responsive" alt="https://www.yumpu.com/en/document/read/62349961/psp-bulletin-2-2018" src=
1144 "/upload/imej/bannerpromosi/poster/20190118171139Promosi_banner_IB2018-2.png"></a>
1145 </div>
1146 <div class="col-md-3 col-sm-4 col-xs-12">
1147 <a href="/infobanner/work_smarter_work_faster-31343">
Omitting
img width or
height attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked.
Add width and height attributes to the img tag matching the image dimensions. Authoring tools
like Dreamweaver can automate this process.
<img class="img-responsive" alt="/infobanner/work_smarter_work_faster-31343" src=
1148 "/upload/imej/bannerpromosi/poster/20170516104846365_copy.png"></a>
1149 </div>
1150 </div>
1151 <div class="item">
1152 <div class="col-md-3 col-sm-4 col-xs-12">
1153 <a href="https://www.yumpu.com/en/document/read/62349954/psp-bulletin-1-2018">
alt text should not be an image file name.
alt='https://www.yumpu.com/en/document/read/62349954/psp-bulletin-1-2018'
Change the alt text to a description of the image.
Omitting
img width or
height attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked.
Add width and height attributes to the img tag matching the image dimensions. Authoring tools
like Dreamweaver can automate this process.
<img class="img-responsive" alt="https://www.yumpu.com/en/document/read/62349954/psp-bulletin-1-2018" src=
1154 "/upload/imej/bannerpromosi/poster/20190118171048Promosi_banner_IB2018-1.png"></a>
1155 </div>
1156 <div class="col-md-3 col-sm-4 col-xs-12">
1157 <a href="https://www.yumpu.com/en/document/read/62349961/psp-bulletin-2-2018">
alt text should not be an image file name.
alt='https://www.yumpu.com/en/document/read/62349961/psp-bulletin-2-2018'
Change the alt text to a description of the image.
Omitting
img width or
height attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked.
Add width and height attributes to the img tag matching the image dimensions. Authoring tools
like Dreamweaver can automate this process.
<img class="img-responsive" alt="https://www.yumpu.com/en/document/read/62349961/psp-bulletin-2-2018" src=
1158 "/upload/imej/bannerpromosi/poster/20190118171139Promosi_banner_IB2018-2.png"></a>
1159 </div>
1160 <div class="col-md-3 col-sm-4 col-xs-12">
1161 <a href="/infobanner/work_smarter_work_faster-31343">
Omitting
img width or
height attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked.
Add width and height attributes to the img tag matching the image dimensions. Authoring tools
like Dreamweaver can automate this process.
<img class="img-responsive" alt="/infobanner/work_smarter_work_faster-31343" src=
1162 "/upload/imej/bannerpromosi/poster/20170516104846365_copy.png"></a>
1163 </div>
1164 <div class="col-md-3 col-sm-4 col-xs-12">
1165 <a href="https://sciencepark.upm.edu.my/edu_park-2606">
alt text should not be an image file name.
alt='https://sciencepark.upm.edu.my/edu_park-2606'
Change the alt text to a description of the image.
Omitting
img width or
height attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked.
Add width and height attributes to the img tag matching the image dimensions. Authoring tools
like Dreamweaver can automate this process.
<img class="img-responsive" alt="https://sciencepark.upm.edu.my/edu_park-2606" src=
1166 "/upload/imej/bannerpromosi/poster/20170407091124Slide1.JPG"></a>
1167 </div>
1168 </div>
1169 <div class="item">
1170 <div class="col-md-3 col-sm-4 col-xs-12">
1171 <a href="https://www.yumpu.com/en/document/read/62349961/psp-bulletin-2-2018">
alt text should not be an image file name.
alt='https://www.yumpu.com/en/document/read/62349961/psp-bulletin-2-2018'
Change the alt text to a description of the image.
Omitting
img width or
height attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked.
Add width and height attributes to the img tag matching the image dimensions. Authoring tools
like Dreamweaver can automate this process.
<img class="img-responsive" alt="https://www.yumpu.com/en/document/read/62349961/psp-bulletin-2-2018" src=
1172 "/upload/imej/bannerpromosi/poster/20190118171139Promosi_banner_IB2018-2.png"></a>
1173 </div>
1174 <div class="col-md-3 col-sm-4 col-xs-12">
1175 <a href="/infobanner/work_smarter_work_faster-31343">
Omitting
img width or
height attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked.
Add width and height attributes to the img tag matching the image dimensions. Authoring tools
like Dreamweaver can automate this process.
<img class="img-responsive" alt="/infobanner/work_smarter_work_faster-31343" src=
1176 "/upload/imej/bannerpromosi/poster/20170516104846365_copy.png"></a>
1177 </div>
1178 <div class="col-md-3 col-sm-4 col-xs-12">
1179 <a href="https://sciencepark.upm.edu.my/edu_park-2606">
alt text should not be an image file name.
alt='https://sciencepark.upm.edu.my/edu_park-2606'
Change the alt text to a description of the image.
Omitting
img width or
height attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked.
Add width and height attributes to the img tag matching the image dimensions. Authoring tools
like Dreamweaver can automate this process.
<img class="img-responsive" alt="https://sciencepark.upm.edu.my/edu_park-2606" src=
1180 "/upload/imej/bannerpromosi/poster/20170407091124Slide1.JPG"></a>
1181 </div>
1182 <div class="col-md-3 col-sm-4 col-xs-12">
1183 <a href="https://sciencepark.upm.edu.my/edu_park-2606">
alt text should not be an image file name.
alt='https://sciencepark.upm.edu.my/edu_park-2606'
Change the alt text to a description of the image.
Omitting
img width or
height attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked.
Add width and height attributes to the img tag matching the image dimensions. Authoring tools
like Dreamweaver can automate this process.
<img class="img-responsive" alt="https://sciencepark.upm.edu.my/edu_park-2606" src=
1184 "/upload/imej/bannerpromosi/poster/20170407091233Slide3.JPG"></a>
1185 </div>
1186 </div>
1187 <div class="item active">
1188 <div class="col-md-3 col-sm-4 col-xs-12">
1189 <a href="/infobanner/work_smarter_work_faster-31343">
Omitting
img width or
height attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked.
Add width and height attributes to the img tag matching the image dimensions. Authoring tools
like Dreamweaver can automate this process.
<img class="img-responsive" alt="/infobanner/work_smarter_work_faster-31343" src=
1190 "/upload/imej/bannerpromosi/poster/20170516104846365_copy.png"></a>
1191 </div>
1192 <div class="col-md-3 col-sm-4 col-xs-12">
1193 <a href="https://sciencepark.upm.edu.my/edu_park-2606">
alt text should not be an image file name.
alt='https://sciencepark.upm.edu.my/edu_park-2606'
Change the alt text to a description of the image.
Omitting
img width or
height attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked.
Add width and height attributes to the img tag matching the image dimensions. Authoring tools
like Dreamweaver can automate this process.
<img class="img-responsive" alt="https://sciencepark.upm.edu.my/edu_park-2606" src=
1194 "/upload/imej/bannerpromosi/poster/20170407091124Slide1.JPG"></a>
1195 </div>
1196 <div class="col-md-3 col-sm-4 col-xs-12">
1197 <a href="https://sciencepark.upm.edu.my/edu_park-2606">
alt text should not be an image file name.
alt='https://sciencepark.upm.edu.my/edu_park-2606'
Change the alt text to a description of the image.
Omitting
img width or
height attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked.
Add width and height attributes to the img tag matching the image dimensions. Authoring tools
like Dreamweaver can automate this process.
<img class="img-responsive" alt="https://sciencepark.upm.edu.my/edu_park-2606" src=
1198 "/upload/imej/bannerpromosi/poster/20170407091233Slide3.JPG"></a>
1199 </div>
1200 <div class="col-md-3 col-sm-4 col-xs-12">
1201 <a href="https://sciencepark.upm.edu.my/edu_park-2606">
alt text should not be an image file name.
alt='https://sciencepark.upm.edu.my/edu_park-2606'
Change the alt text to a description of the image.
Omitting
img width or
height attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked.
Add width and height attributes to the img tag matching the image dimensions. Authoring tools
like Dreamweaver can automate this process.
<img class="img-responsive" alt="https://sciencepark.upm.edu.my/edu_park-2606" src=
1202 "/upload/imej/bannerpromosi/poster/20170407091329Slide2.JPG"></a>
1203 </div>
1204 </div>
1205 </div>
Each
a element must contain text or an
img with an
alt attribute.
Add text to the link, or alt text if the link contains an image. If there is no link text or the alt text is blank, screen readers have nothing to read, so read out the URL instead.
<a class="left carousel-control" href="#upmslide" data-slide="prev"> </a>
Each
a element must contain text or an
img with an
alt attribute.
Add text to the link, or alt text if the link contains an image. If there is no link text or the alt text is blank, screen readers have nothing to read, so read out the URL instead.
<a class="right carousel-control" href="#upmslide" data-slide="next"> </a>
1206 </div>
1207 </div>
1208 </div>
1209 </div>
1210 </div>
1211 <style>
1212
@charset "utf8"; #RESERVE_G,#RESERVE_H{display:table;width:100%;padding:1em 8em}#c_contactus,#c_externallink,#c_onlinelink,#c_quicklink,#c_linkicon,#c_footnote,#c_copyright,#c_footericon{display:table-cell;color:rgba(255,255,255,1);font-size:.8em}#c_contactus,#c_externallink,#c_onlinelink,#c_quicklink,#c_linkicon{width:20%;padding:0 1em;line-height:1em}#contactus_name{padding-bottom:.25em;font-family:'Montserrat'}#contactus_info{padding-top:1em}.contactus_title,.contactus_detail{display:inline-block;margin:-0.3em;vertical-align:top}.contactus_title{width:18%;padding-left:.4em;font-family:'Montserrat'}.contactus_detail{width:82%;padding-bottom:1em}#c_linkicon{border:.1em;border-radius:.5em;text-align:center}#c_linkicon .footer_item{display:inline-block;vertical-align:middle;width:48%;height:auto;border-radius:.3em;background:rgba(255,255,255,1);margin-bottom:.25em;padding:.5em;text-align:center}#c_linkicon .footer_item img{display:block;width:auto;height:30px;margin:0 auto}.footer_item a,.footnote_item a{color:rgba(255,255,255,1)}.footer_header{height:3em;font:normal 1.2em 'HelveticaCondensedBold';text-transform:uppercase}.footer_content{list-style-type:none;margin-left:-3em}.footer_item{padding-bottom:.7em}#RESERVE_H{background:rgba(0,0,0,1)}#c_footnote,#c_copyright,#c_footericon{vertical-align:top}#c_footnote{padding-right:1em;line-height:1em}#c_copyright{width:250px}#c_footericon{width:110px}.footnote_item{display:inline-block;border-left:.1em solid rgba(255,255,255,1);margin-bottom:.25em;padding:0 .5em}.footnote_item:first-child{border-left:0;padding-left:0}#footnote_content{padding-top:.5em}#c_footericon{text-align:right}#c_footericon img{display:inline-block;width:auto;height:32px;margin-left:.5em}.copyright_content{padding-bottom:.5em;line-height:1em}
1213 </style>
1214 <div class="fs bg" id="FOOTER">
1215 <div id="RESERVE_G">
1216 <div id="c_contactus">
1217 <div class="footer_header">
1218 contact us
1219 </div>
1220 <div id="contactus_name">
1221 PUTRA SCIENCE PARK
1222 </div>
1223 <div id="contactus_address">
1224 <p>
1225 <em>- UPM innovation management centre </em>
1226 <br>
1227 Office of the Deputy Vice Chancellor (Research and Innovation)
1228 <br>
1229 Universiti Putra Malaysia
1230 <br>
1231 43400 Serdang, Selangor, Malaysia
1232 </p>
1233 </div>
1234
<div id="contactus_info">
1235 <div class="contactus_title"></div>
1236 <div class="contactus_detail">
1237 03-97691254
1238 </div>
1239 </div>
1240
<div id="contactus_info">
1241 <div class="contactus_title"></div>
1242 <div class="contactus_detail">
1243 03-89464121
1244 </div>
1245 </div>
1246
<div id="contactus_info">
1247 <div class="contactus_title"></div>
1248 <div class="contactus_detail">
1249 promosi@upm.edu.my
1250 </div>
1251 </div>
1252 </div>
1253 <div id="c_externallink">
1254 <div class="footer_header">
1255 ONLINE APPLICATION
1256 </div>
1257 <div class="footer_item">
1258 <a href="http://www.upmip.upm.edu.my/" target="_blank">UPMIP</a>
1259 </div>
1260 <div class="footer_item">
1261 <a href="http://www.sciencepark.upm.edu.my/industri/teknologi_untuk_dilesenkan/e_majalah_inovasi-38409" target="_blank">e-Innovation Magazine</a>
1262 </div>
1263 <div class="footer_item">
1264 <a href="http://reg.upm.edu.my/eISO/" target="_blank">e-ISO</a>
1265 </div>
1266 <div class="footer_item">
1267 <a href="http://eclaims.upm.edu.my/login/" target="_blank">e-Claim</a>
1268 </div>
1269 <div class="footer_item">
1270 <a href="http://eslip.upm.edu.my/" target="_blank">Slip System</a>
1271 </div>
1272 <div class="footer_item">
1273 <a href="http://www.sisman.upm.edu.my" target="_blank">SISMAN System</a>
1274 </div>
1275 <div class="footer_item">
1276 <a href="http://bursar1.upm.edu.my/spln/" target="_blank">Travel Abroad Online Application</a>
1277 </div>
1278 <div class="footer_item">
1279 <a href="http://reg.upm.edu.my/elpptNA/" target="_blank">e-LPPTNA</a>
1280 </div>
1281 </div>
1282 <div id="c_onlinelink">
1283 <div class="footer_header">
1284 OTHER LINK
1285 </div>
1286 <div class="footer_item">
1287 <a href="https://www.moe.gov.my/" target="_blank">Ministry of Education (MOE)</a>
1288 </div>
1289 <div class="footer_item">
1290 <a href="http://www.mestecc.gov.my" target="_blank">Ministry of Energy, Science, Technology, Environment & Climate Change (MESTECC)</a>
1291 </div>
1292 <div class="footer_item">
1293 <a href="http://www.motour.gov.my/" target="_blank">Ministry of Tourism Malaysia</a>
1294 </div>
1295 <div class="footer_item">
1296 <a href="http://www.moa.gov.my/" target="_blank">Ministry Of Agriculture & Agro-Based Industry Malaysia.</a>
1297 </div>
1298 <div class="footer_item">
1299 <a href="http://www.myipo.gov.my/" target="_blank">Intellectual Property Corporation of Malaysia</a>
1300 </div>
1301 <div class="footer_item">
1302 <a href="http://www.innovation.my/" target="_blank">Malaysia Innovation Agency (AIM)</a>
1303 </div>
1304 <div class="footer_item">
1305 <a href="http://upmholdings.com.my/" target="_blank">UPM Holdings</a>
1306 </div>
1307 </div>
1308 <div id="c_quicklink">
1309 <div class="footer_header">
1310 QUICKLINK
1311 </div>
1312 <div class="footer_item">
1313 <a href="http://pharmalicensing.com/" target="_blank">Pharmalicensing Technologies</a>
1314 </div>
1315 <div class="footer_item">
1316 <a href="http://iprmarketplace.myipo.gov.my/?page_id=53" target="_blank">IP Mart</a>
1317 </div>
1318 <div class="footer_item">
1319 <a href="http://www.patentmall.asia/" target="_blank">PatentMall</a>
1320 </div>
1321 <div class="footer_item">
1322 <a href="http://www.upmip.upm.edu.my/" target="_blank">UPMIP</a>
1323 </div>
1324 <div class="footer_item">
1325 <a href="http://km.upm.edu.my/kmportalweb/portal/render.action?method=home" target="_blank">KMPortal</a>
1326 </div>
1327 <div class="footer_item">
1328 <a href="http://www.putra.upm.edu.my" target="_blank">Putra Bulletine</a>
1329 </div>
1330 <div class="footer_item">
1331 <a href="http://www.spict.upm.edu.my" target="_blank">ICT Maintainance</a>
1332 </div>
1333 </div>
1334 <div id="c_linkicon">
1335 <div class="footer_item" style="background: rgba(148, 162, 170, 1);">
1336
Each
a element must contain text or an
img with an
alt attribute.
Add text to the link, or alt text if the link contains an image. If there is no link text or the alt text is blank, screen readers have nothing to read, so read out the URL instead.
<a href="http://www.putra.upm.edu.my" target="_blank">
Omitting
img width or
height attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked.
Add width and height attributes to the img tag matching the image dimensions. Authoring tools
like Dreamweaver can automate this process.
<img class="img-responsive" alt="" src="/upload/imej/ikonpautan/desktop/putra.jpg"> </a>
1337 </div>
1338 <div class="footer_item" style="background: rgba(148, 162, 170, 1);">
1339
Each
a element must contain text or an
img with an
alt attribute.
Add text to the link, or alt text if the link contains an image. If there is no link text or the alt text is blank, screen readers have nothing to read, so read out the URL instead.
<a href="http://portal.upm.edu.my" target="_blank">
Omitting
img width or
height attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked.
Add width and height attributes to the img tag matching the image dimensions. Authoring tools
like Dreamweaver can automate this process.
<img class="img-responsive" alt="" src="/upload/imej/ikonpautan/desktop/portal.jpg"> </a>
1340 </div>
1341 <div class="footer_item">
1342 <a href="http://www.upmip.upm.edu.my" target="_blank">
Omitting
img width or
height attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked.
Add width and height attributes to the img tag matching the image dimensions. Authoring tools
like Dreamweaver can automate this process.
<img class="img-responsive" alt="upmip" src="/upload/imej/ikonpautan/desktop/697_bm.jpg"> </a>
1343 </div>
1344 <div class="footer_item">
1345 <a href="http://www.exhibition.upm.edu.my/" target="_blank">
Omitting
img width or
height attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked.
Add width and height attributes to the img tag matching the image dimensions. Authoring tools
like Dreamweaver can automate this process.
<img class="img-responsive" alt="epameran" src="/upload/imej/ikonpautan/desktop/698_bm.jpg"> </a>
1346 </div>
1347 <div class="footer_item">
1348 <a href="http://reg.upm.edu.my/eISO/" target="_blank">
Omitting
img width or
height attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked.
Add width and height attributes to the img tag matching the image dimensions. Authoring tools
like Dreamweaver can automate this process.
<img class="img-responsive" alt="eISO" src="/upload/imej/ikonpautan/desktop/702_bm.png"> </a>
1349 </div>
1350 <div class="footer_item">
1351 <a href="http://eclaims.upm.edu.my/login/" target="_blank">
Omitting
img width or
height attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked.
Add width and height attributes to the img tag matching the image dimensions. Authoring tools
like Dreamweaver can automate this process.
<img class="img-responsive" alt="eclaim" src="/upload/imej/ikonpautan/desktop/703_bm.gif"> </a>
1352 </div>
1353 <div class="footer_item">
1354 <a href="http://www.upm.edu.my/tender" target="_blank">
Omitting
img width or
height attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked.
Add width and height attributes to the img tag matching the image dimensions. Authoring tools
like Dreamweaver can automate this process.
<img class="img-responsive" alt="Tender UPM" src="/upload/imej/ikonpautan/desktop/704_bm.gif"> </a>
1355 </div>
1356 <div class="footer_item">
1357 <a href="http://zonict.upm.edu.my/" target="_blank">
Omitting
img width or
height attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked.
Add width and height attributes to the img tag matching the image dimensions. Authoring tools
like Dreamweaver can automate this process.
<img class="img-responsive" alt="Baik pulih ICT" src="/upload/imej/ikonpautan/desktop/713_bm.jpg"> </a>
1358 </div>
1359 <div class="footer_item">
1360
Each
a element must contain text or an
img with an
alt attribute.
Add text to the link, or alt text if the link contains an image. If there is no link text or the alt text is blank, screen readers have nothing to read, so read out the URL instead.
<a href="http://www.oshonline.upm.edu.my" target="_blank">
Omitting
img width or
height attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked.
Add width and height attributes to the img tag matching the image dimensions. Authoring tools
like Dreamweaver can automate this process.
<img class="img-responsive" alt="" src="/upload/imej/ikonpautan/desktop/294_bm.png"> </a>
1361 </div>
1362 <style>
1363 .icon { background-color:rgba(255,255,255,1); padding:2px; display:inline-block;}
1364 </style>
1365 </div>
1366 </div>
1367 <div id="RESERVE_H">
1368 <div id="c_footnote">
1369 <div class="footnote_item">
1370 <a href="/footnote/privacy_statement-29949">Privacy Statement</a>
1371 </div>
1372 <div class="footnote_item">
1373 <a href="/footnote/copyright-29950">Copyright</a>
1374 </div>
1375 <div class="footnote_item">
1376 <a href="/rss">RSS</a>
1377 </div>
1378 <div class="footnote_item">
1379 <a href="/footnote/disclaimer-29938">Disclaimer</a>
1380 </div>
1381 <div class="footnote_item">
1382 <a href="/footnote/help-29937">Help</a>
1383 </div>
1384 <div class="footnote_item">
1385 <a href="/footnote/upm_online-38695">UPM online</a>
1386 </div>
1387 <div class="footnote_item">
1388 <a href="/footnote/security_statement-29939">Security Statement</a>
1389 </div>
1390 <div id="footnote_content">
1391 <style>
1392 .button { background-color:rgba(200,34,73,1); border:none; color:white; padding:5px 5px; text-align:center; text-decoration:none; display:inline-block; margin:0; cursor:pointer; font-size:1em; }
1393 </style>
1394 <form action="/subscribe" method="post">
1395 <span class="Montserrat" style="padding-right: 0.5em;">SUBSCRIBE VIA EMAIL</span>
Use
label elements for each data entry field to show what data is expected.
Make sure each INPUT field has an associated LABEL describing the field.
<input name="email" type="text" placeholder=" Your email"> <input name="submit" class=
1396 "button HelveticaCondensedBold" type="submit" value="SUBMIT">
1397 </form>
1398 </div>
1399 </div>
1400 <div id="c_copyright">
1401 <div class="footnote_content Montserrat">
1402 © 2019 PUTRA SCIENCE PARK
1403 </div>
1404 </div>
1405 <div id="c_footericon">
1406
Omitting
img width or
height attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked.
Add width and height attributes to the img tag matching the image dimensions. Authoring tools
like Dreamweaver can automate this process.
<img class="img-responsive" alt="AACSB International" src="/assets/images/aacsb.png">
Omitting
img width or
height attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked.
Add width and height attributes to the img tag matching the image dimensions. Authoring tools
like Dreamweaver can automate this process.
<img class="img-responsive" alt="SIRIM UKAS" src="/assets/images/SIRIM-UKAS.png">
1407 </div>
1408 </div>
1409 </div>
Each
a element must contain text or an
img with an
alt attribute.
Add text to the link, or alt text if the link contains an image. If there is no link text or the alt text is blank, screen readers have nothing to read, so read out the URL instead.
<a id="return-to-top" href="javascript:"> </a>
1410 <script src="/components/jquery/1.12.0/jquery.min.js"></script>
1411 <script src="/components/bootstrap/3.3.6/js/bootstrap.min.js"></script>
1412 <script src="/assets/js/webupm.min.js"></script>
1413 <style>
1414
1415 .bg{background:rgba(88,89,91,1)} #logo_title2,#menu-toggle,#menu-toggle2,#menu-toggle3,#menu-toggle4,#menu-toggle5,.topmenu_item a,.MP-header a {color:rgba(88,89,91,1)} .topmenu_item{border:0.1em solid rgba(88,89,91,1)} .topmenu_item a:hover{color:rgba(88,89,91,1)} #clientmenu_header .panel-heading.trans{display:none} #c_announcement .tab-content,#activities_body,#c_media .tab-content{border-color:rgba(88,89,91,1)} .activities_container{border-left-color:rgba(88,89,91,1);border-bottom-color:rgba(88,89,91,1)} #c_media .nav-pills>li>a,.enquiries-contact-title{color:rgba(88,89,91,1)} #c_media .nav-pills>li.active>a,#c_media .nav-pills>li.active>a:focus{background:rgba(88,89,91,1)}
1416 @media all and (max-width:767px) { .mainmenu_item a,.language_item a{color:rgba(88,89,91,1)} }
1417 .bg,.topmenu_item.active,#visitus_container select,#c_media .nav-pills>li.active>a,#c_media .nav-pills>li.active>a:focus,#c_media .btn-default,.L3-button .btn-default{background:rgba(201,35,75,1)} #logo_title2,#menu-toggle,#menu-toggle2,#menu-toggle3,#menu-toggle4,#menu-toggle5,.topmenu_item a,.MP-header a,.tender_no{color:rgba(201,35,75,1)} #c_clientmenu{background:rgba(201,35,75,1)} #menu-toggle6,#menu-toggle6 select{background:rgba(201,35,75,1);color:rgba(255,255,255,1)}
1418 .topmenu_item{border:0.1em solid rgba(201,35,75,1)} #c_media .nav-pills>li>a,.enquiries-contact-title{color:rgba(201,35,75,1)} #c_announcement .tab-content,#activities_body,#c_media .tab-content{border-color:rgba(201,35,75,1)} .activities_container{border-left-color:rgba(201,35,75,1);border-bottom-color:rgba(201,35,75,1)} .bar_locationtitle{background:rgba(201,35,75,1)}
1419 @media all and (max-width:767px) {
1420 .topmenu_item{border:none} .mainmenu_item a,.language_item a{color:rgba(201,35,75,1)}
1421 }
1422 </style>
1423 <script>
1424 /** https://css-tricks.com/resolution-specific-stylesheets **/
1425 function adjustStyle(width){width=parseInt(window.innerWidth || document.body.clientWidth);
1426 if(width<421){$("#browser").attr("href","/assets/css/webupm_phonel.css");var TagName=document.getElementsByTagName('body')[0];TagName.appendChild(document.querySelector('#HEADER'));$('#HEADER').append(document.querySelector('#MP-R1'));$('#MP-R1').append(document.querySelector('#MP-header'));$('#MP-header1').append(document.querySelector('#logo_upm'));$('#MP-M1-body').append(document.querySelector('#MP-R1a'));$('#MP-R1a').append(document.querySelector('#searchForm'));$('#MP-M2-body').append(document.querySelector('#MP-menu'));$('#MP-topmenu-body').append(document.querySelector('#topmenu_container'));$('#MP-mainmenu-body').append(document.querySelector('#mainmenu_container'));$('#MP-language-body').append(document.querySelector('#language_container'));TagName.appendChild(document.querySelector('#CONTENT'));$('#CONTENT').append(document.querySelector('#MP-R3'));$('#MP-R3').append(document.querySelector('#c_slider'));$('#MP-R3').append(document.querySelector('#cmenu'));$('#cmenu').append(document.querySelector('#clientmenu'));$('#MP-R3').append(document.querySelector('#searchMobile'));$('#searchMobile').append(document.querySelector('#searchForm'));TagName.appendChild(document.querySelector('#FOOTER'));$('#FOOTER').append(document.querySelector('#MP-R2'));$('#MP-R2').append(document.querySelector('#MP-footer'));$('#MP-M3-body').append(document.querySelector('#MP-latest'));$('#MP-flatest-body').append(document.querySelector('#announcement1'));$('#MP-ftender-body').append(document.querySelector('#announcement2'));$('#MP-fvacancy-body').append(document.querySelector('#announcement3'));$('#MP-M4-body').append(document.querySelector('#c_footnote'));$('#MP-M5-body').append(document.querySelector('#MP-media'));$('#MP-M6-body').append(document.querySelector('#MP-link'));$('#MP-externallink-body').append(document.querySelector('#c_externallink'));$('#MP-onlinelink-body').append(document.querySelector('#c_onlinelink'));$('#MP-quicklink-body').append(document.querySelector('#c_quicklink'));$('#MP-linkicon-body').append(document.querySelector('#c_linkicon'));$('#MP-link').append(document.querySelector('#MP-visitus'));$('#MP-visitusgroup-body').append(document.querySelector('#visitus_container'));$('#MP-contactus-body').append(document.querySelector('#c_contactus'));}
1427 if(width<768){$("#browser").attr("href","/assets/css/webupm_phonel.css");var TagName=document.getElementsByTagName('body')[0];TagName.appendChild(document.querySelector('#HEADER'));$('#HEADER').append(document.querySelector('#MP-R1'));$('#MP-R1').append(document.querySelector('#MP-header'));$('#MP-header1').append(document.querySelector('#logo_upm'));$('#MP-M1-body').append(document.querySelector('#MP-R1a'));$('#MP-R1a').append(document.querySelector('#searchForm'));$('#MP-M2-body').append(document.querySelector('#MP-menu'));$('#MP-topmenu-body').append(document.querySelector('#topmenu_container'));$('#MP-mainmenu-body').append(document.querySelector('#mainmenu_container'));$('#MP-language-body').append(document.querySelector('#language_container'));TagName.appendChild(document.querySelector('#CONTENT'));$('#CONTENT').append(document.querySelector('#MP-R3'));$('#MP-R3').append(document.querySelector('#c_slider'));$('#MP-R3').append(document.querySelector('#cmenu'));$('#cmenu').append(document.querySelector('#clientmenu'));$('#MP-R3').append(document.querySelector('#searchMobile'));$('#searchMobile').append(document.querySelector('#searchForm'));TagName.appendChild(document.querySelector('#FOOTER'));$('#FOOTER').append(document.querySelector('#MP-R2'));$('#MP-R2').append(document.querySelector('#MP-footer'));$('#MP-M3-body').append(document.querySelector('#MP-latest'));$('#MP-flatest-body').append(document.querySelector('#announcement1'));$('#MP-ftender-body').append(document.querySelector('#announcement2'));$('#MP-fvacancy-body').append(document.querySelector('#announcement3'));$('#MP-M4-body').append(document.querySelector('#c_footnote'));$('#MP-M5-body').append(document.querySelector('#MP-media'));$('#MP-M6-body').append(document.querySelector('#MP-link'));$('#MP-externallink-body').append(document.querySelector('#c_externallink'));$('#MP-onlinelink-body').append(document.querySelector('#c_onlinelink'));$('#MP-quicklink-body').append(document.querySelector('#c_quicklink'));$('#MP-linkicon-body').append(document.querySelector('#c_linkicon'));$('#MP-link').append(document.querySelector('#MP-visitus'));$('#MP-visitusgroup-body').append(document.querySelector('#visitus_container'));$('#MP-contactus-body').append(document.querySelector('#c_contactus'));}
1428 else if(width<992){/*$("#browser").attr("href","/assets/css/webupm_tablet.css");*/var TagName=document.getElementsByTagName('body')[0];TagName.appendChild(document.querySelector('#HEADER'));$("#HEADER").append(document.querySelector("#D-R1"));$("#D-R1").append(document.querySelector("#D-R1a"));$("#D-R1a").append(document.querySelector("#D-R1a1"));$("#D-R1a1").append(document.querySelector("#logo_jata"));$("#D-R1a1").append(document.querySelector("#logo_upm"));$("#D-R1").append(document.querySelector("#D-R1b"));$("#D-R1b").append(document.querySelector("#c_topmenu"));$("#D-R1b").append(document.querySelector("#D-R1b1"));$("#D-R1b1").append(document.querySelector("#searchForm"));$("#D-R1b1").append(document.querySelector("#c_date"));$("#HEADER").append(document.querySelector("#RESERVE_Z"));$("#RESERVE_Z").append(document.querySelector("#logo_title1"));$("#RESERVE_Z").append(document.querySelector("#logo_title2"));$("#HEADER").append(document.querySelector("#D-R2"));$("#D-R2").append(document.querySelector("#c_mainmenu"));$("#HEADER").append(document.querySelector("#D-R2"));$("#D-R2").append(document.querySelector("#c_mainmenu"));TagName.appendChild(document.querySelector('#CONTENT'));TagName.appendChild(document.querySelector('#FOOTER'));$("#FOOTER").append(document.querySelector("#RESERVE_F"));$("#FOOTER").append(document.querySelector("#RESERVE_G"));$("#RESERVE_G").append(document.querySelector("#c_contactus"));$("#RESERVE_G").append(document.querySelector("#c_externallink"));$("#RESERVE_G").append(document.querySelector("#c_onlinelink"));$("#RESERVE_G").append(document.querySelector("#c_quicklink"));$("#RESERVE_G").append(document.querySelector("#c_linkicon"));$("#FOOTER").append(document.querySelector("#RESERVE_H"));$("#RESERVE_H").append(document.querySelector("#c_footnote"));$("#RESERVE_H").append(document.querySelector("#c_copyright"));$("#RESERVE_H").append(document.querySelector("#c_footericon"));}
1429 else{$("#browser").attr("href", "/assets/css/webupm_desktop.css");var TagName=document.getElementsByTagName('body')[0];TagName.appendChild(document.querySelector('#HEADER'));$("#HEADER").append(document.querySelector("#D-R1"));$("#D-R1").append(document.querySelector("#D-R1a"));$("#D-R1a").append(document.querySelector("#D-R1a1"));$("#D-R1a1").append(document.querySelector("#logo_jata"));$("#D-R1a1").append(document.querySelector("#logo_upm"));$("#D-R1").append(document.querySelector("#D-R1b"));$("#D-R1b").append(document.querySelector("#c_topmenu"));$("#D-R1b").append(document.querySelector("#D-R1b1"));$("#D-R1b1").append(document.querySelector("#searchForm"));$("#D-R1b1").append(document.querySelector("#c_date"));$("#HEADER").append(document.querySelector("#RESERVE_Z"));$("#RESERVE_Z").append(document.querySelector("#logo_title1"));$("#RESERVE_Z").append(document.querySelector("#logo_title2"));$("#HEADER").append(document.querySelector("#D-R2"));$("#D-R2").append(document.querySelector("#c_mainmenu"));TagName.appendChild(document.querySelector('#CONTENT'));TagName.appendChild(document.querySelector('#FOOTER'));$("#FOOTER").append(document.querySelector("#RESERVE_F"));$("#FOOTER").append(document.querySelector("#RESERVE_G"));$("#RESERVE_G").append(document.querySelector("#c_contactus"));$("#RESERVE_G").append(document.querySelector("#c_externallink"));$("#RESERVE_G").append(document.querySelector("#c_onlinelink"));$("#RESERVE_G").append(document.querySelector("#c_quicklink"));$("#RESERVE_G").append(document.querySelector("#c_linkicon"));$("#FOOTER").append(document.querySelector("#RESERVE_H"));$("#RESERVE_H").append(document.querySelector("#c_footnote"));$("#RESERVE_H").append(document.querySelector("#c_copyright"));$("#RESERVE_H").append(document.querySelector("#c_footericon"));}}
1430 $(function(){adjustStyle($(this).width());$(window).resize(function(){adjustStyle($(this).width());});});}
1431 </script>
1432 <link href="/components/backtotop/backtotop.css" rel="stylesheet">
1433 <script src="/components/backtotop/backtotop.js"></script>
1434
Ensure that text and background colors have enough contrast.
The text color to background color contrast ratio is: 1.36 with
color: rgb(221,221,221);background-color: rgb(255,255,255);font-size: 7.50pt;font-weight: 400.00;
Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
The contrast ratio should be 3.0 or more for 18 point text, or larger
The contrast ratio should be 3.0 or more for 14 point bold text, or larger
The contrast ratio should be 4.5 or more for all other text
<div style="left: 0px; bottom: 0px; color: rgb(221, 221, 221); letter-spacing: 2px; font-size: 10px; margin-left: 5px; position: fixed;">
1435 C1559267968
1436 </div>
1437 </body>
1438</html>
Issues: