 Dobra, działa, działa. Dobra, więc generalnie mamy 18 minut, to jest krótka prezentacja jak na mnie, więc będziemy mówić szybko. W prezentacji są slajdy podprogowe, co drugi slajd jest podprogowy. Rozluźnijcie się, patrzcie na slajdy, nie na mnie. Tego się prosto odczaruję. Nie będzie dzisiaj o bezpieczeństwie, będzie o tym, o czym zapominacie robiąc strony internetowe, ale w zasadzie jeżeli jesteście klientami, to o czym zapominacie. Kim jestem? Szybciutko, WP Magus. Prezentacja nie jest odświeżona. WP Magus, czyli miejsce, w którym pracuje od lat, tam nie wiem, nastu już, właściciel, founder itd., robimy wszystko, co związane z WordPressem. Core Contributor, czyli jak korzystacie z WordPressa, to tam trochę mojego kodu jest, kilka linii jak pewnie. Tłumacz WordPressa, organizator WordCampu, speaker na WordCampach, organizator kiedyś w Worda Wrocław, pomagacz na WordPress Stack Exchangeu. Tworzyłem strony na przykład dla próchnika scanmedu, czy współpracowałem z ministerstwem edukacji narodowej. Obecnie tworzymy też firmę 360 Digiker, o tym pewnie jeszcze będzie mówione. Dobra, o czym myślimy, gdy tworzymy nową stronę internetową? Śmiało. No to ty jako twórca strony, a tak klient. Klient myśli, żeby nie zafakturować, dobra. No tak naprawdę większość klientów, którzy do mnie przychodzą i mówią, żeby mieć stronę internetową, albo nową stronę internetową, to się skupia na tym, że ta strona ma być ładna. W domyśle, że im ma się podobać. Że wygląda nowocześnie, albo przejrzyście, albo czysto, albo to nowocześnie sobie wybierzcie dowolne słowo, które znaczy plus-minus nic. Nowocześnie jest fajne, bo to jest zgodnie z chwilową modą, bo dzisiaj robiona strona nie jest nowoczesna, tak? To nie jest rocket science. Kolory i fonty nam odpowiadają. Znowu zgodne z kolorami firmowymi i tym podobne. Zdjęcia są ostre i ładne. Jak są nieostre zdjęcia, to nie jest fajnie. To jest zła strona. Treści nie mają błędów, tak? Czyli czy przypadkiem gdzieś na stronie głównej nie ma literówki, bo to jest, świat się zawali, jeżeli w stronie demo będzie literówka. I pewnie jest więcej takich rzeczy. I teraz co łączy te rzeczy z poprzedniego slajdu? OK, OK. Z mojego punktu widzenia te rzeczy łączy też to, że to są rzeczy stosunkowo proste do zmiany. Bo jeżeli mam zmienić kolorystykę strony, to to jest jeden, dwa dni fronta góra. Jeżeli mam poprawić literówkę, to poprawię to w trakcie naszej rozmowy, na której mi pokażesz, że tam jest ta literówka. Sorry, nie zauważyłem, zdarzyło się, ale ja tych treści nie pisałem, ja je dostałem od ciebie, więc to nie jest wielki problem. Co więcej, te rzeczy w większości nie mają znaczenia. A nie mają znaczenia dlatego, że bo to czy strona jest ładna, to ona nie nam ma się podobać. Jeżeli ja słyszę, że bo prezes firmy mówi, że ona jest smutna, to super, kiedy ostatnio prezes firmy zrobił zakupy na tej stronie. Pewnie nigdy. Czy wygląda nowocześnie? No już za rok, ona nie będzie nowoczesna. Pamiętacie jeszcze material design, to się chyba tak nazywało? A pamiętacie flat design, to się też chyba tak nazywało? Kto ostatnio z was tego używał? No dobrze, jest jedna osoba. Kolory i fonty nam odpowiadają. Przy dobrze napisanych stylach można je prosto zmienić. Zmiana fontów na przeciętnej stronie, która jest dobrze zrobiona, to jest tak naprawdę parę minut w trakcie rozmowy. Czy zdjęcia są ostre i ładne? Znowuż, to są treści. Zdjęcia na stronie, jeżeli mówimy o stronie zrobionej na WordPressie, to są treści. Wy jako klienci możecie je sobie podmienić, a tutaj powiem wam się te, które zostały osadzone. Ponownie zazwyczaj one pochodzą od was, bo większość agencji nie wykonuje zdjęć dla klienta, jeśli chodzi o stronę. To też możecie je sobie prosto zmienić. To, czy treści nie mają błędów, także możecie je zmienić. Podmiana tej literówki dla was jest tak samo proste jak dla mnie. Ok. A na co uwagi nie zwracamy. I tu nie wiem na ile, a, będzie widać. To są wiadomości, które faktycznie gdzieś tam dostają i sobie pozbierałem. Czyli mamy na przykład tak. Cześć Krzysiek, właśnie przebudowujemy sklep i chciałbym przy okazji zająć się tematem prędkościowymi. Jak u ciebie z czasem. Albo na przykład poszukujemy osoby, która nie tylko umie zdiagnozować problemy z aplikacją, ale i je naprawić. Chodzi o portal, jakiś tam. Czasami strona nie działa prawidłowo, obciążenie procesora przekracza 100% i występują błędy 503. Czyli tu mamy problem z wydejnością. Tu mamy co? Jakieś tam modyfikacje na stronie. Chcielibyśmy przeprowadzić optymalizację witryny. Generuje ogromny ruch i tak dalej i tak dalej. Znowu, że jakieś tam błędy 500. Tu mamy chces zabezpieczyć. Tu mamy bodajże, że na stronie chcemy mieć WCAG. Teraz przyzwyczailiśmy się, my jako klienci, to my, może jest mylące, bo ja średnio jestem klientem na stronie internetowej, ale przyzwyczailiśmy się, że wystarczy zainstalować wtyczkę i wszystko się rozwiąże. Trochę wynika to z tego, że dużo wykonawców przyzwyczaja do tego klientów. Tylko zobaczmy sobie na przykładzie WCAG, jak to wygląda w praktyce. Mamy wtyczki dostające dostępność. Spoko. Super. Czyli mamy stronę szpitala, na przykład wystarczy zainstalować wtyczkę, będzie z głowy. Reszta się oklepie elementorem. Są wtyczki. Są wtyczki, mają po tysiące aktywnych instalacji, mają fajne oceny. A co te wtyczki robią? Ktoś z was kiedyś sprawdzał? No na przykład między innymi dodają takie coś. I teraz jeżeli sobie pomyślicie, że wyobraźcie sobie przez chwilę, że jesteście osobą, która niedowidzi i potrzebujecie na przykład 3 razy większych fontów, żeby móc je przeczytać, bo macie problem ze wzrokiem. Albo potrzebujecie zwiększonego kontrastu. Czy funkcjonujecie tak, że wchodzicie na stronę internetową, szukacie takiej małej niebieskiej ikonki, trafiacie w nią, czytacie tam zwiększ kontrast, klikacie w to, jest super, możecie tą stronę obsłużyć. A potem stwierdzacie, kurczę, to nie ta strona, idę na następny wynik wyszukiwania i to samo. No nie, oczywiście że nie. Bo możecie sobie ustawić przeglądarce powiększenie fontów, możecie sobie w Windowsie, czy tam Macu ustawić zwiększony kontrast. To jest strona, jak widzicie, Wrocław Miast, co spotkań. I ja tu mogę zapłacić podatki. I ta strona musi spełniać wymogi WCAG. I wiecie, co tam jest w prawym rogu? Są takie ikonki, których ja na tym telewizorze nie przeczytam, ani nie mam wady wzroku. I one coś robią. Ja muszę zgadnąć, co one robią. I może jest to, że na tym filmie, w tym filmie, co oni robią. I może za ich pomocą jestem w stanie coś zmienić. Za tą stronę ktoś zapłacił. Ta strona w wymaganiach na pewno miała WCAG. Skąd to się wzięło? No wzięło się stąd, że jest sobie takie kryterium o zwiększaniu tekstu, zmianie rozmiaru tekstu. I do kryterium mówi właśnie tyle, że tam, pomijając niektóre rzeczy, tekst może być resaizowany. Tylko, tylko to można rozwinąć i przeczytać wytłumaczenie tego punktu. Jak sobie to już przeczytacie, to wtedy się okaże, że nie chodzi o to, że na stronie ma być przycisk, który zwiększa i zmniejsza tekst. To jest w ramach dostępności jest przycisk, który zmniejsza tekst. Bo ktoś może mieć wadę wzroku i musi mieć mniejsze literki. Tak? To teraz, tu chodzi o to, że ja mogę sobie powiększyć tekst dwukrotnie, za pomocą kontrol plusa i ze strony dalej korzystać. Co to znaczy dalej korzystać? To znaczy, że np. żaden przycisk wysokości ustawionej na 80 pikseli, wysokości na 20 a tekst, który powiększy dwukrotnie wyjedzie poza tym przycisk i będę miał po prostu zielony prostokąt nie wiedząc, co on robi. OK? Kryterium WCAG wszystkich jest tyle. Ja sobie wybrałem takie ciekawsze z nich. Tu macie np. napisy rozszerzone. Do wszystkich nagrań audio w multimedial coś tam, coś tam, dźwięk i obraz z wyjątkiem sytuacji, kiedy są na alternatywnymi dla tekstu, alternatywami dla tekstu, są oznaczone, zapewnione są napisy. Czyli jakakolwiek wtyczka zrobi wam napisy do filmu YouTube, które opublikujecie na stronie. Kontrast minimalny. Widualna prezentacja tekstu lub obrazu tekstu posiada współczynnik kontrastu wynoszące przynajmniej jakiś znowuż. Czy wtyczka zmieni wam kontrast waszej strony. Zmieni wam kolorki czy zmieni wam kontrast. Czy ona sprawdzi np. czy biały tekst na tle zdjęcia po zresalizowaniu np. do rozmiaru iPada nie wypadnie na białym ubraniu pielęgniarki. Czy jakaś wtyczka wam to zrobi? Klawiatura. Wszystkie funkcjonalności w treści są obsługiwane za pomocą interfejsu klawiatury. Ponowne potwierdzenie autentyczności czy błyski lub wartości poniżej progu. Animacja po interakcji. Wiecie, że jeżeli robicie stronę zgodną z WCAG to musi być możliwość wyłączenia animacji wszystkich animacji. Czy jeżeli robicie animację w csesie to dajecie możliwość wyłączenia ich? Bo wtyczka tego nie zrobi za was. Tytuły stron. Cel łącza. Czyli linki muszą być poprawnie opisane. Ok? Zauważcie, że tych... Ja przeleciałem, nie wiem, 5, 6, 8 kryteriów. Pamiętacie jak długa była ta lista? Żadnego z tych kryteriów żadna z wtyczek wam nie rozwiąże. Wydajność. No do tego to przecież na pewno są wtyczki. Wszyscy znamy wtyczki do wydajności. Prawda? Takie wyniki się robi wtyczkami. Znaczy zainstalować wtyczkę i działa. A jakie problemy mają strony? Faktyczne żywe strony. No na przykład takie. Zobaczcie rozmiar doma. 3,5 tysiąca elementów. Zobaczcie ładowane skrypty i czasy i ładowania. Wtyczka optymalizująca nie wyrzuci wam tych skryptów. One się dalej będą ładować. Zasoby zdjęcia i skrypty, które mają po kilka megabyteów. Znowuż tego wam nie rozwiąże wtyczka. Wtyczka wam może je co najwyżej załadować leniwie. Tu macie fajną stronę, która się ładuje jedyne 23 sekundy. 24. Tego wtyczką nie naprawicie. Ten stronę po prostu ktoś źle zrobił. Bo nikt w wymaganiach nie napisał, że ta strona powinna działać szybko. Wygoda edycji. To jest wdrożenie WordPressa. Klient chciał mieć takie strony, bo takie były zakodowane w projekcie, zaprojektowane w projekcie. Klient dostał takie strony. Klient bardzo szybko zauważył, że nie jest w stanie edytować tych stron, bo one po prostu zostały zakodowane i nawet tam chyba tytuły były zakodowane tak na chama. WordPress był użyty tak naprawdę ponic. Po to, żeby obsłużyć PHP. Tu macie jakiś kolejny taki przykład. Zmienicie sobie kategorię. Co się stanie? O jejku przestanie działać. Tu macie jeszcze jakieś tak, no tam przeniesienie na jakąś podstronę i tak dalej. Tu macie na przykład edytor. I to jest generalnie bardzo fajny edytor, bo on edytuje stronę dokładnie tak, jak ona wygląda. Jeżeli byście chcieli stworzyć drugą stronę, która ma podobny wygląd, tylko inne treści, to się nie da. SEO. Tu macie na przykład fajną strukturę, która ma się nijak. Macie na przykład H1 StartZite H1 Bound Laber. Tu macie też jakieś sieczkę kompletną. Tu macie więcej sieczki. A tu macie kompletną sieczkę, która na przykład bardzo często jest używana po to, żeby wszystkie strony, wszystkie produkty, wszystkie wpisy blogowe mogły być w katalogu głównym domeny. Bo katalogi są głupie. I jak wiemy wrzucenie wszystkich plików do jednego katalogu i szukanie w tym wielkim worku, bez struktury jest super. Co prawda zabija to wydajność, ale poza tym jest super. I teraz trik polega na tym, że to jest tylko początek. Bo przecież mamy jeszcze bezpieczeństwo. Mamy responsywność. Mamy łatwość utrzymania. Mamy licencje. Bo kto z was nie spotkał nigdy klienta, który po roku od używania strony, dowiedział się, że jego strona korzysta z 15 licencji płatnych wtyczek, na które on tych licencji nie dostał, co znaczy, że w sumie musi je sobie kupić. I to będzie go tam kosztować na przykład 1000 dolarów rocznie. Mamy zgodność z prawem. Bo owszem my nie jesteśmy prawnikami. Ale klient też nie jest prawnikiem. Ja tworząc sklep internetowy sobie nie muszę wiedzieć, co ja potrzebuję w tym sklepie internetowym. Wy jesteście ekspertem od robienia sklepów internetowych. Wy pewnie o tym powiecie. Ekologia. Czy strony internetowe mają coś wspólnego z ekologią? Super. Czyli już ta świadomość gdzieś tam jest. No to zastanówmy się teraz, czy strona, która pobiera przy każdej odsłonie rzędu, 10 megabajtów, czy ona by na pewno jest ekologiczna. Realizacja celu. To koleżanka tutaj na początku chyba zaznaczała, że strony to jeszcze powinny realizować jakiś cel. Poza tym, że są ładne. I tak dalej. I teraz zobaczcie, że żadnej z tych rzeczy ja praktycznie nigdy nie usłyszałem od klienta, który mówił, dzień dobry chciałbym szybką, bezpieczną stronę, która jest dostosowana do wymogu WCA G21 i sprzedaje te produkty. Dziękuję. Nigdy tego nie usłyszałem. Dzięki za uwagę.