07.00
iLho Hitter
A web standards checklist Sebuah web standar checklist
The term web standards can mean different things to different people. Istilah standar web dapat berarti hal yang berbeda bagi orang yang berbeda. For some, it is 'table-free sites', for others it is 'using valid code'. Bagi sebagian orang, itu adalah 'situs tabel-bebas', untuk orang lain itu adalah 'menggunakan kode yang valid'. However, web standards are much broader than that. Namun, standar web yang lebih luas dari itu. A site built to web standards should adhere to standards (HTML, XHTML, XML, CSS, XSLT, DOM, MathML, SVG etc) and pursue best practices (valid code, accessible code, semantically correct code, user-friendly URLs etc). Sebuah situs yang dibangun dengan standar web harus mematuhi standar (HTML, XHTML, XML, CSS, XSLT, DOM, MathML, SVG dll) dan mengejar praktek terbaik (kode yang valid, kode diakses, secara semantik kode yang benar, user-friendly URL dll).
In other words, a site built to web standards should ideally be lean, clean, CSS-based, accessible, usable and search engine friendly. Dengan kata lain, sebuah situs web yang dibangun untuk standar idealnya harus ramping, bersih, berbasis CSS, mudah diakses, bermanfaat serta search engine friendly.
About the checklist Tentang checklist
This is not an uber-checklist. Ini bukan uber-checklist. There are probably many items that could be added. Ada mungkin banyak item yang bisa ditambahkan. More importantly, it should not be seen as a list of items that must be addressed on every site that you develop. Lebih penting lagi, tidak harus dilihat sebagai daftar item yang harus dibenahi di setiap situs yang Anda kembangkan. It is simply a guide that can be used: Ini hanyalah panduan yang dapat digunakan:
* to show the breadth of web standards * Untuk menunjukkan lebar standar web
* as a handy tool for developers during the production phase of websites * Sebagai alat berguna untuk pengembang selama tahap produksi website
* as an aid for developers who are interested in moving towards web standards * Sebagai bantuan bagi pengembang yang tertarik untuk bergerak ke arah standar web
The checklist Daftar periksa
1.Quality of code 1.Quality kode
1. 1. Does the site use a correct Doctype? Apakah situs tersebut menggunakan DOCTYPE yang benar?
2. 2. Does the site use a Character set? Apakah situs tersebut menggunakan set karakter?
3. 3. Does the site use Valid (X)HTML? Apakah menggunakan situs Valid (X) HTML?
4. 4. Does the site use Valid CSS? Apakah menggunakan situs Valid CSS?
5. 5. Does the site use any CSS hacks? Apakah situs menggunakan CSS hacks?
6. 6. Does the site use unnecessary classes or ids? Apakah situs yang menggunakan kelas yang tidak perlu atau id?
7. 7. Is the code well structured? Kode terstruktur dengan baik?
8. 8. Does the site have any broken links? Apakah situs ini memiliki link rusak?
9. 9. How does the site perform in terms of speed/page size? Bagaimana situs ini tampil di hal kecepatan / ukuran halaman?
10. 10. Does the site have JavaScript errors? Apakah situs tersebut memiliki JavaScript kesalahan?
2. 2. Degree of separation between content and presentation Tingkat pemisahan antara konten dan presentasi
1. 1. Does the site use CSS for all presentation aspects (fonts, colour, padding, borders etc)? Apakah situs menggunakan CSS untuk semua aspek presentasi (font, warna, padding, perbatasan dll)?
2. 2. Are all decorative images in the CSS, or do they appear in the (X)HTML? Apakah semua gambar dekoratif di CSS, atau mereka muncul dalam (X) HTML?
3. 3. Accessibility for users Aksesibilitas untuk pengguna
1. 1. Are "alt" attributes used for all descriptive images? Apakah "alt" atribut yang digunakan untuk semua gambar deskriptif?
2. 2. Does the site use relative units rather than absolute units for text size? Apakah situs menggunakan unit relatif bukan unit mutlak untuk ukuran teks?
3. 3. Do any aspects of the layout break if font size is increased? Apakah ada aspek dari merusak tampilan jika ukuran font meningkat?
4. 4. Does the site use visible skip menus? Apakah menggunakan situs terlihat skip menu?
5. 5. Does the site use accessible forms? Apakah situs menggunakan formulir diakses?
6. 6. Does the site use accessible tables? Apakah situs menggunakan tabel diakses?
7. 7. Is there sufficient colour brightness/contrasts? Apakah ada kecerahan yang cukup warna / kontras?
8. 8. Is colour alone used for critical information? Apakah warna saja digunakan untuk informasi penting?
9. 9. Is there delayed responsiveness for dropdown menus (for users with reduced motor skills)? Apakah ada tertunda tanggap untuk menu dropdown (untuk pengguna dengan keterampilan motorik berkurang)?
10. 10. Are all links descriptive (for blind users)? Apakah semua link deskriptif (untuk pengguna buta)?
4. 4. Accessibility for devices Aksesibilitas untuk perangkat
1. 1. Does the site work acceptably across modern and older browsers? Apakah tempat kerja dapat diterima di seluruh browser modern dan lama?
2. 2. Is the content accessible with CSS switched off or not supported? Apakah konten diakses dengan CSS dinonaktifkan atau tidak didukung?
3. 3. Is the content accessible with images switched off or not supported? Apakah isi diakses dengan gambar dinonaktifkan atau tidak didukung?
4. 4. Does the site work in text browsers such as Lynx? Apakah tempat kerja dalam browser teks seperti Lynx?
5. 5. Does the site work well when printed? Apakah situs bekerja dengan baik bila dicetak?
6. 6. Does the site work well in Hand Held devices? Apakah tempat kerja baik dalam perangkat Hand Held?
7. 7. Does the site include detailed metadata? Apakah situs ini termasuk metadata rinci?
8. 8. Does the site work well in a range of browser window sizes? Apakah tempat kerja dengan baik dalam berbagai ukuran jendela browser?
5. 5. Basic Usability Dasar Usability
1. 1. Is there a clear visual hierarchy? Apakah ada hirarki visual yang jelas?
2. 2. Are heading levels easy to distinguish? Apakah tingkat pos mudah untuk membedakan?
3. 3. Does the site have easy to understand navigation? Apakah situs memiliki navigasi mudah dipahami?
4. 4. Does the site use consistent navigation? Apakah situs menggunakan navigasi konsisten?
5. 5. Are links underlined? Apakah link yang digarisbawahi?
6. 6. Does the site use consistent and appropriate language? Apakah situs tersebut menggunakan bahasa yang konsisten dan tepat?
7. 7. Do you have a sitemap page and contact page? Apakah Anda memiliki halaman sitemap dan halaman kontak? Are they easy to find? Apakah mereka mudah ditemukan?
8. 8. For large sites, is there a search tool? Untuk situs besar, apakah ada alat pencari?
9. 9. Is there a link to the home page on every page in the site? Apakah ada link ke halaman rumah pada setiap halaman di situs ini?
10. 10. Are visited links clearly defined with a unique colour? Apakah dikunjungi jelas dengan warna yang unik?
6. 6. Site management Situs manajemen
1. 1. Does the site have a meaningful and helpful 404 error page that works from any depth in the site? Apakah situs tersebut memiliki halaman 404 kesalahan berarti dan bermanfaat yang bekerja dari kedalaman di situs ini?
2. 2. Does the site use friendly URLs? Apakah situs yang menggunakan URL yang ramah?
3. 3. Do your URLs work without "www"? Melakukan pekerjaan URL Anda tanpa "www"?
4. 4. Does the site have a favicon? Apakah situs memiliki sebuah favicon?
1. 1. Quality of code Kualitas kode
1.1 Does the site use a correct Doctype? 1.1 Apakah situs tersebut menggunakan DOCTYPE yang benar?
A doctype (short for 'document type declaration') informs the validator which version of (X)HTML you're using, and must appear at the very top of every web page. Sebuah DOCTYPE (kependekan dari 'deklarasi tipe dokumen') validator yang menginformasikan versi (X) HTML yang Anda gunakan, dan harus muncul di bagian paling atas dari setiap halaman web. Doctypes are a key component of compliant web pages: your markup and CSS won't validate without them. Doctype merupakan komponen kunci dari halaman web yang sesuai: markup Anda dan CSS tidak akan memvalidasi tanpa mereka.
CODE KODE
http://www.alistapart.com/articles/doctype/ http://www.alistapart.com/articles/doctype/
More: More:
CODE KODE
http://www.w3.org/QA/2002/04/valid-dtd-list.html http://www.w3.org/QA/2002/04/valid-dtd-list.html
CODE KODE
http://css.maxdesign.com.au/listamatic/about-boxmodel.htm http://css.maxdesign.com.au/listamatic/about-boxmodel.htm
CODE KODE
http://gutfeldt.ch/matthias/articles/doctypeswitch.html http://gutfeldt.ch/matthias/articles/doctypeswitch.html
1.2 Does the site use a Character set? 1.2 Apakah situs tersebut menggunakan set karakter?
If a user agent (eg. a browser) is unable to detect the character encoding used in a Web document, the user may be presented with unreadable text. Jika user agent (misalnya browser) tidak dapat mendeteksi encoding karakter yang digunakan dalam dokumen web, pengguna dapat disajikan dengan teks terbaca. This information is particularly important for those maintaining and extending a multilingual site, but declaring the character encoding of the document is important for anyone producing XHTML/HTML or CSS. Informasi ini terutama penting bagi mereka yang memelihara dan memperluas situs multibahasa, tetapi menyatakan pengkodean karakter dokumen penting bagi siapa saja memproduksi XHTML / HTML atau CSS.
CODE KODE
http://www.w3.org/International/tutorials/tutorial-char-enc/ http://www.w3.org/International/tutorials/tutorial-char-enc/
More: More:
CODE KODE
http://www.w3.org/International/O-charset.html http://www.w3.org/International/O-charset.html
1.3 Does the site use Valid (X)HTML? 1.3 Apakah menggunakan situs Valid (X) HTML?
Valid code will render faster than code with errors. kode Valid akan membuat lebih cepat dibandingkan kode dengan kesalahan. Valid code will render better than invalid code. kode Valid akan membuat lebih baik dari kode yang tidak valid. Browsers are becoming more standards compliant, and it is becoming increasingly necessary to write valid and standards compliant HTML. Browser menjadi standar yang lebih sesuai, dan ini menjadi semakin perlu untuk menulis HTML yang valid dan sesuai standar.
CODE KODE
http://www.maxdesign.com.au/presentation/sit2003/06.htm http://www.maxdesign.com.au/presentation/sit2003/06.htm
More: More:
CODE KODE
http://validator.w3.org/ http://validator.w3.org/
1.4 Does the site use Valid CSS? 1.4 Apakah penggunaan situs Valid CSS?
You need to make sure that there aren't any errors in either your HTML or your CSS, since mistakes in either place can result in botched document appearance. Anda perlu memastikan bahwa tidak ada kesalahan baik dalam HTML atau CSS, sejak kesalahan di tempat bisa menghasilkan tampilan dokumen gagal.
CODE KODE
http://www.meyerweb.com/eric/articles/webrev/199904.html http://www.meyerweb.com/eric/articles/webrev/199904.html
More: More:
CODE KODE
http://jigsaw.w3.org/css-validator/ http://jigsaw.w3.org/css-validator/
1.5 Does the site use any CSS hacks? 1.5 Apakah situs menggunakan CSS hacks?
Basically, hacks come down to personal choice, the amount of knowledge you have of workarounds, the specific design you are trying to achieve. Pada dasarnya, hacks datang ke pilihan pribadi, jumlah pengetahuan yang Anda miliki tentang workarounds, desain khusus yang ingin Anda capai.
CODE KODE
http://www.mail-archive.com/wsg@webstandardsgroup.org/msg05823.html http://www.mail-archive.com/wsg @ webstandardsgroup.org/msg05823.html
More: More:
CODE KODE
http://css-discuss.incutio.com/?page=CssHack http://css-discuss.incutio.com/?page=CssHack
CODE KODE
http://css-discuss.incutio.com/?page=ToHackOrNotToHack http://css-discuss.incutio.com/?page=ToHackOrNotToHack
CODE KODE
http://centricle.com/ref/css/filters/ http://centricle.com/ref/css/filters/
1.6 Does the site use unnecessary classes or ids? 1.6 Apakah situs yang menggunakan kelas yang tidak perlu atau id?
I've noticed that developers learning new skills often end up with good CSS but poor XHTML. Aku telah memperhatikan bahwa pengembang belajar keterampilan baru sering berakhir dengan baik XHTML CSS tapi miskin. Specifically, the HTML code tends to be full of unnecessary divs and ids. Secara khusus, kode HTML cenderung penuh divs tidak perlu dan id. This results in fairly meaningless HTML and bloated style sheets. Hal ini menghasilkan HTML yang cukup berarti dan style sheet kembung.
CODE KODE
http://www.clagnut.com/blog/228/ http://www.clagnut.com/blog/228/
1.7 Is the code well structured? 1.7 Apakah kode terstruktur dengan baik?
Semantically correct markup uses html elements for their given purpose. Semantis markup yang benar menggunakan elemen html untuk tujuan mereka diberikan. Well structured HTML has semantic meaning for a wide range of user agents (browsers without style sheets, text browsers, PDAs, search engines etc.) Yah terstruktur HTML memiliki arti semantik untuk berbagai user agents (browser tanpa style sheet, browser teks, PDA, mesin pencarian, dsb)
CODE KODE
http://www.maxdesign.com.au/presentation/benefits/index04.htm http://www.maxdesign.com.au/presentation/benefits/index04.htm
More: More:
CODE KODE
http://www.w3.org/2003/12/semantic-extractor.html http://www.w3.org/2003/12/semantic-extractor.html
1.8 Does the site have any broken links? 1.8 Apakah situs ini memiliki link rusak?
Broken links can frustrate users and potentially drive customers away. Broken link bisa menggagalkan pengguna dan berpotensi mendorong pelanggan pergi. Broken links can also keep search engines from properly indexing your site. Broken link juga dapat menjaga mesin pencari dari benar mengindeks situs Anda.
More: More:
CODE KODE
http://validator.w3.org/checklink http://validator.w3.org/checklink
1.9 How does the site perform in terms of speed/page size? 1.9 Bagaimana situs tampil di hal kecepatan / ukuran halaman?
Don't make me wait... Jangan membuat saya menunggu ... That's the message users give us in survey after survey. Itu pesan pengguna memberi kita dalam survei setelah survei. Even broadband users can suffer the slow-loading blues. Bahkan pengguna broadband dapat menderita blues lambat-loading.
CODE KODE
http://www.websiteoptimization.com/speed/ http://www.websiteoptimization.com/speed/
1.10 Does the site have JavaScript errors? 1.10 Apakah situs tersebut memiliki JavaScript kesalahan?
Internet Explore for Windows allows you to turn on a debugger that will pop up a new window and let you know there are javascript errors on your site. Jelajahi internet untuk Windows memungkinkan Anda untuk mengaktifkan debugger yang akan muncul jendela baru dan membiarkan Anda tahu ada kesalahan javascript di situs Anda. This is available under 'Internet Options' on the Advanced tab. Ini tersedia di bawah 'Internet Options' pada tab Advanced. Uncheck 'Disable script debugging'. Hapus centang 'Disable script debugging'.
2. 2. Degree of separation between content and presentation Tingkat pemisahan antara konten dan presentasi
2.1 Does the site use CSS for all presentation aspects (fonts, colour, padding, borders etc)? 2.1 Apakah situs menggunakan CSS untuk semua aspek presentasi (font, warna, padding, perbatasan dll)?
Use style sheets to control layout and presentation. Gunakan style sheet untuk mengontrol layout dan presentasi.
CODE KODE
http://www.w3.org/TR/WCAG10/wai-pageauth.html#tech-style-sheets http://www.w3.org/TR/WCAG10/wai-pageauth.html # tech-style-sheet
2.2 Are all decorative images in the CSS, or do they appear in the (X)HTML? 2.2 Apakah semua gambar dekoratif di CSS, atau mereka muncul dalam (X) HTML?
The aim for web developers is to remove all presentation from the html code, leaving it clean and semantically correct. Tujuan untuk pengembang web untuk menghapus semua presentasi dari kode html, meninggalkannya bersih dan semantik yang benar.
CODE KODE
http://www.maxdesign.com.au/presentation/benefits/index07.htm http://www.maxdesign.com.au/presentation/benefits/index07.htm
3. 3. Accessibility for users Aksesibilitas untuk pengguna
3.1 Are "alt" attributes used for all descriptive images? 3.1 Apakah "alt" atribut yang digunakan untuk semua gambar deskriptif?
Provide a text equivalent for every non-text element Menyediakan teks ekuivalen untuk setiap elemen non-teks
CODE KODE
http://www.w3.org/TR/WCAG10/wai-pageauth.html#tech-text-equivalent http://www.w3.org/TR/WCAG10/wai-pageauth.html # tech-text-sama
3.2 Does the site use relative units rather than absolute units for text size? 3.2 Apakah situs menggunakan unit relatif bukan unit mutlak untuk ukuran teks?
Use relative rather than absolute units in markup language attribute values and style sheet property values'. Gunakan unit relatif daripada absolut nilai atribut bahasa markup dan nilai properti style sheet '.
CODE KODE
http://www.w3.org/TR/WCAG10/wai-pageauth.html#tech-relative-units http://www.w3.org/TR/WCAG10/wai-pageauth.html # tech-relatif-unit
More: More:
CODE KODE
http://www.w3.org/TR/WCAG10/wai-pageauth.html#tech-relative-units http://www.w3.org/TR/WCAG10/wai-pageauth.html # tech-relatif-unit
CODE KODE
http://www.clagnut.com/blog/348/ http://www.clagnut.com/blog/348/
3.3 Do any aspects of the layout break if font size is increased? 3.3 Apakah ada aspek dari merusak tampilan jika ukuran font meningkat?
Try this simple test. Coba tes sederhana. Look at your website in a browser that supports easy incrementation of font size. Lihatlah website Anda di browser yang mendukung incrementation mudah ukuran font. Now increase your browser's font size. Sekarang meningkatkan ukuran font browser Anda. And again. Dan lagi. And again... Dan lagi ... Look at your site. Lihatlah situs Anda. Does the page layout still hold together? Apakah tata letak halaman masih terus bersama? It is dangerous for developers to assume that everyone browses using default font sizes. Hal ini berbahaya bagi pengembang untuk menganggap semua orang yang menelusuri menggunakan ukuran font default.
3.4 Does the site use visible skip menus? 3.4 Apakah penggunaan situs terlihat skip menu?
A method shall be provided that permits users to skip repetitive navigation links. Sebuah metode harus dilengkapi yang memungkinkan pengguna untuk melewati link navigasi berulang.
CODE KODE
http://www.section508.gov/index.cfm?FuseAction=Content&ID=12 http://www.section508.gov/index.cfm?FuseAction=Content&ID=12
Group related links, identify the group (for user agents), and, until user agents do so, provide a way to bypass the group. link Group terkait, mengidentifikasi kelompok (untuk agen pengguna), dan, sampai agen pengguna melakukannya, menyediakan cara untuk memotong grup.
CODE KODE
http://www.w3.org/TR/WCAG10-TECHS/#tech-group-links http://www.w3.org/TR/WCAG10-TECHS/ # tech-kelompok-link
...blind visitors are not the only ones inconvenienced by too many links in a navigation area. ... Pengunjung buta bukan satu-satunya nyaman oleh terlalu banyak link di area navigasi. Recall that a mobility-impaired person with poor adaptive technology might be stuck tabbing through that morass. Ingat bahwa orang-gangguan mobilitas dengan teknologi adaptif miskin mungkin akan terjebak tabbing melalui rawa itu.
CODE KODE
http://joeclark.org/book/sashay/serialization/Chapter08.html#h4-2020 http://joeclark.org/book/sashay/serialization/Chapter08.html # h4-2020
More: More:
CODE KODE
http://www.niehs.nih.gov/websmith/508/o.htm http://www.niehs.nih.gov/websmith/508/o.htm
3.5 Does the site use accessible forms? 3.5 Apakah situs menggunakan formulir diakses?
Forms aren't the easiest of things to use for people with disabilities. Bentuk bukan hal termudah untuk digunakan bagi penyandang cacat. Navigating around a page with written content is one thing, hopping between form fields and inputting information is another. Menavigasi di halaman dengan konten yang ditulis adalah satu hal, melompat antara bidang bentuk dan memasukkan informasi lain.
CODE KODE
http://www.htmldog.com/guides/htmladvanced/forms/ http://www.htmldog.com/guides/htmladvanced/forms/
More: More:
CODE KODE
http://www.webstandards.org/learn/tutorials/accessible-forms/01-accessible-forms.html http://www.webstandards.org/learn/tutorials/accessible-forms/01-accessible-forms.html
CODE KODE
http://www.accessify.com/tools-and-wizards/accessible-form-builder.asp http://www.accessify.com/tools-and-wizards/accessible-form-builder.asp
CODE KODE
http://accessify.com/tutorials/better-accessible-forms.asp http://accessify.com/tutorials/better-accessible-forms.asp
3.6 Does the site use accessible tables? 3.6 Apakah situs menggunakan tabel diakses?
For data tables, identify row and column headers... Untuk tabel data, mengidentifikasi header baris dan kolom ... For data tables that have two or more logical levels of row or column headers, use markup to associate data cells and header cells. Untuk tabel data yang memiliki dua atau lebih tingkat logis dari header baris atau kolom, gunakan markup untuk mengasosiasikan data sel dan sel header.
CODE KODE
http://www.w3.org/TR/WCAG10/wai-pageauth.html#tech-table-headers http://www.w3.org/TR/WCAG10/wai-pageauth.html # tech-table-headers
More: More:
CODE KODE
http://www.bcc.ctc.edu/webpublishing/ada/resources/tables.asp http://www.bcc.ctc.edu/webpublishing/ada/resources/tables.asp
CODE KODE
http://www.accessify.com/tools-and-wizards/accessible-table-builder_step1.asp http://www.accessify.com/tools-and-wizards/accessible-table-builder_step1.asp
CODE KODE
http://www.webaim.org/techniques/tables/ http://www.webaim.org/techniques/tables/
3.7 Is there sufficient colour brightness/contrasts? 3.7 Apakah ada warna yang cukup kecerahan / kontras?
Ensure that foreground and background colour combinations provide sufficient contrast when viewed by someone having colour deficits. Pastikan bahwa latar depan dan latar belakang kombinasi warna memberikan kontras yang cukup bila dilihat oleh seseorang yang memiliki defisit warna.
CODE KODE
http://www.w3.org/TR/WCAG10/wai-pageauth.html#tech-colour-contrast http://www.w3.org/TR/WCAG10/wai-pageauth.html # tech-warna kontras
More: More:
CODE KODE
http://www.juicystudio.com/services/colourcontrast.asp http://www.juicystudio.com/services/colourcontrast.asp
3.8 Is colour alone used for critical information? 3.8 Apakah warna saja digunakan untuk informasi penting?
Ensure that all information conveyed with colour is also available without colour, for example from context or markup. Pastikan bahwa semua informasi yang disampaikan dengan warna juga tersedia tanpa warna, misalnya dari konteks atau markup.
CODE KODE
http://www.w3.org/TR/WCAG10/wai-pageauth.html#tech-colour-convey http://www.w3.org/TR/WCAG10/wai-pageauth.html # tech-warna-menyampaikan
There are basically three types of colour deficiency; Deuteranope (a form of red/green colour deficit), Protanope (another form of red/green colour deficit) and Tritanope (a blue/yellow deficit- very rare). Pada dasarnya ada tiga jenis defisiensi warna; Deuteranope (bentuk merah / defisit warna hijau), Protanope (bentuk lain dari merah / defisit warna hijau) dan Tritanope (biru / kuning defisit-sangat jarang).
More: More:
CODE KODE
http://colourfilter.wickline.org/ http://colourfilter.wickline.org/
CODE KODE
http://www.toledo-bend.com/colourblind/Ishihara.html http://www.toledo-bend.com/colourblind/Ishihara.html
CODE KODE
http://www.vischeck.com/vischeck/vischeckURL.php http://www.vischeck.com/vischeck/vischeckURL.php
3.9 Is there delayed responsiveness for dropdown menus? 3.9 Apakah ada respon tertunda untuk menu dropdown?
Users with reduced motor skills may find dropdown menus hard to use if responsiveness is set too fast. Pengguna dengan keterampilan motorik berkurang mungkin menemukan menu dropdown sulit untuk digunakan jika daya tanggap disetel terlalu cepat.
3.10 Are all links descriptive? 3.10 Apakah semua link deskriptif?
Link text should be meaningful enough to make sense when read out of context - either on its own or as part of a sequence of links. Link teks harus bermakna cukup masuk akal kalau dibaca di luar konteks - baik sendiri atau sebagai bagian dari urutan link. Link text should also be terse. Link teks juga harus tegas.
CODE KODE
http://www.w3.org/TR/WCAG10/wai-pageauth.html#tech-meaningful-links http://www.w3.org/TR/WCAG10/wai-pageauth.html # tech-bermakna-link
4. 4. Accessibility for devices. Aksesibilitas untuk perangkat.
4.1 Does the site work acceptably across modern and older browsers? 4.1 Apakah tempat kerja dapat diterima di seluruh browser modern dan lama?
Before starting to build a CSS-based layout, you should decide which browsers to support and to what level you intend to support them. Sebelum memulai membangun sebuah layout berbasis CSS, Anda harus memutuskan yang browser untuk mendukung dan tingkat apa yang Anda berniat untuk mendukung mereka.
CODE KODE
http://www.maxdesign.com.au/presentation/process/index_step01.cfm http://www.maxdesign.com.au/presentation/process/index_step01.cfm
4.2 Is the content accessible with CSS switched off or not supported? 4.2 Apakah isi diakses dengan CSS dinonaktifkan atau tidak didukung?
Some people may visit your site with either a browser that does not support CSS or a browser with CSS switched off. Beberapa orang mungkin mengunjungi situs Anda dengan baik browser yang tidak mendukung CSS atau browser dengan CSS dimatikan. In content is structured well, this will not be an issue. Dalam konten terstruktur dengan baik, ini tidak akan menjadi masalah.
4.3 Is the content accessible with images switched off or not supported? 4.3 Apakah isi diakses dengan gambar dinonaktifkan atau tidak didukung?
Some people browse websites with images switched off - especially people on very slow connections. Beberapa orang browsing situs web dengan gambar dimatikan - terutama orang-orang di koneksi sangat lambat. Content should still be accessible for these people. Konten harus tetap dapat diakses untuk orang-orang ini.
4.4 Does the site work in text browsers such as Lynx? 4.4 Apakah tempat kerja dalam browser teks seperti Lynx?
This is like a combination of images and CSS switched off. Ini seperti kombinasi gambar dan CSS dimatikan. A text-based browser will rely on well structured content to provide meaning. Sebuah browser berbasis teks akan bergantung pada konten terstruktur dengan baik untuk memberikan makna.
More: More:
CODE KODE
http://www.delorie.com/web/lynxview http://www.delorie.com/web/lynxview
4.5 Does the site work well when printed? 4.5 Apakah tempat kerja baik ketika dicetak?
You can take any (X)HTML document and simply style it for print, without having to touch the markup. Anda dapat mengambil dokumen (X) HTML dan hanya gaya untuk mencetak, tanpa harus menyentuh markup.
CODE KODE
http://www.alistapart.com/articles/goingtoprint/ http://www.alistapart.com/articles/goingtoprint/
More: More:
CODE KODE
http://www.d.umn.edu/itss/support/Training/Online/webdesign/css.html#print http://www.d.umn.edu/itss/support/Training/Online/webdesign/css.html # cetak
4.6 Does the site work well in Hand Held devices? 4.6 Apakah tempat kerja baik dalam perangkat Hand Held?
This is a hard one to deal with until hand held devices consistently support their correct media type. Ini adalah satu sulit untuk menangani sampai tangan perangkat diselenggarakan secara konsisten mendukung jenis media yang benar. However, some layouts work better in current hand-held devices. Namun, beberapa layout bekerja lebih baik di perangkat genggam saat ini. The importance of supporting hand held devices will depend on target audiences. Pentingnya tangan mendukung diadakan perangkat akan tergantung pada khalayak sasaran.
4.7 Does the site include detailed metadata? 4.7 Apakah situs ini termasuk metadata rinci?
Metadata is machine understandable information for the web Metadata adalah mesin informasi dimengerti untuk web
CODE KODE
http://www.w3.org/Metadata/ http://www.w3.org/Metadata/
Metadata is structured information that is created specifically to describe another resource. Metadata adalah informasi terstruktur yang diciptakan khusus untuk menggambarkan sumber daya lain. In other words, metadata is 'data about data'. Dengan kata lain, metadata adalah "data tentang data '.
4.8 Does the site work well in a range of browser window sizes? 4.8 Apakah situs bekerja baik dalam berbagai ukuran jendela browser?
It is a common assumption amongst developers that average screen sizes are increasing. Ini adalah asumsi umum di kalangan pengembang bahwa ukuran layar rata-rata meningkat. Some developers assume that the average screen size is now 1024px wide. Beberapa pengembang berasumsi bahwa rata-rata ukuran layar sekarang 1024px lebar. But what about users with smaller screens and users with hand held devices? Tapi apa tentang pengguna dengan layar yang lebih kecil dan pengguna dengan perangkat tangan diadakan? Are they part of your target audience and are they being disadvantaged? Apakah mereka bagian dari target audiens Anda dan apakah mereka yang dirugikan?
5. 5. Basic Usability Dasar Usability
5.1 Is there a clear visual hierarchy? 5.1 Apakah ada hirarki visual yang jelas?
Organise and prioritise the contents of a page by using size, prominence and content relationships. Mengatur dan memprioritaskan isi halaman dengan menggunakan ukuran, menonjol dan hubungan konten.
CODE KODE
http://www.great-web-design-tips.com/web-site-design/165.html http://www.great-web-design-tips.com/web-site-design/165.html
5.2 Are heading levels easy to distinguish? 5.2 Apakah pos tingkat mudah untuk membedakan?
Use header elements to convey document structure and use them according to specification. Gunakan elemen header untuk menyampaikan struktur dokumen dan menggunakannya sesuai dengan spesifikasi.
CODE KODE
http://www.w3.org/TR/WCAG10/wai-pageauth.html#tech-logical-headings http://www.w3.org/TR/WCAG10/wai-pageauth.html # tech-logis-pos
5.3 Is the site's navigation easy to understand? 5.3 Apakah navigasi situs mudah dimengerti?
Your navigation system should give your visitor a clue as to what page of the site they are currently on and where they can go next. sistem navigasi Anda harus memberikan pengunjung anda sebuah petunjuk tentang apa yang halaman situs mereka saat ini dan di mana mereka bisa pergi.
CODE KODE
http://www.1stsitefree.com/design_nav.htm http://www.1stsitefree.com/design_nav.htm
5.4 Is the site's navigation consistent? 5.4 Apakah navigasi situs konsisten?
If each page on your site has a consistent style of presentation, visitors will find it easier to navigate between pages and find information Jika setiap halaman di situs Anda memiliki gaya yang konsisten dari presentasi, pengunjung akan lebih mudah untuk menavigasi antara halaman dan menemukan informasi
CODE KODE
http://www.juicystudio.com/tutorial/accessibility/navigation.asp http://www.juicystudio.com/tutorial/accessibility/navigation.asp
5.5 Does the site use consistent and appropriate language? 5.5 Apakah situs tersebut menggunakan bahasa yang konsisten dan tepat?
The use of clear and simple language promotes effective communication. Penggunaan bahasa yang jelas dan sederhana mempromosikan komunikasi yang efektif. Trying to come across as articulate can be as difficult to read as poorly written grammar, especially if the language used isn't the visitor's primary language. Mencoba untuk tampil sebagai mengartikulasikan bisa sama sulit untuk membaca tata bahasa seperti yang ditulis dengan buruk, terutama jika bahasa yang digunakan bukan bahasa utama pengunjung.
CODE KODE
http://www.juicystudio.com/tutorial/accessibility/clear.asp http://www.juicystudio.com/tutorial/accessibility/clear.asp
5.6 Does the site have a sitemap page and contact page? 5.6 Apakah situs tersebut memiliki halaman sitemap dan halaman kontak? Are they easy to find? Apakah mereka mudah ditemukan?
Most site maps fail to convey multiple levels of the site's information architecture. peta situs Kebanyakan gagal untuk menyampaikan beberapa tingkat arsitektur informasi situs. In usability tests, users often overlook site maps or can't find them. Dalam uji kegunaan, pengguna sering mengabaikan peta situs atau tidak dapat menemukan mereka. Complexity is also a problem: a map should be a map, not a navigational challenge of its own. Kompleksitas juga merupakan masalah: peta harus peta, bukan navigasi tantangan sendiri.
CODE KODE
http://www.useit.com/alertbox/20020106.html http://www.useit.com/alertbox/20020106.html
5.7 For large sites, is there a search tool? 5.7 Untuk situs besar, apakah ada alat pencari?
While search tools are not needed on smaller sites, and some people will not ever use them, site-specific search tools allow users a choice of navigation options. Sementara alat-alat pencarian tidak diperlukan di situs yang lebih kecil, dan beberapa orang tidak akan pernah menggunakannya, alat-alat pencarian situs khusus memungkinkan pengguna pilihan pilihan navigasi.
5.8 Is there a link to the home page on every page in the site? 5.8 Apakah ada link ke halaman rumah pada setiap halaman di situs ini?
Some users like to go back to a site's home page after navigating to content within a site. Beberapa pengguna ingin kembali ke halaman muka situs setelah navigasi ke konten dalam sebuah situs. The home page becomes a base camp for these users, allowing them to regroup before exploring new content. Halaman rumah menjadi base camp bagi para pengguna, yang memungkinkan mereka untuk berkumpul kembali sebelum menjelajahi konten baru.
5.9 Are links underlined? 5.9 Apakah link digarisbawahi?
To maximise the perceived affordance of clickability, colour and underline the link text. Untuk memaksimalkan affordance dirasakan Clickability, warna dan menggarisbawahi teks link. Users shouldn't have to guess or scrub the page to find out where they can click. Pengguna tidak perlu menebak atau menggosok halaman untuk mencari tahu di mana mereka dapat mengklik.
CODE KODE
http://www.useit.com/alertbox/20040510.html http://www.useit.com/alertbox/20040510.html
5.10 Are visited links clearly defined? 5.10 Apakah dikunjungi ditetapkan dengan jelas?
Most important, knowing which pages they've already visited frees users from unintentionally revisiting the same pages over and over again. Yang paling penting, mengetahui halaman mana yang mereka telah dikunjungi membebaskan pengguna dari sengaja mengunjungi kembali halaman yang sama berulang-ulang.
CODE KODE
http://www.useit.com/alertbox/20040503.html http://www.useit.com/alertbox/20040503.html
6. 6. Site management Situs manajemen
6.1 Does the site have a meaningful and helpful 404 error page that works from any depth in the site? 6.1 Apakah situs tersebut memiliki halaman 404 kesalahan berarti dan bermanfaat yang bekerja dari kedalaman di situs ini?
You've requested a page - either by typing a URL directly into the address bar or clicking on an out-of-date link and you've found yourself in the middle of cyberspace nowhere. Anda telah meminta halaman - baik dengan mengetik URL secara langsung ke address bar atau mengklik pada link out-of-date dan Anda telah menemukan diri Anda sendiri di tengah dunia maya tempat. A user-friendly website will give you a helping hand while many others will simply do nothing, relying on the browser's built-in ability to explain what the problem is. Sebuah website yang user-friendly akan memberikan uluran tangan sementara banyak orang lain hanya akan melakukan apa-apa, bergantung pada browser built-in kemampuan untuk menjelaskan apa masalahnya.
CODE KODE
http://www.alistapart.com/articles/perfect404/ http://www.alistapart.com/articles/perfect404/
6.2 Does the site use friendly URLs? 6.2 Apakah situs yang menggunakan URL yang ramah?
Most search engines (with a few exceptions - namely Google) will not index any pages that have a question mark or other character (like an ampersand or equals sign) in the URL... Sebagian besar mesin pencari (dengan beberapa pengecualian - yaitu Google) tidak akan mengindeks halaman yang memiliki tanda tanya atau karakter lain (seperti ampersand atau tanda sama dengan) dalam URL ... what good is a site if no one can find it? apa yang baik adalah sebuah situs jika tidak ada yang bisa menemukannya?
CODE KODE
http://www.sitepoint.com/article/search-engine-friendly-urls http://www.sitepoint.com/article/search-engine-friendly-urls
One of the worst elements of the web from a user interface standpoint is the URL. Salah satu unsur terburuk dari web dari sudut pandang antarmuka pengguna adalah URL. However, if they're short, logical, and self-correcting, URLs can be acceptably usable Namun, jika mereka pendek, logis, dan mengoreksi diri, URL dapat digunakan dapat diterima
CODE KODE
http://www.merges.net/theory/20010305.html http://www.merges.net/theory/20010305.html
More: More:
CODE KODE
http://www.sitepoint.com/article/search-engine-friendly-urls http://www.sitepoint.com/article/search-engine-friendly-urls
CODE KODE
http://www.websitegoodies.com/article/32 http://www.websitegoodies.com/article/32
CODE KODE
http://www.merges.net/theory/20010305.html http://www.merges.net/theory/20010305.html
6.3 Does the site's URL work without "www"? 6.3 Apakah pekerjaan URL situs tanpa "www"?
While this is not critical, and in some cases is not even possible, it is always good to give people the choice of both options. Meskipun ini tidak kritis, dan dalam beberapa kasus bahkan tidak mungkin, adalah selalu baik untuk memberi orang pilihan kedua pilihan. If a user types your domain name without the www and gets no site, this could disadvantage both the user and you. Jika jenis pengguna nama domain Anda tanpa www dan mendapatkan situs tidak, ini bisa merugikan baik pengguna dan Anda.
6.4 Does the site have a favicon? 6.4 Apakah situs memiliki sebuah favicon?
A Favicon is a multi-resolution image included on nearly all professionally developed sites. Sebuah Favicon adalah gambar multi-resolusi disertakan di hampir semua situs profesional dikembangkan. The Favicon allows the webmaster to further promote their site, and to create a more customized appearance within a visitor's browser. The Favicon memungkinkan webmaster untuk lebih mempromosikan situs mereka, dan untuk menciptakan tampilan yang lebih disesuaikan dalam browser pengunjung.
CODE KODE
http://www.favicon.com/ http://www.favicon.com/
Favicons are definitely not critical. Favicons pasti tidak kritis. However, if they are not present, they can cause 404 errors in your logs (site statistics). Namun, jika mereka tidak hadir, mereka dapat menyebabkan 404 kesalahan dalam Anda log (statistik situs). Browsers like IE will request them from the server when a site is bookmarked. Browser seperti IE akan meminta mereka dari server bila sebuah situs adalah bookmarked. If a favicon isn't available, a 404 error may be generated. Jika favicon tidak tersedia, kesalahan 404 dapat dihasilkan. Therefore, having a favicon could cut down on favicon specific 404 errors. Oleh karena itu, memiliki favicon bisa mengurangi favicon 404 kesalahan tertentu. The same is true of a 'robots.txt' file. Hal yang sama berlaku untuk file 'robots.txt'.
The term web standards can mean different things to different people. Istilah standar web dapat berarti hal yang berbeda bagi orang yang berbeda. For some, it is 'table-free sites', for others it is 'using valid code'. Bagi sebagian orang, itu adalah 'situs tabel-bebas', untuk orang lain itu adalah 'menggunakan kode yang valid'. However, web standards are much broader than that. Namun, standar web yang lebih luas dari itu. A site built to web standards should adhere to standards (HTML, XHTML, XML, CSS, XSLT, DOM, MathML, SVG etc) and pursue best practices (valid code, accessible code, semantically correct code, user-friendly URLs etc). Sebuah situs yang dibangun dengan standar web harus mematuhi standar (HTML, XHTML, XML, CSS, XSLT, DOM, MathML, SVG dll) dan mengejar praktek terbaik (kode yang valid, kode diakses, secara semantik kode yang benar, user-friendly URL dll).
In other words, a site built to web standards should ideally be lean, clean, CSS-based, accessible, usable and search engine friendly. Dengan kata lain, sebuah situs web yang dibangun untuk standar idealnya harus ramping, bersih, berbasis CSS, mudah diakses, bermanfaat serta search engine friendly.
About the checklist Tentang checklist
This is not an uber-checklist. Ini bukan uber-checklist. There are probably many items that could be added. Ada mungkin banyak item yang bisa ditambahkan. More importantly, it should not be seen as a list of items that must be addressed on every site that you develop. Lebih penting lagi, tidak harus dilihat sebagai daftar item yang harus dibenahi di setiap situs yang Anda kembangkan. It is simply a guide that can be used: Ini hanyalah panduan yang dapat digunakan:
* to show the breadth of web standards * Untuk menunjukkan lebar standar web
* as a handy tool for developers during the production phase of websites * Sebagai alat berguna untuk pengembang selama tahap produksi website
* as an aid for developers who are interested in moving towards web standards * Sebagai bantuan bagi pengembang yang tertarik untuk bergerak ke arah standar web
The checklist Daftar periksa
1.Quality of code 1.Quality kode
1. 1. Does the site use a correct Doctype? Apakah situs tersebut menggunakan DOCTYPE yang benar?
2. 2. Does the site use a Character set? Apakah situs tersebut menggunakan set karakter?
3. 3. Does the site use Valid (X)HTML? Apakah menggunakan situs Valid (X) HTML?
4. 4. Does the site use Valid CSS? Apakah menggunakan situs Valid CSS?
5. 5. Does the site use any CSS hacks? Apakah situs menggunakan CSS hacks?
6. 6. Does the site use unnecessary classes or ids? Apakah situs yang menggunakan kelas yang tidak perlu atau id?
7. 7. Is the code well structured? Kode terstruktur dengan baik?
8. 8. Does the site have any broken links? Apakah situs ini memiliki link rusak?
9. 9. How does the site perform in terms of speed/page size? Bagaimana situs ini tampil di hal kecepatan / ukuran halaman?
10. 10. Does the site have JavaScript errors? Apakah situs tersebut memiliki JavaScript kesalahan?
2. 2. Degree of separation between content and presentation Tingkat pemisahan antara konten dan presentasi
1. 1. Does the site use CSS for all presentation aspects (fonts, colour, padding, borders etc)? Apakah situs menggunakan CSS untuk semua aspek presentasi (font, warna, padding, perbatasan dll)?
2. 2. Are all decorative images in the CSS, or do they appear in the (X)HTML? Apakah semua gambar dekoratif di CSS, atau mereka muncul dalam (X) HTML?
3. 3. Accessibility for users Aksesibilitas untuk pengguna
1. 1. Are "alt" attributes used for all descriptive images? Apakah "alt" atribut yang digunakan untuk semua gambar deskriptif?
2. 2. Does the site use relative units rather than absolute units for text size? Apakah situs menggunakan unit relatif bukan unit mutlak untuk ukuran teks?
3. 3. Do any aspects of the layout break if font size is increased? Apakah ada aspek dari merusak tampilan jika ukuran font meningkat?
4. 4. Does the site use visible skip menus? Apakah menggunakan situs terlihat skip menu?
5. 5. Does the site use accessible forms? Apakah situs menggunakan formulir diakses?
6. 6. Does the site use accessible tables? Apakah situs menggunakan tabel diakses?
7. 7. Is there sufficient colour brightness/contrasts? Apakah ada kecerahan yang cukup warna / kontras?
8. 8. Is colour alone used for critical information? Apakah warna saja digunakan untuk informasi penting?
9. 9. Is there delayed responsiveness for dropdown menus (for users with reduced motor skills)? Apakah ada tertunda tanggap untuk menu dropdown (untuk pengguna dengan keterampilan motorik berkurang)?
10. 10. Are all links descriptive (for blind users)? Apakah semua link deskriptif (untuk pengguna buta)?
4. 4. Accessibility for devices Aksesibilitas untuk perangkat
1. 1. Does the site work acceptably across modern and older browsers? Apakah tempat kerja dapat diterima di seluruh browser modern dan lama?
2. 2. Is the content accessible with CSS switched off or not supported? Apakah konten diakses dengan CSS dinonaktifkan atau tidak didukung?
3. 3. Is the content accessible with images switched off or not supported? Apakah isi diakses dengan gambar dinonaktifkan atau tidak didukung?
4. 4. Does the site work in text browsers such as Lynx? Apakah tempat kerja dalam browser teks seperti Lynx?
5. 5. Does the site work well when printed? Apakah situs bekerja dengan baik bila dicetak?
6. 6. Does the site work well in Hand Held devices? Apakah tempat kerja baik dalam perangkat Hand Held?
7. 7. Does the site include detailed metadata? Apakah situs ini termasuk metadata rinci?
8. 8. Does the site work well in a range of browser window sizes? Apakah tempat kerja dengan baik dalam berbagai ukuran jendela browser?
5. 5. Basic Usability Dasar Usability
1. 1. Is there a clear visual hierarchy? Apakah ada hirarki visual yang jelas?
2. 2. Are heading levels easy to distinguish? Apakah tingkat pos mudah untuk membedakan?
3. 3. Does the site have easy to understand navigation? Apakah situs memiliki navigasi mudah dipahami?
4. 4. Does the site use consistent navigation? Apakah situs menggunakan navigasi konsisten?
5. 5. Are links underlined? Apakah link yang digarisbawahi?
6. 6. Does the site use consistent and appropriate language? Apakah situs tersebut menggunakan bahasa yang konsisten dan tepat?
7. 7. Do you have a sitemap page and contact page? Apakah Anda memiliki halaman sitemap dan halaman kontak? Are they easy to find? Apakah mereka mudah ditemukan?
8. 8. For large sites, is there a search tool? Untuk situs besar, apakah ada alat pencari?
9. 9. Is there a link to the home page on every page in the site? Apakah ada link ke halaman rumah pada setiap halaman di situs ini?
10. 10. Are visited links clearly defined with a unique colour? Apakah dikunjungi jelas dengan warna yang unik?
6. 6. Site management Situs manajemen
1. 1. Does the site have a meaningful and helpful 404 error page that works from any depth in the site? Apakah situs tersebut memiliki halaman 404 kesalahan berarti dan bermanfaat yang bekerja dari kedalaman di situs ini?
2. 2. Does the site use friendly URLs? Apakah situs yang menggunakan URL yang ramah?
3. 3. Do your URLs work without "www"? Melakukan pekerjaan URL Anda tanpa "www"?
4. 4. Does the site have a favicon? Apakah situs memiliki sebuah favicon?
1. 1. Quality of code Kualitas kode
1.1 Does the site use a correct Doctype? 1.1 Apakah situs tersebut menggunakan DOCTYPE yang benar?
A doctype (short for 'document type declaration') informs the validator which version of (X)HTML you're using, and must appear at the very top of every web page. Sebuah DOCTYPE (kependekan dari 'deklarasi tipe dokumen') validator yang menginformasikan versi (X) HTML yang Anda gunakan, dan harus muncul di bagian paling atas dari setiap halaman web. Doctypes are a key component of compliant web pages: your markup and CSS won't validate without them. Doctype merupakan komponen kunci dari halaman web yang sesuai: markup Anda dan CSS tidak akan memvalidasi tanpa mereka.
CODE KODE
http://www.alistapart.com/articles/doctype/ http://www.alistapart.com/articles/doctype/
More: More:
CODE KODE
http://www.w3.org/QA/2002/04/valid-dtd-list.html http://www.w3.org/QA/2002/04/valid-dtd-list.html
CODE KODE
http://css.maxdesign.com.au/listamatic/about-boxmodel.htm http://css.maxdesign.com.au/listamatic/about-boxmodel.htm
CODE KODE
http://gutfeldt.ch/matthias/articles/doctypeswitch.html http://gutfeldt.ch/matthias/articles/doctypeswitch.html
1.2 Does the site use a Character set? 1.2 Apakah situs tersebut menggunakan set karakter?
If a user agent (eg. a browser) is unable to detect the character encoding used in a Web document, the user may be presented with unreadable text. Jika user agent (misalnya browser) tidak dapat mendeteksi encoding karakter yang digunakan dalam dokumen web, pengguna dapat disajikan dengan teks terbaca. This information is particularly important for those maintaining and extending a multilingual site, but declaring the character encoding of the document is important for anyone producing XHTML/HTML or CSS. Informasi ini terutama penting bagi mereka yang memelihara dan memperluas situs multibahasa, tetapi menyatakan pengkodean karakter dokumen penting bagi siapa saja memproduksi XHTML / HTML atau CSS.
CODE KODE
http://www.w3.org/International/tutorials/tutorial-char-enc/ http://www.w3.org/International/tutorials/tutorial-char-enc/
More: More:
CODE KODE
http://www.w3.org/International/O-charset.html http://www.w3.org/International/O-charset.html
1.3 Does the site use Valid (X)HTML? 1.3 Apakah menggunakan situs Valid (X) HTML?
Valid code will render faster than code with errors. kode Valid akan membuat lebih cepat dibandingkan kode dengan kesalahan. Valid code will render better than invalid code. kode Valid akan membuat lebih baik dari kode yang tidak valid. Browsers are becoming more standards compliant, and it is becoming increasingly necessary to write valid and standards compliant HTML. Browser menjadi standar yang lebih sesuai, dan ini menjadi semakin perlu untuk menulis HTML yang valid dan sesuai standar.
CODE KODE
http://www.maxdesign.com.au/presentation/sit2003/06.htm http://www.maxdesign.com.au/presentation/sit2003/06.htm
More: More:
CODE KODE
http://validator.w3.org/ http://validator.w3.org/
1.4 Does the site use Valid CSS? 1.4 Apakah penggunaan situs Valid CSS?
You need to make sure that there aren't any errors in either your HTML or your CSS, since mistakes in either place can result in botched document appearance. Anda perlu memastikan bahwa tidak ada kesalahan baik dalam HTML atau CSS, sejak kesalahan di tempat bisa menghasilkan tampilan dokumen gagal.
CODE KODE
http://www.meyerweb.com/eric/articles/webrev/199904.html http://www.meyerweb.com/eric/articles/webrev/199904.html
More: More:
CODE KODE
http://jigsaw.w3.org/css-validator/ http://jigsaw.w3.org/css-validator/
1.5 Does the site use any CSS hacks? 1.5 Apakah situs menggunakan CSS hacks?
Basically, hacks come down to personal choice, the amount of knowledge you have of workarounds, the specific design you are trying to achieve. Pada dasarnya, hacks datang ke pilihan pribadi, jumlah pengetahuan yang Anda miliki tentang workarounds, desain khusus yang ingin Anda capai.
CODE KODE
http://www.mail-archive.com/wsg@webstandardsgroup.org/msg05823.html http://www.mail-archive.com/wsg @ webstandardsgroup.org/msg05823.html
More: More:
CODE KODE
http://css-discuss.incutio.com/?page=CssHack http://css-discuss.incutio.com/?page=CssHack
CODE KODE
http://css-discuss.incutio.com/?page=ToHackOrNotToHack http://css-discuss.incutio.com/?page=ToHackOrNotToHack
CODE KODE
http://centricle.com/ref/css/filters/ http://centricle.com/ref/css/filters/
1.6 Does the site use unnecessary classes or ids? 1.6 Apakah situs yang menggunakan kelas yang tidak perlu atau id?
I've noticed that developers learning new skills often end up with good CSS but poor XHTML. Aku telah memperhatikan bahwa pengembang belajar keterampilan baru sering berakhir dengan baik XHTML CSS tapi miskin. Specifically, the HTML code tends to be full of unnecessary divs and ids. Secara khusus, kode HTML cenderung penuh divs tidak perlu dan id. This results in fairly meaningless HTML and bloated style sheets. Hal ini menghasilkan HTML yang cukup berarti dan style sheet kembung.
CODE KODE
http://www.clagnut.com/blog/228/ http://www.clagnut.com/blog/228/
1.7 Is the code well structured? 1.7 Apakah kode terstruktur dengan baik?
Semantically correct markup uses html elements for their given purpose. Semantis markup yang benar menggunakan elemen html untuk tujuan mereka diberikan. Well structured HTML has semantic meaning for a wide range of user agents (browsers without style sheets, text browsers, PDAs, search engines etc.) Yah terstruktur HTML memiliki arti semantik untuk berbagai user agents (browser tanpa style sheet, browser teks, PDA, mesin pencarian, dsb)
CODE KODE
http://www.maxdesign.com.au/presentation/benefits/index04.htm http://www.maxdesign.com.au/presentation/benefits/index04.htm
More: More:
CODE KODE
http://www.w3.org/2003/12/semantic-extractor.html http://www.w3.org/2003/12/semantic-extractor.html
1.8 Does the site have any broken links? 1.8 Apakah situs ini memiliki link rusak?
Broken links can frustrate users and potentially drive customers away. Broken link bisa menggagalkan pengguna dan berpotensi mendorong pelanggan pergi. Broken links can also keep search engines from properly indexing your site. Broken link juga dapat menjaga mesin pencari dari benar mengindeks situs Anda.
More: More:
CODE KODE
http://validator.w3.org/checklink http://validator.w3.org/checklink
1.9 How does the site perform in terms of speed/page size? 1.9 Bagaimana situs tampil di hal kecepatan / ukuran halaman?
Don't make me wait... Jangan membuat saya menunggu ... That's the message users give us in survey after survey. Itu pesan pengguna memberi kita dalam survei setelah survei. Even broadband users can suffer the slow-loading blues. Bahkan pengguna broadband dapat menderita blues lambat-loading.
CODE KODE
http://www.websiteoptimization.com/speed/ http://www.websiteoptimization.com/speed/
1.10 Does the site have JavaScript errors? 1.10 Apakah situs tersebut memiliki JavaScript kesalahan?
Internet Explore for Windows allows you to turn on a debugger that will pop up a new window and let you know there are javascript errors on your site. Jelajahi internet untuk Windows memungkinkan Anda untuk mengaktifkan debugger yang akan muncul jendela baru dan membiarkan Anda tahu ada kesalahan javascript di situs Anda. This is available under 'Internet Options' on the Advanced tab. Ini tersedia di bawah 'Internet Options' pada tab Advanced. Uncheck 'Disable script debugging'. Hapus centang 'Disable script debugging'.
2. 2. Degree of separation between content and presentation Tingkat pemisahan antara konten dan presentasi
2.1 Does the site use CSS for all presentation aspects (fonts, colour, padding, borders etc)? 2.1 Apakah situs menggunakan CSS untuk semua aspek presentasi (font, warna, padding, perbatasan dll)?
Use style sheets to control layout and presentation. Gunakan style sheet untuk mengontrol layout dan presentasi.
CODE KODE
http://www.w3.org/TR/WCAG10/wai-pageauth.html#tech-style-sheets http://www.w3.org/TR/WCAG10/wai-pageauth.html # tech-style-sheet
2.2 Are all decorative images in the CSS, or do they appear in the (X)HTML? 2.2 Apakah semua gambar dekoratif di CSS, atau mereka muncul dalam (X) HTML?
The aim for web developers is to remove all presentation from the html code, leaving it clean and semantically correct. Tujuan untuk pengembang web untuk menghapus semua presentasi dari kode html, meninggalkannya bersih dan semantik yang benar.
CODE KODE
http://www.maxdesign.com.au/presentation/benefits/index07.htm http://www.maxdesign.com.au/presentation/benefits/index07.htm
3. 3. Accessibility for users Aksesibilitas untuk pengguna
3.1 Are "alt" attributes used for all descriptive images? 3.1 Apakah "alt" atribut yang digunakan untuk semua gambar deskriptif?
Provide a text equivalent for every non-text element Menyediakan teks ekuivalen untuk setiap elemen non-teks
CODE KODE
http://www.w3.org/TR/WCAG10/wai-pageauth.html#tech-text-equivalent http://www.w3.org/TR/WCAG10/wai-pageauth.html # tech-text-sama
3.2 Does the site use relative units rather than absolute units for text size? 3.2 Apakah situs menggunakan unit relatif bukan unit mutlak untuk ukuran teks?
Use relative rather than absolute units in markup language attribute values and style sheet property values'. Gunakan unit relatif daripada absolut nilai atribut bahasa markup dan nilai properti style sheet '.
CODE KODE
http://www.w3.org/TR/WCAG10/wai-pageauth.html#tech-relative-units http://www.w3.org/TR/WCAG10/wai-pageauth.html # tech-relatif-unit
More: More:
CODE KODE
http://www.w3.org/TR/WCAG10/wai-pageauth.html#tech-relative-units http://www.w3.org/TR/WCAG10/wai-pageauth.html # tech-relatif-unit
CODE KODE
http://www.clagnut.com/blog/348/ http://www.clagnut.com/blog/348/
3.3 Do any aspects of the layout break if font size is increased? 3.3 Apakah ada aspek dari merusak tampilan jika ukuran font meningkat?
Try this simple test. Coba tes sederhana. Look at your website in a browser that supports easy incrementation of font size. Lihatlah website Anda di browser yang mendukung incrementation mudah ukuran font. Now increase your browser's font size. Sekarang meningkatkan ukuran font browser Anda. And again. Dan lagi. And again... Dan lagi ... Look at your site. Lihatlah situs Anda. Does the page layout still hold together? Apakah tata letak halaman masih terus bersama? It is dangerous for developers to assume that everyone browses using default font sizes. Hal ini berbahaya bagi pengembang untuk menganggap semua orang yang menelusuri menggunakan ukuran font default.
3.4 Does the site use visible skip menus? 3.4 Apakah penggunaan situs terlihat skip menu?
A method shall be provided that permits users to skip repetitive navigation links. Sebuah metode harus dilengkapi yang memungkinkan pengguna untuk melewati link navigasi berulang.
CODE KODE
http://www.section508.gov/index.cfm?FuseAction=Content&ID=12 http://www.section508.gov/index.cfm?FuseAction=Content&ID=12
Group related links, identify the group (for user agents), and, until user agents do so, provide a way to bypass the group. link Group terkait, mengidentifikasi kelompok (untuk agen pengguna), dan, sampai agen pengguna melakukannya, menyediakan cara untuk memotong grup.
CODE KODE
http://www.w3.org/TR/WCAG10-TECHS/#tech-group-links http://www.w3.org/TR/WCAG10-TECHS/ # tech-kelompok-link
...blind visitors are not the only ones inconvenienced by too many links in a navigation area. ... Pengunjung buta bukan satu-satunya nyaman oleh terlalu banyak link di area navigasi. Recall that a mobility-impaired person with poor adaptive technology might be stuck tabbing through that morass. Ingat bahwa orang-gangguan mobilitas dengan teknologi adaptif miskin mungkin akan terjebak tabbing melalui rawa itu.
CODE KODE
http://joeclark.org/book/sashay/serialization/Chapter08.html#h4-2020 http://joeclark.org/book/sashay/serialization/Chapter08.html # h4-2020
More: More:
CODE KODE
http://www.niehs.nih.gov/websmith/508/o.htm http://www.niehs.nih.gov/websmith/508/o.htm
3.5 Does the site use accessible forms? 3.5 Apakah situs menggunakan formulir diakses?
Forms aren't the easiest of things to use for people with disabilities. Bentuk bukan hal termudah untuk digunakan bagi penyandang cacat. Navigating around a page with written content is one thing, hopping between form fields and inputting information is another. Menavigasi di halaman dengan konten yang ditulis adalah satu hal, melompat antara bidang bentuk dan memasukkan informasi lain.
CODE KODE
http://www.htmldog.com/guides/htmladvanced/forms/ http://www.htmldog.com/guides/htmladvanced/forms/
More: More:
CODE KODE
http://www.webstandards.org/learn/tutorials/accessible-forms/01-accessible-forms.html http://www.webstandards.org/learn/tutorials/accessible-forms/01-accessible-forms.html
CODE KODE
http://www.accessify.com/tools-and-wizards/accessible-form-builder.asp http://www.accessify.com/tools-and-wizards/accessible-form-builder.asp
CODE KODE
http://accessify.com/tutorials/better-accessible-forms.asp http://accessify.com/tutorials/better-accessible-forms.asp
3.6 Does the site use accessible tables? 3.6 Apakah situs menggunakan tabel diakses?
For data tables, identify row and column headers... Untuk tabel data, mengidentifikasi header baris dan kolom ... For data tables that have two or more logical levels of row or column headers, use markup to associate data cells and header cells. Untuk tabel data yang memiliki dua atau lebih tingkat logis dari header baris atau kolom, gunakan markup untuk mengasosiasikan data sel dan sel header.
CODE KODE
http://www.w3.org/TR/WCAG10/wai-pageauth.html#tech-table-headers http://www.w3.org/TR/WCAG10/wai-pageauth.html # tech-table-headers
More: More:
CODE KODE
http://www.bcc.ctc.edu/webpublishing/ada/resources/tables.asp http://www.bcc.ctc.edu/webpublishing/ada/resources/tables.asp
CODE KODE
http://www.accessify.com/tools-and-wizards/accessible-table-builder_step1.asp http://www.accessify.com/tools-and-wizards/accessible-table-builder_step1.asp
CODE KODE
http://www.webaim.org/techniques/tables/ http://www.webaim.org/techniques/tables/
3.7 Is there sufficient colour brightness/contrasts? 3.7 Apakah ada warna yang cukup kecerahan / kontras?
Ensure that foreground and background colour combinations provide sufficient contrast when viewed by someone having colour deficits. Pastikan bahwa latar depan dan latar belakang kombinasi warna memberikan kontras yang cukup bila dilihat oleh seseorang yang memiliki defisit warna.
CODE KODE
http://www.w3.org/TR/WCAG10/wai-pageauth.html#tech-colour-contrast http://www.w3.org/TR/WCAG10/wai-pageauth.html # tech-warna kontras
More: More:
CODE KODE
http://www.juicystudio.com/services/colourcontrast.asp http://www.juicystudio.com/services/colourcontrast.asp
3.8 Is colour alone used for critical information? 3.8 Apakah warna saja digunakan untuk informasi penting?
Ensure that all information conveyed with colour is also available without colour, for example from context or markup. Pastikan bahwa semua informasi yang disampaikan dengan warna juga tersedia tanpa warna, misalnya dari konteks atau markup.
CODE KODE
http://www.w3.org/TR/WCAG10/wai-pageauth.html#tech-colour-convey http://www.w3.org/TR/WCAG10/wai-pageauth.html # tech-warna-menyampaikan
There are basically three types of colour deficiency; Deuteranope (a form of red/green colour deficit), Protanope (another form of red/green colour deficit) and Tritanope (a blue/yellow deficit- very rare). Pada dasarnya ada tiga jenis defisiensi warna; Deuteranope (bentuk merah / defisit warna hijau), Protanope (bentuk lain dari merah / defisit warna hijau) dan Tritanope (biru / kuning defisit-sangat jarang).
More: More:
CODE KODE
http://colourfilter.wickline.org/ http://colourfilter.wickline.org/
CODE KODE
http://www.toledo-bend.com/colourblind/Ishihara.html http://www.toledo-bend.com/colourblind/Ishihara.html
CODE KODE
http://www.vischeck.com/vischeck/vischeckURL.php http://www.vischeck.com/vischeck/vischeckURL.php
3.9 Is there delayed responsiveness for dropdown menus? 3.9 Apakah ada respon tertunda untuk menu dropdown?
Users with reduced motor skills may find dropdown menus hard to use if responsiveness is set too fast. Pengguna dengan keterampilan motorik berkurang mungkin menemukan menu dropdown sulit untuk digunakan jika daya tanggap disetel terlalu cepat.
3.10 Are all links descriptive? 3.10 Apakah semua link deskriptif?
Link text should be meaningful enough to make sense when read out of context - either on its own or as part of a sequence of links. Link teks harus bermakna cukup masuk akal kalau dibaca di luar konteks - baik sendiri atau sebagai bagian dari urutan link. Link text should also be terse. Link teks juga harus tegas.
CODE KODE
http://www.w3.org/TR/WCAG10/wai-pageauth.html#tech-meaningful-links http://www.w3.org/TR/WCAG10/wai-pageauth.html # tech-bermakna-link
4. 4. Accessibility for devices. Aksesibilitas untuk perangkat.
4.1 Does the site work acceptably across modern and older browsers? 4.1 Apakah tempat kerja dapat diterima di seluruh browser modern dan lama?
Before starting to build a CSS-based layout, you should decide which browsers to support and to what level you intend to support them. Sebelum memulai membangun sebuah layout berbasis CSS, Anda harus memutuskan yang browser untuk mendukung dan tingkat apa yang Anda berniat untuk mendukung mereka.
CODE KODE
http://www.maxdesign.com.au/presentation/process/index_step01.cfm http://www.maxdesign.com.au/presentation/process/index_step01.cfm
4.2 Is the content accessible with CSS switched off or not supported? 4.2 Apakah isi diakses dengan CSS dinonaktifkan atau tidak didukung?
Some people may visit your site with either a browser that does not support CSS or a browser with CSS switched off. Beberapa orang mungkin mengunjungi situs Anda dengan baik browser yang tidak mendukung CSS atau browser dengan CSS dimatikan. In content is structured well, this will not be an issue. Dalam konten terstruktur dengan baik, ini tidak akan menjadi masalah.
4.3 Is the content accessible with images switched off or not supported? 4.3 Apakah isi diakses dengan gambar dinonaktifkan atau tidak didukung?
Some people browse websites with images switched off - especially people on very slow connections. Beberapa orang browsing situs web dengan gambar dimatikan - terutama orang-orang di koneksi sangat lambat. Content should still be accessible for these people. Konten harus tetap dapat diakses untuk orang-orang ini.
4.4 Does the site work in text browsers such as Lynx? 4.4 Apakah tempat kerja dalam browser teks seperti Lynx?
This is like a combination of images and CSS switched off. Ini seperti kombinasi gambar dan CSS dimatikan. A text-based browser will rely on well structured content to provide meaning. Sebuah browser berbasis teks akan bergantung pada konten terstruktur dengan baik untuk memberikan makna.
More: More:
CODE KODE
http://www.delorie.com/web/lynxview http://www.delorie.com/web/lynxview
4.5 Does the site work well when printed? 4.5 Apakah tempat kerja baik ketika dicetak?
You can take any (X)HTML document and simply style it for print, without having to touch the markup. Anda dapat mengambil dokumen (X) HTML dan hanya gaya untuk mencetak, tanpa harus menyentuh markup.
CODE KODE
http://www.alistapart.com/articles/goingtoprint/ http://www.alistapart.com/articles/goingtoprint/
More: More:
CODE KODE
http://www.d.umn.edu/itss/support/Training/Online/webdesign/css.html#print http://www.d.umn.edu/itss/support/Training/Online/webdesign/css.html # cetak
4.6 Does the site work well in Hand Held devices? 4.6 Apakah tempat kerja baik dalam perangkat Hand Held?
This is a hard one to deal with until hand held devices consistently support their correct media type. Ini adalah satu sulit untuk menangani sampai tangan perangkat diselenggarakan secara konsisten mendukung jenis media yang benar. However, some layouts work better in current hand-held devices. Namun, beberapa layout bekerja lebih baik di perangkat genggam saat ini. The importance of supporting hand held devices will depend on target audiences. Pentingnya tangan mendukung diadakan perangkat akan tergantung pada khalayak sasaran.
4.7 Does the site include detailed metadata? 4.7 Apakah situs ini termasuk metadata rinci?
Metadata is machine understandable information for the web Metadata adalah mesin informasi dimengerti untuk web
CODE KODE
http://www.w3.org/Metadata/ http://www.w3.org/Metadata/
Metadata is structured information that is created specifically to describe another resource. Metadata adalah informasi terstruktur yang diciptakan khusus untuk menggambarkan sumber daya lain. In other words, metadata is 'data about data'. Dengan kata lain, metadata adalah "data tentang data '.
4.8 Does the site work well in a range of browser window sizes? 4.8 Apakah situs bekerja baik dalam berbagai ukuran jendela browser?
It is a common assumption amongst developers that average screen sizes are increasing. Ini adalah asumsi umum di kalangan pengembang bahwa ukuran layar rata-rata meningkat. Some developers assume that the average screen size is now 1024px wide. Beberapa pengembang berasumsi bahwa rata-rata ukuran layar sekarang 1024px lebar. But what about users with smaller screens and users with hand held devices? Tapi apa tentang pengguna dengan layar yang lebih kecil dan pengguna dengan perangkat tangan diadakan? Are they part of your target audience and are they being disadvantaged? Apakah mereka bagian dari target audiens Anda dan apakah mereka yang dirugikan?
5. 5. Basic Usability Dasar Usability
5.1 Is there a clear visual hierarchy? 5.1 Apakah ada hirarki visual yang jelas?
Organise and prioritise the contents of a page by using size, prominence and content relationships. Mengatur dan memprioritaskan isi halaman dengan menggunakan ukuran, menonjol dan hubungan konten.
CODE KODE
http://www.great-web-design-tips.com/web-site-design/165.html http://www.great-web-design-tips.com/web-site-design/165.html
5.2 Are heading levels easy to distinguish? 5.2 Apakah pos tingkat mudah untuk membedakan?
Use header elements to convey document structure and use them according to specification. Gunakan elemen header untuk menyampaikan struktur dokumen dan menggunakannya sesuai dengan spesifikasi.
CODE KODE
http://www.w3.org/TR/WCAG10/wai-pageauth.html#tech-logical-headings http://www.w3.org/TR/WCAG10/wai-pageauth.html # tech-logis-pos
5.3 Is the site's navigation easy to understand? 5.3 Apakah navigasi situs mudah dimengerti?
Your navigation system should give your visitor a clue as to what page of the site they are currently on and where they can go next. sistem navigasi Anda harus memberikan pengunjung anda sebuah petunjuk tentang apa yang halaman situs mereka saat ini dan di mana mereka bisa pergi.
CODE KODE
http://www.1stsitefree.com/design_nav.htm http://www.1stsitefree.com/design_nav.htm
5.4 Is the site's navigation consistent? 5.4 Apakah navigasi situs konsisten?
If each page on your site has a consistent style of presentation, visitors will find it easier to navigate between pages and find information Jika setiap halaman di situs Anda memiliki gaya yang konsisten dari presentasi, pengunjung akan lebih mudah untuk menavigasi antara halaman dan menemukan informasi
CODE KODE
http://www.juicystudio.com/tutorial/accessibility/navigation.asp http://www.juicystudio.com/tutorial/accessibility/navigation.asp
5.5 Does the site use consistent and appropriate language? 5.5 Apakah situs tersebut menggunakan bahasa yang konsisten dan tepat?
The use of clear and simple language promotes effective communication. Penggunaan bahasa yang jelas dan sederhana mempromosikan komunikasi yang efektif. Trying to come across as articulate can be as difficult to read as poorly written grammar, especially if the language used isn't the visitor's primary language. Mencoba untuk tampil sebagai mengartikulasikan bisa sama sulit untuk membaca tata bahasa seperti yang ditulis dengan buruk, terutama jika bahasa yang digunakan bukan bahasa utama pengunjung.
CODE KODE
http://www.juicystudio.com/tutorial/accessibility/clear.asp http://www.juicystudio.com/tutorial/accessibility/clear.asp
5.6 Does the site have a sitemap page and contact page? 5.6 Apakah situs tersebut memiliki halaman sitemap dan halaman kontak? Are they easy to find? Apakah mereka mudah ditemukan?
Most site maps fail to convey multiple levels of the site's information architecture. peta situs Kebanyakan gagal untuk menyampaikan beberapa tingkat arsitektur informasi situs. In usability tests, users often overlook site maps or can't find them. Dalam uji kegunaan, pengguna sering mengabaikan peta situs atau tidak dapat menemukan mereka. Complexity is also a problem: a map should be a map, not a navigational challenge of its own. Kompleksitas juga merupakan masalah: peta harus peta, bukan navigasi tantangan sendiri.
CODE KODE
http://www.useit.com/alertbox/20020106.html http://www.useit.com/alertbox/20020106.html
5.7 For large sites, is there a search tool? 5.7 Untuk situs besar, apakah ada alat pencari?
While search tools are not needed on smaller sites, and some people will not ever use them, site-specific search tools allow users a choice of navigation options. Sementara alat-alat pencarian tidak diperlukan di situs yang lebih kecil, dan beberapa orang tidak akan pernah menggunakannya, alat-alat pencarian situs khusus memungkinkan pengguna pilihan pilihan navigasi.
5.8 Is there a link to the home page on every page in the site? 5.8 Apakah ada link ke halaman rumah pada setiap halaman di situs ini?
Some users like to go back to a site's home page after navigating to content within a site. Beberapa pengguna ingin kembali ke halaman muka situs setelah navigasi ke konten dalam sebuah situs. The home page becomes a base camp for these users, allowing them to regroup before exploring new content. Halaman rumah menjadi base camp bagi para pengguna, yang memungkinkan mereka untuk berkumpul kembali sebelum menjelajahi konten baru.
5.9 Are links underlined? 5.9 Apakah link digarisbawahi?
To maximise the perceived affordance of clickability, colour and underline the link text. Untuk memaksimalkan affordance dirasakan Clickability, warna dan menggarisbawahi teks link. Users shouldn't have to guess or scrub the page to find out where they can click. Pengguna tidak perlu menebak atau menggosok halaman untuk mencari tahu di mana mereka dapat mengklik.
CODE KODE
http://www.useit.com/alertbox/20040510.html http://www.useit.com/alertbox/20040510.html
5.10 Are visited links clearly defined? 5.10 Apakah dikunjungi ditetapkan dengan jelas?
Most important, knowing which pages they've already visited frees users from unintentionally revisiting the same pages over and over again. Yang paling penting, mengetahui halaman mana yang mereka telah dikunjungi membebaskan pengguna dari sengaja mengunjungi kembali halaman yang sama berulang-ulang.
CODE KODE
http://www.useit.com/alertbox/20040503.html http://www.useit.com/alertbox/20040503.html
6. 6. Site management Situs manajemen
6.1 Does the site have a meaningful and helpful 404 error page that works from any depth in the site? 6.1 Apakah situs tersebut memiliki halaman 404 kesalahan berarti dan bermanfaat yang bekerja dari kedalaman di situs ini?
You've requested a page - either by typing a URL directly into the address bar or clicking on an out-of-date link and you've found yourself in the middle of cyberspace nowhere. Anda telah meminta halaman - baik dengan mengetik URL secara langsung ke address bar atau mengklik pada link out-of-date dan Anda telah menemukan diri Anda sendiri di tengah dunia maya tempat. A user-friendly website will give you a helping hand while many others will simply do nothing, relying on the browser's built-in ability to explain what the problem is. Sebuah website yang user-friendly akan memberikan uluran tangan sementara banyak orang lain hanya akan melakukan apa-apa, bergantung pada browser built-in kemampuan untuk menjelaskan apa masalahnya.
CODE KODE
http://www.alistapart.com/articles/perfect404/ http://www.alistapart.com/articles/perfect404/
6.2 Does the site use friendly URLs? 6.2 Apakah situs yang menggunakan URL yang ramah?
Most search engines (with a few exceptions - namely Google) will not index any pages that have a question mark or other character (like an ampersand or equals sign) in the URL... Sebagian besar mesin pencari (dengan beberapa pengecualian - yaitu Google) tidak akan mengindeks halaman yang memiliki tanda tanya atau karakter lain (seperti ampersand atau tanda sama dengan) dalam URL ... what good is a site if no one can find it? apa yang baik adalah sebuah situs jika tidak ada yang bisa menemukannya?
CODE KODE
http://www.sitepoint.com/article/search-engine-friendly-urls http://www.sitepoint.com/article/search-engine-friendly-urls
One of the worst elements of the web from a user interface standpoint is the URL. Salah satu unsur terburuk dari web dari sudut pandang antarmuka pengguna adalah URL. However, if they're short, logical, and self-correcting, URLs can be acceptably usable Namun, jika mereka pendek, logis, dan mengoreksi diri, URL dapat digunakan dapat diterima
CODE KODE
http://www.merges.net/theory/20010305.html http://www.merges.net/theory/20010305.html
More: More:
CODE KODE
http://www.sitepoint.com/article/search-engine-friendly-urls http://www.sitepoint.com/article/search-engine-friendly-urls
CODE KODE
http://www.websitegoodies.com/article/32 http://www.websitegoodies.com/article/32
CODE KODE
http://www.merges.net/theory/20010305.html http://www.merges.net/theory/20010305.html
6.3 Does the site's URL work without "www"? 6.3 Apakah pekerjaan URL situs tanpa "www"?
While this is not critical, and in some cases is not even possible, it is always good to give people the choice of both options. Meskipun ini tidak kritis, dan dalam beberapa kasus bahkan tidak mungkin, adalah selalu baik untuk memberi orang pilihan kedua pilihan. If a user types your domain name without the www and gets no site, this could disadvantage both the user and you. Jika jenis pengguna nama domain Anda tanpa www dan mendapatkan situs tidak, ini bisa merugikan baik pengguna dan Anda.
6.4 Does the site have a favicon? 6.4 Apakah situs memiliki sebuah favicon?
A Favicon is a multi-resolution image included on nearly all professionally developed sites. Sebuah Favicon adalah gambar multi-resolusi disertakan di hampir semua situs profesional dikembangkan. The Favicon allows the webmaster to further promote their site, and to create a more customized appearance within a visitor's browser. The Favicon memungkinkan webmaster untuk lebih mempromosikan situs mereka, dan untuk menciptakan tampilan yang lebih disesuaikan dalam browser pengunjung.
CODE KODE
http://www.favicon.com/ http://www.favicon.com/
Favicons are definitely not critical. Favicons pasti tidak kritis. However, if they are not present, they can cause 404 errors in your logs (site statistics). Namun, jika mereka tidak hadir, mereka dapat menyebabkan 404 kesalahan dalam Anda log (statistik situs). Browsers like IE will request them from the server when a site is bookmarked. Browser seperti IE akan meminta mereka dari server bila sebuah situs adalah bookmarked. If a favicon isn't available, a 404 error may be generated. Jika favicon tidak tersedia, kesalahan 404 dapat dihasilkan. Therefore, having a favicon could cut down on favicon specific 404 errors. Oleh karena itu, memiliki favicon bisa mengurangi favicon 404 kesalahan tertentu. The same is true of a 'robots.txt' file. Hal yang sama berlaku untuk file 'robots.txt'.
0 komentar:
Posting Komentar