2016 májusi frissítés

A sablon gyorsaságának növelése

  • A fejléc optimalizálása
  • A stílusalap (CSS) tömörítése és javítása.
  • Töröltem az schema.org elemeket.

Áttekinthetőbb tipográfia

  • A területeket elhatároló vonalak megszüntetése. Tesztelési tapasztalataink szerint ezek túl nagy kontrasztot adtak. Helyette egy sokkal kevésbé kontrasztos elkülönítést használtam a területek megkülönböztetésére.
  • Az oldalsáv listaelemei eddig nem voltak egyértelműen jelölve. Most ezt is megoldottam.
  • Átnéztem és javítottam a tipográfiai elrendezés ritmusát a különböző képernyőméreteket.
  • Az első címsorokat jobban kiemeltem.

Olvashatóság, érthetőség

  • A bejegyzés kivonatok a két oszlopban elrendezett álló téglalap helyett egy oszlopos fekvő téglalap elrendezésűek lettek. Ezzel jobban megközelítjük a legjobb olvasási élményt adó szövegoszlop méretét. A kutatások szerint ez kb. 80 karakter széles.
  • A linkek aláhúzását kissé lejebb tettem, eltávolítottam a szövegtől. Így a lefelé nyúló karakterek már nem nyúlnak bele a vonalba. Ezzel könnyebbé tettem a szöveg olvasását.
  • Átnéztem a HTML5 tartalom leírására szolgáló elemek grafikai megjelenítését. Célom, hogy minden különböző célra szolgáló szöveg (idézet, hosszabb idézet, kód, vers, dátum, link stb.) valamilyen módon látványban is különbözzön egymástól. Ezért került bele pl. az idézetek jelölésére használt <q> elem, amely ezelőtt hiányzott a sablonból. A <tt> elem már elavult, helyette a <code> elemet használják, a sablonba azért beletettem a teljesség kedvéért.

Robusztusság

    • Ahol lehetséges volt, a HTML5 jelölőelemek használatam, a WAI-ARIA helyett. Feleslegeseket töröltem.
    • Néhány PHP kódolást javítottam annak érdekében, hogy jobban megfeleljen a WordPress programozási elvárásainak.
    • A stílusalapban (CSS) a pixel értéke mellé rem értékeket is megadtam, mert ezzel biztosítható, hogy a böngésző beépített nagyítás funkciója megfelelően működjön.
    • Az alapfontkészlethez hozzáadtam az Ubuntu fontot is, amely a Linux rendszerek alapbetűkészlete.
    • Ismét ellenőriztem a Validatorral és képernyőolvasóval. A hibákat javítottam. (néhány még maradt a következő hónapra is.)

Működtethetőség

  • Az oldalsáv linkjeit is megjelöltem a fent említett, kevésbé zavaró aláhúzással.
  • Élesítettem a kenyérmorzsát. A sablon sajátját használja, de természetesen a kiegészítő gyerektémában ezt felül lehet írni.

Frissítések, hibajavítások

  • A CodeAwesome ikonkészlet 4.6.0-ás verzióját olvasom be, amely már az akadálymentességhez tartozó ikonokat is tartalmazza.
  • A sablon könyvtárában frissítettem a WordPress sablonkönyvtárában a sablon mellett megjelenő screenshot.jpg-t, és  elhelyeztem a mobiltelefonos kinézetet megmutató screenshot-mobile.jpg-t. Ez utóbbi ugyan nem jelenik meg, de fontosnak tartottam.
  • A lenyíló menü nem minden képernyőméretnél működött.
  • A címkék archív oldala hibás volt.