- Helene Kasırgası nedeniyle yaşanan elektrik kesintileri ve iletişimdeki istikrarsızlık sırasında hafif web erişilebilirliği ihtiyacı ortaya çıktı
- Karmaşık, görsel ve betik ağırlıklı web siteleri mobil ortamda neredeyse hiç çalışmadı
- Basit metin tabanlı sayfalar, bilgi aktarımı ve erişilebilirlik açısından en verimli seçenek oldu
- Web performansındaki düşüş, afet anlarında bilgi eşitsizliğine yol açabilir
- Kriz anlarında da erişilebilir olan hafif web tasarımının önemi vurgulandı
Helene Fırtınası ve Mobil Web Erişilebilirliği
- Helene Fırtınası nedeniyle elektrik ve ağların istikrarsız olduğu ortamda web sitelerinin neredeyse hiç yüklenememesi sorunu yaşandı
- Görseller, reklamlar, JavaScript ve benzeri karmaşık unsurları çok olan siteler yüklenemedi
- Yalnızca basit HTML metni sunan sayfalar ise görece erişilebilirdi
- Bu deneyim, webin temel amacının bilgi aktarmak olduğunu yeniden hatırlattı
- Görsel tasarımdan çok içeriğe erişilebilirlik öncelikli olmalı
Basit Webin Değeri
- Metin odaklı web siteleri, düşük hızlı ağlarda bile hızlı çalışır
- Gereksiz kaynaklar kaldırıldığında veri kullanımı ve yükleme süresi büyük ölçüde azaltılabilir
- Bu yaklaşım yalnızca kriz anlarında değil, mobil kullanıcı deneyimini iyileştirmede de faydalıdır
- Basit yapı, bakım kolaylığına ve erişilebilirliğin artmasına da katkı sağlar
Web Performansı ve Toplumsal Sorumluluk
- Karmaşık web yapıları, bilgi eşitsizliğini derinleştirebilir
- Ağ altyapısının zayıf olduğu bölgelerde bilgiye erişim kısıtlanır
- Geliştiriciler, asgari kaynakla da çalışabilen bir webi göz önünde bulundurmalıdır
- Krize müdahale, erişilebilirlik ve sürdürülebilirlik açısından bu temel bir gerekliliktir
Sonuç
- Helene Fırtınası deneyimi, hafif web tasarımına duyulan ihtiyacı gösteren bir örnek oldu
- Basit metin webi, krizlere dayanıklılık ve evrensel erişilebilirliği aynı anda sağlayan bir çözümdür
1 yorum
Hacker News görüşleri
Birçok haber sitesi yalnızca metin sürümü sunuyor
Örneğin lite.cnn.com, text.npr.org, wttr.in gibi
Daha fazla liste için Greycoder'ın listesine bakılabilir
Bu tür sitelerin kolayca bulunabilmesi ve yerel haber sitelerinde de desteklenebilmesi için standartlaştırılmış bir yöntem olsa iyi olurdu
Aslında ayarlanan tek çerez, banner'a tıklanıp tıklanmadığı gibi görünüyor; sayfa boyutunun büyük kısmı da sanki bu banner'dan kaynaklanıyor
İlgili yazı: Hoe werkt het vernieuwde Teletekst
litealt alan adını kullanınca yalnızca abonelere açık haberler de okunabiliyorCNN birkaç ay önce agresif A/B testleri yaparken bu site yine aklıma gelmişti
Haber başlığındaki görsel 2400x1600 PNG olarak 500KB'tı; ince dithering yüzünden iyi sıkışmadığı söyleniyor
Aynı görsel .avif'e (kalite 90, 12 bit) çevrilince 15KB'a düştü
Böyle görseller sayfanın yüklenmesini geciktiriyor, kaydırmayı zorunlu kılıyor ve hemen unutuluyor
Helene Kasırgası sırasında içinde bulunduğum Newspack ekibi, Blue Ridge Public Radio ve başkalarıyla birlikte
düşük bant genişliği kullananlar için metin sürümü haber sitesi kurdu
text.bpr.org üzerinden on binlerce kişiye bilgi ulaştırdık ve
bunun sonucunda OpenNews desteğiyle
acil haberler için düz metin web çözümünü ülke çapındaki haber kuruluşlarına yayma projesi üzerinde çalışıyoruz
Saf HTML ve form tabanlı etkileşimler bile fazlasıyla etkili olabilir
Eski web forumlarının çoğu JS olmadan da tamamen çalışıyordu
GitHub da bir zamanlar JS olmadan issue görüntüleme ve yorum yazmayı destekliyordu ama
şimdi neredeyse hiçbir şey görünmüyor. Muhtemelen izleme script'lerini zorlamak için
Helene Kasırgası sırasındaki deneyimimi özetleyeyim
Elektrik kesintisi yüzünden benzin istasyonu bulmak zorlaştı ve komşularla yakıt paylaşmak zorunda kaldık
Yalnızca güneş enerjisine güvenmeyin; yedek güç kaynağı (araç, propan jeneratörü vb.) hazırlayın
Ayrıca acil durum hizmeti siteleri, Web 1.0 düzeyinde basit formlar ve görsellerle de çalışabilmeli
JS yüklenmesi 5 dakika süren siteler afet anında hiçbir işe yaramaz
NPR'nin radyo güncellemeleri tek bilgi kaynağıydı
Sonunda komşularla birlikte yolları açtık, yakıt bulduktan sonra da çıkabildik
Kart ödeme ağı çökerse POS terminalleri çalışmaz
Xfinity uygulaması bağlantı kararsız olduğunda sürekli hata veriyor, ayrıca çok ağır
Tam da böyle durumlarda hafif bir müşteri destek portalı gerekirken gerçekte bunun tersiyle karşılaşıyoruz
üçlü SIM destekli bir telefon olsa Verizon'u da eklemek isterdim
eSIM'de birden fazla hat tanımlanabiliyor ama aynı anda yalnızca biri etkinleştirilebiliyor
Benzer bir deneyimde, Nepal'deki bir heyelan sırasında birkaç gün mahsur kalmıştım
Hiç bilgi yoktu; haberler yalnızca telefonla aktarılıyordu ve
yol açılır açılmaz araçlar yığıldı, trafik ve tehlike oluştu
COVID döneminde yerel kısıtlamaları sade biçimde özetleyen bir metin sayfası işletiyordum;
karmaşık brifinglerden çok daha faydalıydı
Ukrayna'nın işgali sırasında mülteciler Telegram, Notion ve Google Docs ile
24 saat içinde kendiliğinden bir bilgi ağı kurdu
Sonuçta krize müdahalede asıl kilit nokta bilgi aktarımını sadeleştirmek
arkadaşlarına gerçek zamanlı sorarak kaçış güzergâhını doğruluyordu
Neyse ki çoğunlukla doğru yanıt aldı ve güvenli bölgeye geçebildi
Hassas bilgiler de orada paylaşılıyor gibi görünüyor
Web sektöründe uzun süredir olanlar, 11 Eylül sırasındaki büyük çaplı web kesintilerini hatırlar
Neredeyse tüm haber siteleri çökmüştü; bilgi sağlayabilen tek yer Slashdot olmuştu
Bugün altyapı çok değişti ama insan yine de “ya bir daha böyle bir şey olursa?” diye düşünüyor
son atlama New York'taki kule içi sunucuya gidiyordu
Sonrasında batı kıyısına yönlendirilmesi biraz zaman almıştı
Yakın zamanda okuduğum bir yazıda artık 1GB RAM ile tarayıcı çalıştırmanın zorlaştığı anlatılıyordu
JS hızlandı ama buna paralel olarak web sitesi kod boyutu da gereksiz yere büyüdü
Hızlı ağlar adeta verimsizliği teşvik etmiş oldu
İlgili yazı
Neredeyse 1994 seviyesindeki saf HTML ile başlamak iyi olabilir
<html>ve<body>bile yeterli; gerekirse biraz CSS eklenirPico.css gibi harici CSS kullanılacaksa CDN yerine doğrudan barındırmak daha iyi olur
npx create-react-appgibi karmaşık araçlar daha sonra düşünülmesi gereken şeylerCSS'yi gzip ile yaklaşık 20KB seviyesinde tutuyorum
<meta charset="utf-8">eklemek hâlâ iyi bir fikirBirleşik Krallık hükümetinin GDS web standartları basit HTML'den oluşuyordu ve
hatta PSP'de bile çalıştığı anlatılır
Bkz. Terence Eden'in blog yazısı