WordPress 7.1 GA Öncesi 88 Erişilebilirlik Düzeltmesi

🇬🇧 English: Read this in English →

Bir WordPress sürüm notunda ilk okuduğum bölüm erişilebilirlik olur, en son alıntıladığım da. İlk olarak, çünkü ekibin cumartesilerini gerçekte neye ayırdığını orada görürüm. En son, çünkü müşteri nadiren sorar, iyi bir ajans da bu düzeltmeleri sessiz sedasız devreye alır.

İlk okumamın bir de eski moda sebebi var. Doksanların başında matbaacılıktan geliyorum, QuarkXPress’te bir paragraf stilinin bütün mesele şuydu: tek bir kararı bir kez veriyordun, uygulandığı her yere kendiliğinden gidiyordu. İçerik yönetim sistemindeki erişilebilirlik çalışması da tam olarak bu içgüdüyle yapılır: etiketi bir kere düzelt, ekran okuyucuda, Windows Yüksek Kontrast modunda, klavye sekme sırasında, sisteme giren her editör için doğru okunsun. Küçük dosya, geniş etki alanı.

WordPress 7.1 19 Ağustos’ta çıkıyor. Erişilebilirlik geliştirme notu dün öğleden sonra yayınlandı. İçinde ne var, GA haftası öncesinde ben ne yapardım — kısaca yazıyorum.

Gerçekten yeni olan ne

Joe Dolson’un 13 Ağustos’ta yayınladığı ve @annezazu, @amykamala, @sabernhardt tarafından gözden geçirilen Accessibility Improvements in WordPress 7.1 notu toplam 88 düzeltmeyi listeliyor: 45 tanesi Core’da, 43 tanesi editörde. Bir WordPress sürümünde tek seferde yayınlanan en büyük erişilebilirlik dökümlerinden biri ve Milana Cap’in 5 Ağustos’ta derlediği daha geniş 7.1 Field Guide‘ın bir parçası olarak geliyor.

Core tarafındaki iş, editörlerin gün boyu dokunduğu yüzeylere odaklanıyor. Liste tablolarında yazı başlığı hücreleri sonunda yanındaki seçim onay kutusu yerine satır başlığı olarak tanımlanıyor (#32892, #65743) — Posts ve Products ekranlarında on yıllık bir ekran okuyucu karmaşasını çözen küçük bir anlamsal değişiklik. Yönetici panelindeki tüm odak göstergeleri minimum 2 CSS piksele standardize ediliyor (#65645). Butonlar ve sekmelerin aktif durumu Windows Yüksek Kontrast modunda artık doğru şekilde tanımlanıyor (#65153, #65419). Erişilebilir ipuçları için standart bir mekanizma geliyor (#51006) — ayın başında yayınlanan wp_get_tooltip() / wp_get_toggletip() API’leri ile uyumlu ve zaten metabox sıralama butonlarına (#50921) ve giriş ekranındaki “Beni Hatırla” seçeneğine (#55343) uygulanmış.

Medya alanı sessiz bir toparlanma yaşıyor: başlık alanı etiketleri iyileştirilmiş (#43178), aynı görsel tekrar kullanıldığında oluşan çift figcaption ID sorunu çözülmüş (#65315), Medya ızgarasındaki etiketsiz tarih filtreleri düzeltilmiş (#65711), tema ve medya modallarında ok tuşlarının ekran okuyucularla çakışması giderilmiş (#63760). Liste tablolarında alt sayfalar için yapısal göstergeler eklenerek görme engelli kullanıcılar hiyerarşiyi gezebilir hale getirilmiş (#64932). Parola korumalı içerik için de hem stil hem kullanılabilirlik güncellemeleri var (#64569).

Editör tarafı blok çalışmasının olduğu yer. Kontrast denetimi artık görünüm alanına ve pseudo-durumlara kadar genişletilmiş (#80223) — yani uyarı, sadece hover, focus veya belirli bir kırılım noktasında ortaya çıkan sorunları da yakalıyor; gerçek kontrast hatalarının büyük çoğunluğu zaten oralardan üretime kaçıyordu. Image bloğuna, medyayı dekoratif olarak işaretlemek için bir anahtar geldi (#78064); böylece ekran okuyucular yalnızca görsel olan görselleri anlam taşıyormuş gibi seslendirmeyi bırakıyor. Yerelleştirilmiş aria-live bölgeleri speak() ile değiştirildi (#79600). Playlist (#80203) ve Tabs (#80163) blokları erişilebilirlik testi vaat edilerek değil, yapılarak yayınlandı.

Sonra da dürüst paragraf. Medya kitaplığının varsayılan davranışı “Daha fazla yükle” butonundan sonsuz kaydırmaya döndü ve geliştirme notu bunu açık açık “bilinen erişilebilir olmayan bir desen” olarak adlandırıyor. Kutu içinde dört azaltma yolu var: kullanıcı profil ayarlarından bireysel bir çıkış, geliştiricilerin globalde devre dışı bırakabilmesi için media_library_infinite_scrolling filtresi, WP Accessibility eklentisinin mantığı tersine çeviren özelliği ve mevcut medya kitaplığına modal seviyesinde bir açma-kapama getirmek üzere süren çalışma (#65775). Kendi regresyonunu belgelemekten kaçmayan bir projenin şekli tam olarak budur.

Bunun etrafındaki bağlam: RC3, 12 Ağustos’ta RC1’den bu yana 90+ düzeltmeyle yayınlandı ve Polyglots ekibi 13 Ağustos’ta 7.1’in translate.wordpress.org üzerinde çeviriye hazır olduğunu duyurdu. Sıkı dize dondurma devrede. Bu geliştirme notundaki erişilebilirlik çalışması, 19 Ağustos sabahı üretime gerçekten inen iş.

WordPress ve WooCommerce insanları için neden önemli

Erişilebilirlik çalışması gelen kutuna kendini duyurmaz. Kendini şöyle gösterir: “editörümüz Yayınla düğmesini bulamıyor” diye başlayan daha az destek talebi, regüle sektörlerdeki müşterilerden gelen daha az hukuki soru, EN 301 549, WCAG 2.2 ya da Avrupa Erişilebilirlik Yasası (artık yürürlükte ve çoğu ajansın bütçelediğinden çok daha geniş bir e-ticaret alanını kapsıyor) üzerine daha az sıkıntılı konuşma.

WooCommerce mağazalarını en çok vuran iki değişiklik liste tablolarındaki satır başlığı düzeltmesi ile standartlaşan odak göstergeleri. İkisi de doğrudan Orders ekranına, Products ekranına, Customers ekranına — mağaza yöneticinin bütün gününü içinde geçirdiği her listeye — uygulanıyor. Müşteri portföyünde ekran okuyucu kullanan bir mağaza yöneticisi ya da paylaşımlı bir istasyonda mouse’u kullanmadığı için sadece klavyeyle çalışan bir depo operatörü varsa, bu sürüm onların işini sessizce kolaylaştırıyor — üstelik senin bir eklenti göndermene gerek kalmadan.

Kontrast denetiminin görünüm alanına ve pseudo-durumlara genişlemesi, blok temalarında Button veya Navigation Link üzerine hover durumu koyan herkesi ilgilendiriyor. Bu değişiklik ile bu ayın başındaki pseudo ve özel stil durumları geliştirme notu birlikte, editör artık kontrast sorununu tasarladığın ekranda uyarıyor. Bu, komple bir QA talebi kategorisinin ortadan kalkması demek.

Ben ne yapardım

Bu hafta üç şey, bir şey de yapma.

Birincisi, staging kopyanda zaten 7.1 RC3 varsa (olmalı da — erişilebilirlik çalışmasının tam olarak indiği yer RC3), yirmi dakika ayır ve yönetici panelinde sadece klavyeyle gezin. Posts, Products, Orders üzerinde tab tuşuyla dolaş. Kendi yönetici renk şemanda kenar çubuğunda odak halkalarının görünür olduğunu doğrula. Elinin altında bir Windows makinesi varsa Yüksek Kontrast modunu aç ve aktif butonların hâlâ aktif olarak okunduğunu kontrol et. Mümkün olan en kısa smoke test bu ve müşteriye ulaşabilecek regresyonların yüzde doksanını yakalıyor.

İkincisi, medya kitaplığı politikasına şimdiden karar ver, 19’unda değil. Yoğun medya kullanan editöryal sitelerde bir mu-plugin içinde media_library_infinite_scrolling filtresini false’a çekerdim — tek satır, siteyle birlikte sürümlenmiş, kullanıcıya açıklanacak ayar yok. Az medyalı küçük sitelerde kullanıcı bazında çıkış yeterli. İki türlü de birisi “medya kitaplığı sürekli yüklüyor” diye ticket açmadan önce karar ver.

Üçüncüsü, regüle bir sektördeki her müşteri için — kamu, bankacılık, eğitim, sağlık, AB ayak izi olan büyük perakende — bu hafta kısa bir not gönder: WordPress 7.1 19 Ağustos’ta önemli erişilebilirlik geliştirmeleri getiriyor, staging’de test edildi. Bu not, düzeltmelerin kendisinden daha değerli, çünkü yönetişim katmanını müşteri sormadan önce müşterinin önüne koyar.

Yapmayacağım tek şey: sitenizi tek bir script etiketiyle “düzelttiğini” vaat eden üçüncü taraf “erişilebilirlik overlay” eklentisi kurmak. Erişilebilirliği düzeltmezler. Zaman zaman daha da bozarlar. Gerçek iş bu geliştirme notunun içinde ve arkasındaki on beş yıllık benzer notların içinde; hiçbir üstüne cıvatalanmış widget, Core’a inen anlamsal düzeltmelerin yerini tutmaz.

Seksen sekiz düzeltme manşetlik değildir. Cumartesiden cumartesiye biriktirilmiş, geniş bir alana yayılan küçük kararların dökümüdür. En çok güvendiğim WordPress iş biçimi tam da bu ve kurumsal yığını hâlâ bunun üzerine kurmamızın sebebi de bu.