Standardy sieciowe checklist - lista kontrolna dla standardów WWW
22 października 2008 By LenaArtykuł Web wykaz norm pierwotnie przez Russ Weakley na http://www.maxdesign.com.au. Kaxigt.com zostało wydane pozwolenie na to przetłumaczyć z języka angielskiego na język szwedzki.
Standardy sieciowe - więcej niż tylko "stół bez witryn
Standardów internetowych perspektywie może oznaczać różne rzeczy dla różnych osób. Dla jednych jest tabeli "wolne miejsca", dla innych jest to "wykorzystanie prawidłowych kodów. Cokolwiek, standardów internetowych są znacznie szersze niż tylko to. Strony, która jest wbudowana w standardów internetowych do przestrzegania standardów (HTML, XHTML, XML, CSS, XSLT, DOM, MathML, SVG, itp.) oraz dążyć do jak najlepszej postaci (ważnych kodów, kody dostępu, poprawny semantycznie kod, przyjazne adresy URL etc).
Innymi słowy, strona, która jest wbudowana w standardów sieciowych powinien być idealnie proste, czyste, CSS opiera dostępne dla użytkownika i są przyjazne dla wyszukiwarek.
Jeżeli wykaz
To nie "jest uber-wykaz. Prawdopodobnie jest dużo więcej punktów. Najważniejsze, to nie powinno być postrzegane jako punktowanej liście, które muszą znaleźć się w każdym miejscu można zrobić. Jest to proste przypomnienie, że mogą być przydatne do:
- aby pokazać, jak szerokim standardów internetowych są
- jako wygodne narzędzie dla programistów na etapie produkcji stron internetowych
- jako pomoc dla programistów, którzy są zainteresowani przejściem do standardów WWW
Lista kontrolna
- Jakości kodu
- Właściwe stosowanie DOCTYPE stronie?
- Czy istnieje zbiór znaków na stronie?
- Używając strony Valid (X) HTML?
- Używając strony Poprawny CSS?
- Nie używać żadnych hacków CSS na stronie?
- Nie należy używać niepotrzebnych klas lub id na stronie?
- Kody są dobrze zaprojektowane?
- Czy są jakieś niedziałających linków?
- Jak zachowywać się sobą pod względem stosowanych prędkości rozmiar strony?
- Czy jakaś część JavaScriptfel?
- Stopień oddzielenia treści i prezentacji
- Dostępności dla użytkowników
- Użyj "alt" dla wszystkich atrybutów opisowych obrazy?
- Wolisz używać względnych jednostek, a nie bezwzględne jednostek rozmiar tekstu?
- Czy są jakieś aspekty, które odnoszą się do układu przerw, jeśli rozmiar czcionki być zwiększona?
- Używając strony widoczny "pomiń menu"?
- Używając strony dostępne formy?
- Korzystanie z szafki nocne dostępne?
- Czy istnieje odpowiedni kolor jasność / kontrast?
- Jest tylko jeden kolor, aby uzyskać ważne informacje?
- Czy opóźnione odpowiedzi w rozwijanym menu (dla osób o ograniczonej zdolności motorycznych)?
- Czy wszystkie linki opisowe (dla niewidomych)?
- Dostępność sprzętu
- Strony Works przyjęcia zarówno w nowoczesnych jak i starszych przeglądarkach?
- Czy treść dostępna na CSS jest usuwana lub jeśli nie ma wsparcia dla CSS?
- Czy zawartość nadal dostępne, jeśli zdjęcia zostały usunięte lub jest wsparcie dla zdjęcia?
- Strony Pracuje w tekstowych przeglądarek takich jak Lynx?
- Pracuje również przy druku na stronie?
- Pracuje dobrze w dłoni, urządzeń przenośnych (Handheld Devices)?
- Czy zawiera szczegółowe metadane na stronie?
- Pracuje dobrze w dłoni, często różnej wielkości okna przeglądarki (uchwały)?
- Podstawowe użyteczność
- Czy widoczne i jasnej hierarchii?
- Poziomy pozycji łatwo rozpoznać?
- Czy nawigacji na stronie łatwe do zrozumienia?
- Czy nawigacji na stronie konsekwentnie?
- Używając strony spójnego i odpowiedniego języka?
- Czy mapa witryny lub strony kontakt? Czy są one łatwe do znalezienia?
- W przypadku dużych witryn, jest narzędziem lokalizacji?
- Czy istnieje związek na pierwszą stronę (home) na każdej stronie?
- Czy understukna linki?
- Czy odwiedzili linki zostały jasno zdefiniowane?
- Funkcjonowanie strony
1. Jakości kodu
1.1 Użycie prawidłowego DOCTYPE na stronie?
Doctype (skrót od "deklaracją typu dokumentu") informuje, validator, która wersja (X) HTML używasz, i muszą być umieszczone na górze każdej strony. Doctype jest kluczowym elementem podporządkowania stron: Twój znaczników i CSS nie zweryfikuje bez nich.
Więcej informacji:
- http://www.w3.org/QA/2002/04/valid-dtd-list.html
- http://css.maxdesign.com.au/listamatic/about-boxmodel.htm
- http://gutfeldt.ch/matthias/articles/doctypeswitch.html
1.2 Czy istnieje zbiór znaków na stronie?
Jeśli program użytkownika (np. przeglądarka) nie może znaleźć żadnego kodowania w dokumencie WWW, dzięki czemu użytkownik będzie prawdopodobnie uzyskać bez czytelnego tekstu jest przedstawione oddzielnie. Ta informacja jest szczególnie istotna dla dostawców i oferuje wielojęzyczną witrynę jednak ujawnić kodowanie znaków dokumentu jest ważne dla wszystkich produkujących XHTML / HTML i CSS.
Więcej informacji:
1.3 Stosowanie Valid (X) HTML?
Prawidłowego kodu powoduje szybsze niż kod z błędami. Prawidłowy kod odda lepiej niż nieprawidłowy kod. Przeglądarek być bardziej zgodny ze standardami "i będzie w coraz większym stopniu niezbędnym do napisania ważnych i" zgodny ze standardami HTML "
Więcej informacji:
1.4 Korzystanie strony Poprawny CSS?
Musisz wykonać samodzielnie upewnić się, że nie ma źle zarówno w HTML lub CSS, ponieważ błędy niezależnie od lokalizacji może spowodować dokument wygląda "praca rush".
Więcej informacji:
1.5 Wstawianie kilka hacków CSS na stronie?
Właściwie, sieka to osobisty wybór, masz większą wiedzę o "obejścia" (do znalezienia rozwiązania bez sieka), bardziej szczegółowe projektu, będzie starać się osiągnąć.
Więcej informacji:
1.6 Wstawianie niepotrzebnych klas lub id na stronie?
Zauważyłem, że kiedy programiści uczą się nowych umiejętności, tak kończy się z dobrych stałych słabych CSS XHTML. Dokładniej, XHTML kodów wydają się być pełne niepotrzebnych divvar i identyfikatory Powoduje to dosłownie sensu HTML i nadęty arkuszy stylów.
1.7 Czy kody są dobrze zaprojektowane?
Znaczników semantycznych prawidłowego zastosowania elementów HTML za dany cel. Dobrze zaprojektowany HTML ma semantyczne znaczenie dla wielu agentów użytkownika (przeglądarki bez arkuszy stylów, przeglądarek tekstowych, PDA, wyszukiwarki, itp.).
Więcej informacji:
1.8 Czy istnieją jakieś niedziałających linków?
Niedziałające linki mogą zaszkodzić użytkowników i może służyć jako potencjalnych gości hotelu. Niedziałające linki mogą zrobić, że wyszukiwarki nie indeksują witrynę prawidłowo.
Więcej informacji:
1.9 Jak zachowywać się sobą pod względem stosowanych prędkości rozmiar strony?
Nie odbieraj mi czekać ... It's users wiadomości nam w sondażu po ankiecie. Nawet szerokopasmowe użytkownicy mogą cierpieć z powodu powolnego opłata song.
1.10, strony niektóre JavaScriptfel?
Internet Explorer dla systemu Windows umożliwia umieszczenie na "debugger", który pojawi się nowe okno aby poinformować o ile istnieją javascriptfel w witrynie. Jest ono dostępne w "Opcje internetowe" i zaawansowanych kart. Zaznaczyć "Wyłącz debugowanie skryptu".
2-ga Stopień oddzielenia treści i prezentacji
2.1 Korzystanie z CSS do wszystkich aspektów prezentacji (czcionki, kolor obicia, granic itp.)?
Użyj arkusza stylów, aby przejąć kontrolę układu i wyglądu.
2.2 wszystkie dekoracyjne obrazy CSS lub utraty tych (X) HTML?
Celem web developer jest usunięcie wszystkich prezentacji z kody do it clean i semantycznie poprawne.
Dlaczego warto korzystać z CSS do oddzielenia treści od wyglądu?
3-cia Dostępności dla użytkowników
3.1 Używanie "alt" dla wszystkich atrybutów opisowych obrazy?
Zapewnij odpowiednik tekstowy dla każdego bez elementów tekstowych.
3.2 Zastosowania wolą jednostkach względnych niż bezwzględna jednostki do rozmiaru tekstu?
Użyj jednego stosunku, a nie bezwzględne jednostki dla wartości atrybutów w języku znaczników i stillmallens właściwości wartości.
Więcej informacji:
3.3 Czy istnieją jakieś aspekty, które odnoszą się do układu przerw, jeśli rozmiar czcionki być zwiększona?
Wypróbuj ten prosty test. Spójrz na swoją stronę w przeglądarce, która obsługuje proste rozszerzenia czcionki. Zwiększ teraz w przeglądarce rozmiar czcionki, znowu i znowu ... Spójrz na witrynie. Czy układ nadal razem? Jest to niebezpieczne dla programistów, aby zakładać, że wszystkie przeglądarki używają tego samego rozmiaru czcionki domyślne.
3,4 strony stosuje widoczne "pomiń menu"?
Metody powinny być oferowane który pozwala użytkownikowi w celu uniknięcia powtarzania się odnośniki do nawigacji.
Grupa powiązane linki, określić grupę (klienckich), a dla agentów użytkownika to zrobić, dostarczając rozwiązania dla obwodnicy grupy.
... Blind użytkownicy nie są jedynymi, które przeszkadza zbyt wiele linków w dziedzinie nawigacji. Należy pamiętać, że osoby o ograniczonej możliwości przemieszczania i ubogich dostosowany technologie mogą zostać uwięzione w kasynie linków.
3.5 Zastosowanie stronie dostępne formy?
Forma nie jest najłatwiejsze w użyciu dla osób niepełnosprawnych. Po nawigację po stronie pisemne treści to jedno, aby przejść między polami formularza i informacji wprowadzających jest inny.
Więcej informacji:
3.6 Wykorzystanie dostępnych tabel?
Dla tabel danych, określić nagłówki wierszy i kolumn ... Do danych, które posiada dwa lub więcej poziomy logiczne nagłówków wierszy ani kolumn, znacznik aby powiązać dane komórki i komórki z gazet.
Więcej informacji:
3.7 Czy istnieją odpowiednie jaskrawość koloru / kontrast?
Upewnij się, że połączenie nowej i kolor tła stanowi wystarczającego kontrastu dla tych, którzy są koloru ciemno.
Więcej informacji:
3.8 Używaj tylko jeden kolor, aby uzyskać ważne informacje?
Upewnij się, że wszystkie informacje są wyświetlane kolory są również dostępne bez koloru, np. z zawartością lub znaczników.
Istnieją trzy rodzaje ślepoty kolor; Deuteranope (forma czerwony / zielony kolor niedobór), Protanope (inna forma czerwony / zielony kolor niedobór) i tritanope (niebieski / żółty niedobór występuje bardzo rzadko).
Więcej informacji:
3.9 Czy opóźnione odpowiedzi w rozwijanym menu (dla osób o ograniczonej zdolności motorycznych)?
Użytkownicy o ograniczonej zdolności motorycznych może znaleźć rozwijanego menu, które są trudne do wykorzystania, jeśli są one ustawione na szybki czas reakcji bez zwłoki.
3:10 Czy wszystkie linki opisowe (dla niewidomych)?
Tekst linku powinien być wystarczająco istotne, aby zrozumieć, jeśli są one odczytane treści - czy też dla siebie. Tekst linku powinna być krótka i miła.
4-ty Dostępność sprzętu
4.1 Czy strona przyjęcia zarówno w nowoczesnych i starszych przeglądarkach?
Zanim zaczniesz budować css na układ, należy zdecydować się na tym, co do której chcesz uzyskać pomoc i na jakim poziomie masz zamiar je wspierać.
4.2 Czy treść dostępna na CSS jest usuwana lub jeśli nie ma wsparcia dla CSS?
Niektórzy ludzie mogą odwiedzić witrynę, czy to z przeglądarki, która nie wspiera CSS przeglądarki, która ma swoje CSS off. Jeśli zawartość jest dobrze zaprojektowany tak, to nie ma znaczenia.
4.3 jest jeszcze dostępna, jeśli zdjęcia zostały usunięte lub jest wsparcie dla zdjęcia?
Niektóre surfowania ludzi wokół strony głównej funkcji obrazu wyłączony - zwłaszcza tych, którzy mają bardzo powolne połączenia. Treść powinna być jednak dla nich dostępny.
4.4 Czy strona w tekstowych przeglądarek takich jak Lynx?
Jest to kombinacja, w których zarówno obrazy i CSS są wyłączone. Tekstowa przeglądarka będzie opierać się na dobrze opracowanych podręczników.
Więcej informacji:
4.5 Czy dobre strony podczas drukowania?
Możesz podjąć (X) HTML dokumenty i łatwo sformatować go do druku, bez dotykania etykiecie.
Więcej informacji:
4.6 działa dobrze w dłoni, urządzeń przenośnych (Handheld Devices)?
Jest to trudne do czynienia z aż ręcznych urządzeń konsekwentnie wspierał ich odpowiedni typ nośnika. Z drugiej strony, niektóre układy działają lepiej w urządzeniach przenośnych. Znaczenie wsparcia przenośnych urządzeń zależy od rodzaju odbiorców jest adresowany.
4.7 Czy istnieją szczegółowe metadane zawarte na stronie?
Metadane to urządzenie techniczne i zrozumiałych informacji w sieci.
Metadane to usystematyzowanych informacji, że jest stworzone specjalnie w celu opisania innych zasobów. Innymi słowy, metadane to "dane o danych".
4.8 działa dobrze w dłoni, często różnej wielkości okna przeglądarki (uchwały)?
Jest to wspólne założenia wśród deweloperów, że średnia wielkość zwiększa rozmiar ekranu. Niektórzy projektanci zakładają, że średnia wielkość jest teraz 1024px szerokości. Ale co użytkownicy którzy korzystają z niższych rozdzielczościach ekranu, a użytkownicy urządzeń przenośnych? Czy te części odbiorców czy też są w niekorzystnej sytuacji?
5-szy Podstawowe użyteczność
5.1 jest widoczny i jasnej hierarchii?
Organizowanie i priorytety zawartość strony za pomocą wielkości i jasne linki do treści.
5.2 poziomie pozycji łatwo rozpoznać?
Użyj podziałów pozycji na dystrybucję struktury dokumentu i wykorzystywać je zgodnie ze specyfikacją.
5.3 Czy nawigacji strony łatwo zrozumieć?
System nawigacji powinien dać odwiedzającym ideę, po której stronie są i gdzie można je kontynuować nawigację.
5.4 jest zgodna nawigacji na stronie?
W przypadku każdej stronie internetowej mają spójną prezentację, odwiedzający mają łatwiej poruszać się między stronami i informacji.
5.5 jest używany strony spójnego i odpowiedniego języka?
Używanie języka prosty i przejrzysty prowadzi do obrotu bardziej skuteczne.
Staramy się poprzez stronę bez zrozumienia języka może być równie trudne jak czytanie źle napisane gramatyki, szczególnie jeśli użytkownik ma inną matkę.
5.6 Czy istnieje mapa witryny lub strony kontakt? Czy są one łatwe do znalezienia?
Większość mapa błądzi w przekazywaniu najbardziej poziomu strony struktury informacyjnej. W testy użyteczności, zazwyczaj użytkownicy często wychodzą na mapę witryny lub po prostu nie mogą jej znaleźć. Złożoność jest również problem: mapa będzie mapa, a nie nawigację w sobie.
5,7 duże witryny, jest narzędziem lokalizacji?
Chociaż narzędzie to miejsce nie jest niezbędne dla mniejszych witryn, a niektórzy ludzie nie korzystają z nich, więc dać site-specific narzędzie lokalizacji jednak gości z możliwością nawigacji.
5.8 jest tam link na pierwszą stronę (home) na każdej stronie?
Niektórzy użytkownicy lubią wracać na górę pierwszej strony po nawigację po zawartości strony. Strona jest punktem wyjścia dla tych turystów, jak i umożliwi im szybkie, przed odkrywanie nowych treści.
5.9 Czy understukna linki?
W celu maksymalnego zwiększenia percepcji tego, co jest klikalne, kolor, dodać linki i zapewnienie im podkreślenie. Goście nie muszą odgadnąć, gdzie na stronie można kliknięciu.
5:10 są odwiedzane linki zostały jasno zdefiniowane?
Najważniejsze, aby wiedzieć, jakie strony użytkownik ma już celu ułatwienia użytkownikowi, dzięki czemu błąd nie odwiedził tej samej stronie w kółko.
6-gi Funkcjonowanie strony
6.1 Poszukiwanie sensowne i pomocne 404 strony błędu, który działa na każdym poziomie w miejscu?
Żądasz strony - poprzez wpisanie jej adresu URL bezpośrednio w pasku adresu lub klikając na link nie i okazuje się, że nagle znaleźć się gdzieś w środku "cyber-świata". Strona użytkownika poda pomocną dłoń, gdy pozostałe strony nie wykonania jednej joty, lecz opiera się na przeglądarce wbudowany system powiedzieć, jakie problemy się pojawiły.
6.2 Korzystanie strony przyjazne adresy URL?
Większość wyszukiwarek (z pewnymi wyjątkami - Google dokładniejsze) nie będzie indeksować każdej stronie, która ma znak zapytania i inne znaki (np. ampersand & lub podobnych znaków) w adresie URL. Co to jest dobre strony, jeśli nikt nie może go znaleźć?
Jednym z najgorszych elementów sieci, w oparciu o gościem perspektywy, jest tylko adres URL. Jednakże, jeśli te są krótkie, logiczne i samokorygujący, adresy URL mogą być przydatne do zaakceptowania.
Więcej informacji:
6.3 Czy adresy bez "www"?
Chociaż nie jest tak źle, aw niektórych przypadkach nawet nie jest to możliwe, zawsze dobrze jest dać ludziom możliwość wyboru alternatywnych rozwiązań. Jeśli użytkownik wpisze w nazwie domeny bez przedrostka www, a następnie kończy się gdzieś indziej, może to być niekorzystne dla Ciebie i gości.
6.4 posiadają stronie ikony?
Favicon jest obraz, który praktycznie wszystkich profesjonalnych programistów zawierają w swoich witrynach. Favicon pozwala właściciela marknasföra swojej stronie, oraz do stworzenia bardziej osobiste widok przeglądarki użytkownika.
Favicons na pewno nie są istotne. Jednakże, jeśli ich nie ma, może spowodować błąd 404 wiadomości w dziennikach (statystyki). Przeglądarka IE, że zwróci je z serwera, jeśli strona jest zakładka. Czy nie ma ikony, to prawdopodobnie będzie generować 404 błędów. Z tego powodu, ikony do zaprzestania wszelkich błędów 404. To samo dotyczy "robots.txt" plików.
Więcej na temat tej listy
Niniejszy wykaz jest tylko surowcem podsumował formularz na standardach sieci Web Mail list maja 2004. To było prezentowane w Sydney Web Standards Group z dnia 5 sierpnia 2004. Jest również dostępny do pobrania wykaz pdf dla deweloperów.
Dzięki jak zawsze Rose dla korekta i Lea de Groot jej sugestie wykaz autora.
1 komentarz do standardów Web checklist - lista kontrolna dla standardów WWW
RSS dla komentarzy do tego wpisu. TrackBack URL
[...] Portugalski, czeski, rosyjski, fiński, serbski, węgierski, norweski, holenderski, Roma Nian, rosyjski, Bangla, [...]