Copenhagen, 6 June 2006 Modern Web standards in CHM portals Mădălina Sauca Finsiel Romania.
-
Upload
leona-barker -
Category
Documents
-
view
213 -
download
0
Transcript of Copenhagen, 6 June 2006 Modern Web standards in CHM portals Mădălina Sauca Finsiel Romania.
![Page 1: Copenhagen, 6 June 2006 Modern Web standards in CHM portals Mădălina Sauca Finsiel Romania.](https://reader036.fdocuments.in/reader036/viewer/2022082817/56649db45503460f94aa4f61/html5/thumbnails/1.jpg)
Copenhagen, 6 June 2006
Modern Web standards in CHM portals
Mădălina Sauca
Finsiel Romania
![Page 2: Copenhagen, 6 June 2006 Modern Web standards in CHM portals Mădălina Sauca Finsiel Romania.](https://reader036.fdocuments.in/reader036/viewer/2022082817/56649db45503460f94aa4f61/html5/thumbnails/2.jpg)
2
Web Accessibility The site information must be accessible to:
all users, including users with physical, mental or technical disabilities
all types of devices (different browsers, PDAs and mobile phones, TVs, speech synthesizers, Braille interpreters, TVs, printers, etc.)
other web sites, web applications and search engines
WAI (Web Accessibility Initiative) – guidelines discussing accessibility issues and providing accessible design solutions
There are three levels of conformance: WAI A Conformance Level "A“ (used in CHM for administration
functionalities) WAI AA Conformance Level "Double-A" (used in CHM for end users
interface) WAI AAA Conformance Level "Triple-A“; the most strict
![Page 3: Copenhagen, 6 June 2006 Modern Web standards in CHM portals Mădălina Sauca Finsiel Romania.](https://reader036.fdocuments.in/reader036/viewer/2022082817/56649db45503460f94aa4f61/html5/thumbnails/3.jpg)
3
Accessibility - Further reading
http://diveintoaccessibility.org/http://www.w3.org/WAI/
Full WAI standards description for all the three levels of conformance:
http://www.w3.org/WAI/GL/WCAG20/complete.html http://www.w3.org/WAI/GL/WCAG20/
complete.html#cklist (check list)
![Page 4: Copenhagen, 6 June 2006 Modern Web standards in CHM portals Mădălina Sauca Finsiel Romania.](https://reader036.fdocuments.in/reader036/viewer/2022082817/56649db45503460f94aa4f61/html5/thumbnails/4.jpg)
4
Usability
Ensuring a “Easy to use” (or “User friendly”) interface supposes to:improve the website navigation (ex: search, sitemap)
improve the user orientation within the site (ex: bread crumb trail)
improve user control and flexibility (ex: language option)
![Page 5: Copenhagen, 6 June 2006 Modern Web standards in CHM portals Mădălina Sauca Finsiel Romania.](https://reader036.fdocuments.in/reader036/viewer/2022082817/56649db45503460f94aa4f61/html5/thumbnails/5.jpg)
5
Usability - Further reading
http://www.useit.com/http://www.usableweb.com/
![Page 6: Copenhagen, 6 June 2006 Modern Web standards in CHM portals Mădălina Sauca Finsiel Romania.](https://reader036.fdocuments.in/reader036/viewer/2022082817/56649db45503460f94aa4f61/html5/thumbnails/6.jpg)
6
Semantic HTML“Semantic Web” refers to Machine-Understandable
information
Semantically correct HTML is important - thinking on how applications (Google for instance) interpret it, more than how users view it
Use the proper HTML tags for certain types of information use of <h1>,<h2> tags for headings, use of <table> only for tabular
information and NOT for the layout design... etc.
![Page 7: Copenhagen, 6 June 2006 Modern Web standards in CHM portals Mădălina Sauca Finsiel Romania.](https://reader036.fdocuments.in/reader036/viewer/2022082817/56649db45503460f94aa4f61/html5/thumbnails/7.jpg)
7
Semantic HTML - Further reading
http://www.ermanz.govt.nz/news-events/archives/presentations/semantichtml.html
http://www.w3.org/2001/sw/
![Page 8: Copenhagen, 6 June 2006 Modern Web standards in CHM portals Mădălina Sauca Finsiel Romania.](https://reader036.fdocuments.in/reader036/viewer/2022082817/56649db45503460f94aa4f61/html5/thumbnails/8.jpg)
8
XHTML (eXtensible Hyper Text Markup Language)
XHTML is a family of document types that reproduce and extend HTML4 and are XML-based
XHTML documents are XML conforming (is designed to work with XML-based user agents and can be validated using XML tools)
Can utilize applications (e.g. scripts and applets) that rely oneither the HTML Document Object Model or the XML Document Object Model
![Page 9: Copenhagen, 6 June 2006 Modern Web standards in CHM portals Mădălina Sauca Finsiel Romania.](https://reader036.fdocuments.in/reader036/viewer/2022082817/56649db45503460f94aa4f61/html5/thumbnails/9.jpg)
9
XHTML - Further reading
http://www.w3.org/TR/xhtml1/
Validation service http://validator.w3.org/
![Page 10: Copenhagen, 6 June 2006 Modern Web standards in CHM portals Mădălina Sauca Finsiel Romania.](https://reader036.fdocuments.in/reader036/viewer/2022082817/56649db45503460f94aa4f61/html5/thumbnails/10.jpg)
10
CSS2The Cascading Style Sheets (CSS) are used for the graphical presentation of website layouts.
Target! Complete separation of the structure from presentation – the CSS should have absolute control over the appearance.
CSS level 2
is used in two major directions: for the elements positioning and for their stylization
builds on CSS1 and, with very few exceptions, all valid CSS1 style sheets are valid CSS2 style sheets
allows information to be presented differently according to the target media (screen, printer, handheld/mobile etc.) and to the client’s settings (alternative layouts, text browsers, etc.)
![Page 11: Copenhagen, 6 June 2006 Modern Web standards in CHM portals Mădălina Sauca Finsiel Romania.](https://reader036.fdocuments.in/reader036/viewer/2022082817/56649db45503460f94aa4f61/html5/thumbnails/11.jpg)
11
CSS2 - Further reading
http://www.w3.org/TR/CSS21/
http://www.w3.org/TR/REC-CSS2/
http://www.w3.org/Style/CSS/
Validation service: http://jigsaw.w3.org/css-validator/