Някои може би се питат, защо се се проведе отново ‘CSS Naked Day’ тази година на 9-ти април.

Целта не е просто да си “съблечем” CSS стиловете и да си покажем сайтовете/блоговете без никакъв дизайн! ;-) Целта е да се покаже, че Уеб стандартите не са нещо абстрактно, а нещо, което помага на хората (а и на машините, но това е друга тема) да получават по-лесен достъп до информацията, публикувана в Интернет.

Един добре написан сайт ще бъде почти еднакво достъпен за хора, които не виждат достатъчно добре или не виждат изобщо; за хора, които имат проблем при използването на мишка (използват само клавиатура)… но той ще бъде и също толкова достъпен и за всички останали! Тоест, със съвсем малко усилие от наша страна, ние можем да направим нашия сайт достъпен за почти всички!

Изключвайки CSS стиловете, ние виждаме сайта така, както биха го “видяли” (прочели) повечето от незрящите хора, които сърфират в Интернет; също и така приблизително ще изглежда сайтът върху браузър от малко по-старо поколение мобилен телефон или PDA (тоест, основно текст).

А не е ли Интернет осново средство за предаване на информация, и не е ли текстът основният начин, по който човечеството предава знанията си от поколение на поколение от векове? :-)

Уеб достъпността и iPhone

iPhone, този мобилен телефон на Apple от съвсем ново поколение нашумя много. Включително с прекрасния си мобилен браузър (Safari), голям екран 640×480 пиксела… а също и с революционния начин, по който се осъществява комуникацията между потребителя и телефона — а именно, само чрез touch screen.

Малцина от тези, които превъзнасяха Steve Jobs и новата му i-играчка, се замислиха над факта, че чрез именно този нов, революционен начин на взаимодействие с телефона, Apple всъщност “отрязват” напълно потребителите, които имат влошено зрение. Недомислица? Случайност? По-скоро игнориране на част от потребителите.

Георги Живанкин писа по темата iPhone и достъпността (accessibility), а и други хора. Факт е, обаче, че ако вие не виждате, вие не можете да използвате iPhone, колкото и да ви харесва джаджата. Така че Георги Живанкин или Виктор могат свободно да сърфират в Интернет, но не и с “недостъпно” устройство като iPhone (а и може би си спомняте, че именно Стив Джобс беше онзи, на който принадлежи прочутата крилата фраза (цитирам по памет): “Има проблем, да, възрастните хора от предишното поколение имат проблеми с използването на компютърна клавиатура, но когато всички те умрат, този проблем ще се реши от само себе си” — цитатът го бях прочел в някакво печатно издание, ако се сетя къде, ще допълня тук).

WordPress 2.5 и достъпността

Наскоро писах за новия WP 2.5 и как неговият нов интерфейс (специално в раздела ‘Write’) е по-неудобен от този в предишната версия (2.3.3). По повод това се получи и малък разгорещен flame във форумите на wordpress.org (150+ comments and counting on;-) и доста потребители дори се върнаха обратно към 2.3.3 след upgrade до 2.5.

Покрай голямата шумотевица с новия дизайн на Admin интерфейса, неудобството от пренасянето на панелите от sidebar’а в дъното на страницата (което предизвиква ненужно скролиране нагоре и надолу) и премахването на възможността за drag-n-drop…

…се изгубиха думите на един незрящ потребител на WordPress. В няколко абзаца, той обяснява, как промяната на интерфейса, въпреки че е направена от прочутите Happy Cog, всъщност намалява достъпността на този уеб софтуер за него…

Може ли да бъде различно? Може. И не е толкова трудно.

Уеб стандартите не са абстракция

Повечето съвременни компютри могат чрез JAWS и други специални програми да позволят на потребители, които не виждат, да “разглеждат” свободно различни уебсайтове, да четат и пращат електронни писма, да търсят в Google и много други неща, достъпни за всички останали.

Единственото условие е сайтът, който те посещават, да се съобразява именно с тези т.нар. Уеб стандарти, а именно:

  • фòрмата да е отделена от презентацията (чрез семантично написан HTML и CSS);
  • навигацията да е достъпна и без наличието на Flash/JavaScript в браузъра (тоест, да е направена чрез стандартни хиперлинкове);
  • страницата да е организирана в логични блокове (които биха могли и да бъдат маркирани “невидимо” чрез кратки пояснителни заглавия), a ако е възможно, в началото на всяка страница може да бъде поставено и скрито бързо меню, което да позволява лесната навигация в рамките на страницата (от типа “jump to: navigation/content/secondary navigation”);
  • картинките да са маркирани правилно (например, ако една картинка представлява линк, който води към някаква статия, това да се поясни в точен title/alt текст);
  • уеб формите трябва да са с labels и да могат да се изпращат и без наличието на JavaScript в браузъра;
  • добра идея е също така да се провери, дали дизайнът се запазва при увеличение на текста до поне +150% (аз използвам Firefox за целта), или всичко се размества и страницата става трудно използваема;
  • най-накрая, също бих препоръчал да те тества, дали страницата може да се използва нормално и без наличието на едно или няколко от следните три неща: JavaScript, CSS, картинки.

Има и още много други аспекти, за които се сещам или не се сещам в момента (за част от тези неща писах наскоро и в отговор на едно писмо на читател в блога на Йовко), но тук се опитах да изброя поне основните.

Да се напише един валиден и семантично правилен HTML документ не е трудно и не отнема много време (в сравнение с писането на един невалиден и семантично неправилен HTML документ, пълен с ненужни tables for layout и тагове font font font;-) …но това прави Интернет малко по-достъпен за хората, които имат проблеми с зрението, и/или не сърфират в Web с клавиатура, мишка, монитор 20+ инча, съвременен браузър с последна версия Adobe Flash и JavaScript поддържка.

Те ще го оценят! :-)

PS Кога стана близо 2 след полунощ, не знам… отивам да си лягам след тази импровизирана лекция на тема “Уеб стандарти”;-)

5 thoughts on “CSS Naked Day: защо?

  1. Въпреки, че съм върл защитник на web-стандартите съвсем целенасочено не участвах в разсъбличането. Не за друго ами защото залитането в инфантилни демонстрации рядко води до резултат. Не, че не го правя непрекъснато (залитането имам наум). Съблеченият сайт не е доказателство, че той е валиден. Самото събличане не променя по никакъв начин начина, по който го възприемат незрящите. Още повече пък, когато се случва за няколко часа. Вместо времето и шумотевицата как и кой си е disable-нал CSS-а, същото време щеше да е далеч по-полезно ако бяха положени минимални усилия по валидиране на някоя страница, plugin или код… Защото видях доста съблечени сайтове, които днес отново са облечени и все така невалидни… Доказателство, че дори върху подкрепилите я кампанията не е показала ефект…

    Реално ако помислим усилията са никакви… дори да не разбираме нищо от софтуер, достатъчно е да изберем прилична платформа и тема/шаблон/template, които генерират валиден код. И най-важното – RSS генератор, който генерира валиден feed.

    Защото, честно казано не разбирам едно нещо, защо толкова много трябва да акцентираме върху нечий недостатък – ако аз бях незрящ (а никой от нас дето висим по сто часа дневно пред компютрите не е застрахован), щях да предпочитам колкото се може по-малко да се усещам различен… Не виждам защо трябва да се пишат плъгини за незрящи, мобилни версии на сайтове за различни устройства и т.н. при положение, че един проект излъчва валиден RSS-feed… Ако бях незрящ, просто щях да чета RSS-емисиите (и аз едно време защитавах тезата, че не е непременно нужно те да са пълни – именно като се замислих за незрящите разбрах, колко не съм прав). Една пълна, валидна RSS емисия е нещото, което елегантно и без акцент върху нечий недъг дава възможност на всички еднакъв достъп. Дори като зрящ, аз в момента чета само RSS-емисии…

    Що се отнася до iPhone – винаги ще има неща, които няма да са достъпни за един или друг. Все едно да кажем, че слушалките или музикантите дискриминират хората с напълно увреден слух. Фотографиите също няма как да са достъпно изразно средство за хората с увредено или липсващо зрение, това не означава, че света не бива да създава фотография… Нека не залитаме в крайности…

    Аз бих подкрепил повече усилия в мисъл отколкото в следване на инерция. Да не говорим, че не стоплих какво точно нестандартно видяхте на CSS-спецификацията, че и теглихте ножа. Иначе аз по-добри аргументи бих намерил за кампания два дни без PHP… да видим тогава…

  2. @yovko:

    Един от най-интересните и най-смислените коментари по темата, които съм чел напоследък! :-)

    С някои неща които казваш, съм съгласен, с други — не толкова…

    Съблеченият сайт не е доказателство, че той е валиден. Самото събличане не променя по никакъв начин начина, по който го възприемат незрящите.

    Това е така. Аз самият също съм върл защитник на уебстандартите и валидния код. Но идеята е, че когато изключим CSS, за малко виждаме сайта само като текст — тоест, без “одеждите” на дизайна…

    Защото, честно казано не разбирам едно нещо, защо толкова много трябва да акцентираме върху нечий недостатък – ако аз бях незрящ […] щях да предпочитам колкото се може по-малко да се усещам различен… Не виждам защо трябва да се пишат плъгини за незрящи, мобилни версии на сайтове за различни устройства и т.н. при положение, че един проект излъчва валиден RSS-feed…

    Не е необходимо да акцентираме върху това — по-скоро, да го имаме предвид. RSS feed’ът е опция, но защо не и самият сайт да не е лесно достъпен за всички? Освен това, ако някой попадне на моя сайт през търсене, или линк, изпратен от приятел (примерно), тогава той няма да може да използва RSS, за да получи достъп до съдържанието на определена страница. В такъв случай, ако съдържанието ми е добре организирано, лесно достъпно, и навигацията е лесна, всеки ще може лесно да се ориентира… Което е голям плюс! :-)

    Що се отнася до iPhone – винаги ще има неща, които няма да са достъпни за един или друг. […] Нека не залитаме в крайности…

    И аз съм против крайностите. Да речем само, че Apple са създали продукт, който може да се използва само от хора, които имат зрение. Ето ти друг пример — персоналният компютър, на който пиша в момента, може да се използва и с монитор, и без (ако се инсталира специална програма на него). Тоест, това е устройство, което може да се използва и от зрящи, и от незрящи. iPhone, обаче, може да се използва само от зрящи. Има мобилни телефони, които могат да се ползват от всички, а iPhone не е такъв… Просто търсех пример за устройство, при което този аспект да е игнориран… А че фотографията не е достъпна за всички, това е ясно, но мисля, че случаят е малко по-различен:)

    Аз бих подкрепил повече усилия в мисъл отколкото в следване на инерция. Да не говорим, че не стоплих какво точно нестандартно видяхте на CSS-спецификацията, че и теглихте ножа. Иначе аз по-добри аргументи бих намерил за кампания два дни без PHP… да видим тогава…

    Никой не е “теглил ножа” на CSS! ;-)

    CSS е чудесно нещо, което прави дизайна на нашите сайтове. Мисля (тук си прав), че самата идея малко се е изживяла вече… Тя датира от преди 3 години все пак (!), което Интернет време е равно поне на 30 от нормалното;-) Преди три години все още имаше толкова много сайтове, направени с таблици (7-levels deep;-) и купища DHTML и тагове FONT FACE.... Тези сайтове изглеждаха ужасно отвътре (като код), бяха анти-достъпни, и по онова време се роди идеята да се покаже разликта между тях, и новите сайтове, създадени с Web standards in mind.

    Сега времената са други, повечето хора използват блогове (които ползват валиден XHTML+CSS в повечето случаи, и валиден RSS)… и вече може би нямаме нужда от точно такъв ден. Освен това, без подкрепата на “големите” дизайнери от бранша (каквато CSS Naked Day, First Edition беше спечелил тогава), вече не е същото…

    Аз и Ани участвахме, обаче — а и бяхме си обещали преди година, че ще си направим (почти) гола снимка за каузата ‘Web Standards’… и ето че спазихме обещанието си! ;-)

    Сега, next year… е, може би няма да участваме в инициативата… Или ще участваме в някоя друга (JavaScript Naked Day? AJAX Naked Day? Apache Naked Day;-)…

    (което и отговаря на другия въпрос, на Георги):

    @Георги:

    “Седмица без Java” или без “JavaScript”?… :-) Че е важно това уточнение! :)))

  3. Аз също подкрепих инициативата, не толкова защото тя “води до резултат”, а по-скоро за да се обърне внимание върху няколко аспекта на програмирането на уебсайтове – достъпност и стандартизиране, семантично програмиране, отделяне на съдържание от визуализация.

    Мисля, че това са важни неща, които заслужават да се акцентират, макар и веднъж годишно. Не че можем да променим всички “уеб дизайнери”, генериращи нестандартни сайтове от типа “Оптимизиран за IE5.0, разделитена способност 1024×768”, но поне си струва да се обърне внимание на тези, които сега започват и биха искали да се научат правилно. А може би и поръчващите уебсайтове ще обърнат внимание и ще се поинтересуват какво да изискват от разработчиците.

Leave a Reply

Your email address will not be published. Required fields are marked *