Home »

Như thế nào là một website đạt tiêu chuẩn

Thursday, March 20, 2014
Một Danh sách kiểm tra tiêu chuẩn web, Làm thế nào để làm cho một trang web thích hợp

Sửa máy tính tại nhà xin được đưa ra một số tiêu chuẩn về web để các bạn tham khảo. Bài viết có thể còn nhiều sai sót, mong được sự góp ý từ các bạn.

Các tiêu chuẩn web hạn có thể có nghĩa khác nhau đối với những người khác nhau. Đối với một số người, đó là "các trang web bàn miễn phí, cho người khác nó là 'sử dụng mã số hợp lệ. Tuy nhiên, các tiêu chuẩn web rộng hơn nhiều so với. Một trang web được xây dựng với các tiêu chuẩn web phải tuân thủ các tiêu chuẩn (HTML, XHTML, XML, CSS, XSLT, DOM, MathML, SVG vv) và theo đuổi thực hành tốt nhất (mã số hợp lệ, mã truy cập, mã ngữ nghĩa chính xác, URL thân thiện vv).

Nói cách khác, một trang web được xây dựng với các tiêu chuẩn web lý tưởng nên được nạc, sạch sẽ, dựa trên CSS, dễ tiếp cận, sử dụng và công cụ tìm kiếm thân thiện.

Về danh sách kiểm tra sửa máy tính xin đưa ra như sau:

Đây không phải là một nhà quản lí-danh sách kiểm tra. Có lẽ nhiều mặt hàng có thể được thêm vào. Quan trọng hơn, nó không nên được xem như là một danh sách các mục cần được giải quyết trên tất cả các trang web mà bạn phát triển. Nó chỉ đơn giản là một hướng dẫn có thể được sử dụng:

* Để hiển thị bề rộng của các tiêu chuẩn web
* như một công cụ tiện dụng cho các nhà phát triển trong giai đoạn sản xuất của các trang web
* như một trợ giúp cho các nhà phát triển những người quan tâm trong việc hướng tới các tiêu chuẩn web

Danh sách kiểm tra

1.Quality mã
1. Liệu các trang web sử dụng một DOCTYPE có đúng không?
2. Liệu các trang web sử dụng một bộ ký tự?
3. Không sử dụng trang web hợp lệ (X) HTML?
4. Liệu các trang web sử dụng CSS hợp lệ?
5. Liệu các trang web sử dụng bất kỳ hacks CSS?
6. Liệu các lớp học hoặc id không cần thiết sử dụng trang web?
7. Là mã cũng có cấu trúc?
8. Liệu các trang web có bất kỳ liên kết bị hỏng?
9. Làm thế nào để trang web thực hiện về quy mô tốc độ / trang?
10. Liệu các trang web có lỗi JavaScript?

2. Mức độ tách biệt giữa nội dung và trình bày
1. Không sử dụng trang web CSS cho tất cả các khía cạnh trình bày (phông chữ, màu sắc, đệm, biên giới vv)?
2. Có phải tất cả các hình ảnh trang trí trong CSS, hay họ xuất hiện trong (X) HTML?

3. Khả năng tiếp cận cho người dùng
1. Là "alt" thuộc tính được sử dụng cho tất cả các hình ảnh mô tả?
2. Liệu các trang web sử dụng các đơn vị tương đối chứ không phải là đơn vị tuyệt đối cho kích thước văn bản?
3. Làm bất cứ khía cạnh của phá vỡ bố trí nếu kích thước phông chữ được tăng lên?
4. Liệu các trang web sử dụng menu bỏ qua được?
5. Liệu các trang web sử dụng các hình thức truy cập?
6. Liệu các trang web sử dụng bảng truy cập?
7. Ở đó có đủ độ sáng màu / tương phản?
8. Là màu sắc một mình sử dụng cho thông tin quan trọng?
9. Có chậm đáp ứng cho các menu thả xuống (cho người dùng với giảm khả năng vận động)?
10. Được tất cả các liên kết mô tả (cho người mù)?

4. Khả năng tiếp cận cho các thiết bị
1. Làm công việc trang web chấp nhận được trên các trình duyệt hiện đại và lớn tuổi?
2. Là nội dung tiếp cận với CSS tắt hoặc không được hỗ trợ?
3. Là nội dung có thể truy cập với hình ảnh tắt hoặc không được hỗ trợ?
4. Làm công việc trang web trong trình duyệt văn bản như Lynx?
5. Liệu các trang web làm việc tốt khi in?
6. Liệu các trang web làm việc tốt trong các thiết bị cầm tay?
7. Trang web bao gồm siêu dữ liệu chi tiết?
8. Liệu các trang web làm việc tốt trong một loạt các kích cỡ cửa sổ trình duyệt?

5. Khả năng sử dụng cơ bản
1. Là có một hệ thống phân cấp rõ ràng hình ảnh?
2. Đang hướng mức độ dễ dàng để phân biệt?
3. Liệu các trang web có dễ hiểu chuyển hướng?
4. Liệu các trang web sử dụng điều hướng phù hợp?
5. Được liên kết nhấn mạnh?
6. Liệu các trang web sử dụng ngôn ngữ phù hợp và thích hợp?
7. Làm bạn có một trang sitemap và trang liên hệ? Là họ dễ dàng để tìm thấy?
8. Đối với các trang web lớn, là có một công cụ tìm kiếm?
9. Là có một liên kết đến trang chủ trên mỗi trang trong trang web?
10. Được liên kết truy cập xác định rõ ràng với một màu duy nhất?

6. Quản lý trang web
1. Liệu các trang web có trang lỗi 404 có ý nghĩa và hữu ích mà làm việc từ bất kỳ độ sâu trong trang web?
2. Liệu các trang web sử dụng các URL thân thiện?
3. Làm URL của bạn làm việc mà không có "www"?
4. Liệu các trang web có một favicon?

Sửa máy tính cũng đã có webste tạm được gọi là tối ưu đạt một số tiêu chuẩn : suamaytinh.biz

1. Chất lượng của mã

1.1 Liệu các trang web sử dụng một DOCTYPE có đúng không?

Một loại tài liệu (viết tắt của "loại tài liệu tuyên bố ') thông báo xác nhận phiên bản của (X) HTML mà bạn đang sử dụng, và phải xuất hiện ở trên cùng của mỗi trang web. Doctypes là một thành phần quan trọng của các trang web phù hợp đánh dấu và CSS của bạn sẽ không xác nhận mà không có họ. 

1.2 Liệu các trang web sử dụng một nhân vật thiết lập?

Nếu một đại lý người sử dụng (ví dụ một trình duyệt) không thể phát hiện các ký tự mã hóa được sử dụng trong một tài liệu Web, người dùng có thể được trình bày với văn bản không đọc được. Thông tin này là đặc biệt quan trọng đối với những người duy trì và mở rộng một trang web đa ngôn ngữ, nhưng tuyên bố mã hóa ký tự của tài liệu là rất quan trọng cho bất cứ ai sản xuất XHTML / HTML hoặc CSS. 

1.3 Có việc sử dụng trang web hợp lệ (X) HTML?

đang hợp lệ sẽ làm nhanh hơn so với mã có lỗi. Mã số hợp lệ sẽ làm tốt hơn so với mã không hợp lệ. Các trình duyệt đang trở thành tiêu chuẩn hơn tuân thủ, và nó ngày càng trở nên cần thiết để viết hợp lệ và tiêu chuẩn HTML tuân thủ. 

1.4 Có việc sử dụng trang web CSS hợp lệ?

Bạn cần phải chắc chắn rằng không có bất kỳ lỗi nào trong dạng HTML hoặc CSS của bạn, vì sai lầm trong cả hai nơi có thể dẫn đến sự xuất hiện tài liệu bất thành. 

1,5 Liệu các trang web sử dụng bất kỳ hacks CSS?

Về cơ bản, hack đi xuống để lựa chọn cá nhân, số lượng kiến thức bạn đã cách giải quyết, việc thiết kế cụ thể mà bạn đang cố gắng để đạt được.

1.6 Có việc sử dụng trang web lớp học không cần thiết hoặc id?

tôi đã nhận thấy rằng các nhà phát triển học tập những kỹ năng mới thường kết thúc với CSS tốt nhưng XHTML nghèo. Cụ thể, mã HTML có xu hướng được đầy đủ các divs không cần thiết và id. Kết quả này trong HTML khá vô nghĩa và phong cách trang cồng kềnh. 

1.7 là mã có cấu trúc tốt không?

đánh dấu ngữ nghĩa chính xác sử dụng các yếu tố html cho mục đích nhất định của họ. HTML cũng có cấu trúc có ý nghĩa ngữ nghĩa cho một loạt các đại lý người dùng (trình duyệt mà không cần phong cách trang, trình duyệt văn bản, PDA, công cụ tìm kiếm, vv) 

1,8 Liệu các trang web có bất kỳ liên kết bị hỏng?

liên kết bị hỏng có thể gây khó chịu cho người sử dụng và có khả năng lái xe khách hàng đi. Liên kết bị hỏng cũng có thể giữ công cụ tìm kiếm từ đúng lập chỉ mục trang web của bạn.

1.9 Làm thế nào để trang web thực hiện về quy mô tốc độ / trang?

Đừng bắt tôi chờ đợi ... Đó là những người sử dụng tin nhắn cho chúng tôi trong cuộc điều tra sau khi khảo sát. Ngay cả người dùng băng thông rộng có thể chịu tải chậm blues. 

1.10 Liệu các trang web có lỗi JavaScript?

Internet Explore cho Windows cho phép bạn bật một trình sửa lỗi sẽ bật lên một cửa sổ mới và cho bạn biết có lỗi javascript trên trang web của bạn. Này được phát hành theo "Internet Options" trên tab Advanced. Bỏ chọn 'Disable script debugging ".

2. Mức độ tách biệt giữa nội dung và trình bày

2.1 Liệu CSS sử dụng trang web cho tất cả các khía cạnh trình bày (phông chữ, màu sắc, đệm, biên giới vv)?

Sử dụng phong cách trang để kiểm soát bố trí và trình bày. 

2.2 Tất cả các hình ảnh trang trí trong CSS, hay họ xuất hiện trong (X) HTML?

Mục đích cho các nhà phát triển web là để loại bỏ tất cả các trình bày từ các mã html, để lại nó sạch sẽ và ngữ nghĩa chính xác. 

3. Khả năng tiếp cận cho người sử dụng

3.1 là "alt" thuộc tính được sử dụng cho tất cả các hình ảnh mô tả?

Cung cấp một văn bản tương đương cho mỗi không phải văn bản tố 

3.2 Liệu các trang web sử dụng các đơn vị tương đối chứ không phải là đơn vị tuyệt đối cho kích thước văn bản?

Sử dụng tương đối chứ không phải là đơn vị tuyệt đối trong giá trị thuộc tính ngôn ngữ đánh dấu và phong cách giá trị tài sản tính. 

3.3 Làm bất cứ khía cạnh của phá vỡ bố trí nếu kích thước phông chữ được tăng lên?

Hãy thử kiểm tra đơn giản này. Nhìn vào trang web của bạn trong một trình duyệt hỗ trợ dễ dàng incrementation kích thước phông chữ. Bây giờ tăng kích thước font chữ của trình duyệt. Và một lần nữa. Và một lần nữa ... Nhìn vào trang web của bạn. Không bố trí trang vẫn giữ lại với nhau? Nó là nguy hiểm cho các nhà phát triển cho rằng tất cả mọi người duyệt sử dụng cỡ chữ mặc định.

3.4 Liệu các trang web sử dụng menu bỏ qua được?

Một phương pháp được quy định cho phép người dùng bỏ qua liên kết chuyển hướng lặp đi lặp lại. 

3,5 Liệu các trang web sử dụng các hình thức truy cập?

hình thức không phải là đơn giản nhất của việc sử dụng cho người khuyết tật. Điều hướng trên một trang với nội dung bằng văn bản là một chuyện, nhảy giữa các trường mẫu và nhập vào thông tin khác. 

3.6 Liệu các trang web sử dụng bảng truy cập?

Đối với các bảng dữ liệu, xác định hàng và cột tiêu đề ... Đối với các bảng dữ liệu mà có hai hoặc nhiều cấp độ của hàng hoặc tiêu đề cột, sử dụng đánh dấu để liên kết các tế bào và các tế bào dữ liệu tiêu đề. 

3.7 Có đủ độ sáng màu / tương phản?

Đảm bảo rằng nền trước và màu nền kết hợp cung cấp đủ độ tương phản khi xem bởi một ai đó có thâm hụt màu sắc. 

3,8 là màu sắc một mình sử dụng cho thông tin quan trọng?

Đảm bảo rằng tất cả các thông tin được chuyển tải với màu sắc cũng có sẵn mà không có màu sắc, ví dụ từ ngữ cảnh hoặc đánh dấu. 

3.9 Có trì hoãn đáp ứng cho các menu thả xuống?

Người sử dụng với giảm khả năng vận động có thể tìm thấy các trình đơn thả xuống khó sử dụng nếu đáp ứng được thiết lập quá nhanh.

3.10 Có phải tất cả các liên kết mô tả?

Liên kết văn bản phải đủ ý nghĩa có ý nghĩa khi đọc ngoài ngữ cảnh - hoặc là ngày của riêng mình hoặc là một phần của một chuỗi các liên kết. Liên kết văn bản cũng nên ngắn gọn. 

4. Khả năng tiếp cận cho các thiết bị.

4.1 Liệu các trang web làm việc chấp nhận được trên các trình duyệt hiện đại và lớn tuổi?


Trước khi bắt đầu xây dựng một bố trí dựa trên CSS, bạn nên quyết định mà các trình duyệt để hỗ trợ và những gì bạn có ý định cấp để hỗ trợ họ. 

4.2 Nội dung có thể truy cập với CSS tắt hoặc không được hỗ trợ?

Một số người có thể truy cập trang web của bạn với một trong hai trình duyệt không hỗ trợ CSS hoặc một trình duyệt với CSS tắt. Trong nội dung được cấu trúc tốt, điều này sẽ không là một vấn đề.

4.3 Nội dung có thể truy cập với hình ảnh tắt hoặc không được hỗ trợ?

Một số người duyệt các trang web với hình ảnh tắt - đặc biệt là những người trên các kết nối rất chậm. Nội dung vẫn có thể truy cập cho những người này.

4.4 Có công việc trang web trong trình duyệt văn bản như Lynx?

này giống như một sự kết hợp của hình ảnh và CSS tắt. Một trình duyệt dựa trên văn bản sẽ dựa vào nội dung cũng có cấu trúc để cung cấp ý nghĩa.

4,5 Liệu các trang web làm việc tốt khi in?

Bạn có thể lấy bất kỳ (X) tài liệu HTML và chỉ đơn giản là phong cách nó để in, mà không cần phải chạm vào đánh dấu. 

4,6 Liệu các công việc trang web tốt trong các thiết bị cầm tay?

Đây là một trong những khó khăn để đối phó với thiết bị cầm tay cho đến khi thống nhất hỗ trợ loại phương tiện truyền thông chính xác của họ. Tuy nhiên, một số bố trí làm việc tốt hơn trong các thiết bị cầm tay hiện nay. Tầm quan trọng của việc hỗ trợ các thiết bị cầm tay sẽ phụ thuộc vào khán giả mục tiêu.

4.7 Trang web bao gồm siêu dữ liệu chi tiết?

Siêu dữ liệu là thông tin máy dễ hiểu cho các trang web 

Siêu dữ liệu là thông tin có cấu trúc được tạo ra đặc biệt để mô tả một tài nguyên khác. Nói cách khác, siêu dữ liệu là "dữ liệu về dữ liệu.

4,8 Liệu các trang web làm việc tốt trong một loạt các kích cỡ cửa sổ trình duyệt?

Đó là một giả định phổ biến giữa các nhà phát triển rằng kích cỡ màn hình trung bình ngày càng tăng. Một số nhà phát triển cho rằng kích thước màn hình trung bình tại là 1024px rộng. Nhưng những gì về người sử dụng với màn hình nhỏ hơn và người sử dụng với các thiết bị cầm tay? Họ có một phần của đối tượng mục tiêu của bạn và họ bị thiệt thòi?

5. Khả năng sử dụng cơ bản

5.1 Có một hệ thống phân cấp hình ảnh rõ ràng?

Tổ chức và ưu tiên các nội dung của một trang bằng cách sử dụng kích thước, nổi bật và nội dung các mối quan hệ. 

5.2 có nhóm mức độ dễ dàng để phân biệt?

Sử dụng yếu tố tiêu đề để truyền đạt cấu trúc tài liệu và sử dụng chúng theo đặc điểm kỹ thuật. 

5.3 là chuyển hướng của trang web dễ hiểu không?

hệ thống định vị của bạn nên cung cấp cho khách truy cập của bạn một đầu mối như những gì trang của trang web mà họ hiện đang trên và nơi họ có thể đi tiếp theo. 

5.4 là chuyển hướng của trang web phù hợp?

Nếu mỗi trang trên trang web của bạn có một phong cách nhất quán của bài trình bày, du khách sẽ tìm thấy nó dễ dàng hơn để di chuyển giữa các trang và tìm kiếm thông tin 

5.5 Liệu các trang web sử dụng ngôn ngữ phù hợp và thích hợp?

Việc sử dụng ngôn ngữ rõ ràng và đơn giản thúc đẩy giao tiếp hiệu quả. Cố gắng đi qua như ăn nói lưu loát có thể được như khó đọc như kém bằng văn bản ngữ pháp, đặc biệt là nếu ngôn ngữ sử dụng không phải là ngôn ngữ chính của người truy cập. 

5.6 Liệu các trang web có một trang sitemap và trang liên hệ? Là họ dễ dàng để tìm thấy?

Hầu hết các bản đồ trang web không chuyển tải nhiều cấp độ kiến trúc thông tin của trang web. Trong các thử nghiệm khả năng sử dụng, người dùng thường bỏ qua bản đồ trang web hoặc không thể tìm thấy chúng.Phức tạp cũng là một vấn đề: một bản đồ là một bản đồ, không phải là một thách thức định hướng riêng của mình. 

5.7 Đối với các trang web lớn, là có một công cụ tìm kiếm?

Trong khi công cụ tìm kiếm không cần thiết trên các trang web nhỏ hơn, và một số người sẽ không bao giờ sử dụng chúng, công cụ tìm kiếm trang web cụ thể cho phép người dùng lựa chọn tùy chọn chuyển hướng.

5.8 Có một liên kết đến trang chủ trên mỗi trang trong trang web?

Một số người dùng muốn quay trở lại trang chủ của một trang web sau khi điều hướng đến nội dung trong một trang web. Trang chủ trở thành một căn cứ cho những người sử dụng, cho phép họ tập hợp lại trước khi khám phá nội dung mới.

5.9 Các liên kết nhấn mạnh?

Để tối đa hóa affordance nhận thức của clickability, màu sắc và nhấn mạnh các văn bản liên kết. Người sử dụng không cần phải đoán hoặc chà trang để tìm ra nơi mà họ có thể nhấn chuột. 

5.10 có liên kết truy cập được xác định rõ ràng không?

Quan trọng nhất, biết những trang họ đã đến thăm giải phóng người dùng vô ý xem xét lại các trang tương tự hơn và hơn nữa. 

6. Quản lý trang web

6.1 Liệu các trang web có trang lỗi 

404 có ý nghĩa và hữu ích mà làm việc từ bất kỳ độ sâu trong trang web
Bạn đã yêu cầu một trang - hoặc bằng cách gõ URL trực tiếp vào thanh địa chỉ hoặc nhấp vào liên kết out-of-ngày và bạn đã tìm thấy mình ở giữa không gian ảo hư không. Một trang web thân thiện sẽ cung cấp cho bạn một bàn tay giúp đỡ trong khi nhiều người khác chỉ đơn giản là sẽ không làm gì, dựa vào của trình duyệt được xây dựng trong khả năng để giải thích vấn đề là gì. 

6.2 Liệu các trang web sử dụng các URL thân thiện?

Hầu hết các công cụ tìm kiếm (với một vài trường hợp ngoại lệ - cụ thể là Google) sẽ không chỉ mục bất kỳ trang có một dấu hỏi hoặc ký tự khác (như một ký hiệu hoặc dấu bằng) trong URL ... những gì tốt là một trang web nếu không ai có thể tìm thấy nó? 

Một trong những yếu tố tồi tệ nhất của web từ một quan điểm giao diện người dùng là URL. Tuy nhiên, nếu chúng là ngắn, hợp lý, và tự sửa sai, các URL có thể chấp nhận được có thể sử dụng 

6.3 Có hoạt động URL của trang web mà không có "www"?

Trong khi điều này là không quan trọng, và trong một số trường hợp thậm chí không có thể, nó luôn luôn là tốt để cho mọi người lựa chọn cả hai lựa chọn. Nếu người dùng tên miền của bạn mà không có www và không nhận được trang web, điều này có thể bất lợi cả người dùng và bạn.

6.4 Liệu các trang web có một favicon?

Một Favicon là một hình ảnh đa độ phân giải bao gồm trên các trang web gần như tất cả chuyên nghiệp phát triển. Favicon cho phép người quản trị trang web để thúc đẩy hơn nữa trang web của họ, và để tạo ra một sự xuất hiện tùy chỉnh hơn trong một của người truy cập trình duyệt. 

Favicon có chắc chắn không quan trọng. Tuy nhiên, nếu họ không có mặt, họ có thể gây ra 404 lỗi trong nhật ký của bạn (trang web thống kê). Các trình duyệt như IE sẽ yêu cầu họ từ máy chủ khi một trang web được đánh dấu. Nếu một biểu tượng không có sẵn, một lỗi 404 có thể được tạo ra. Do đó, có một favicon có thể cắt giảm favicon 404 lỗi cụ thể. Điều này cũng đúng của một 'robots.txt' tập tin.
Tags:

1 comment: