Melanie Sumner, dijital erişilebilirlik konusunda uzmanlaşmış bir yazılım mühendisidir. Mühendislik yolculuğu, erişilebilir tasarım, Ember.js ve bu çalışmaların finanse edilmesinin önemi hakkında konuştuk.
Bu gönderi, Erişilebilirliği Öğrenin! programı kapsamında bir topluluk uzmanını öne çıkarıyor.
Alexandra Klepper: Bana katıldığınız için teşekkür ederim. Kim olduğunuz ve ne yaptığınız?
Melanie Sumner: Adım Melanie Sumner. Dijital erişilebilirlik konusunda uzmanlaşmış bir yazılım mühendisiyim. 25 yıldır web için kod yazıyorum. İlk kariyerimde… bir nevi casusluk yaptım. ABD Donanması'nda istihbarat analistiydim ve kodlama hobimdi.
Casus olmayı pek sevmiyordum. Ölümden hoşlanmadığımı fark ettim. Çoğu insan böyle olmadığı için bu durum, cihazla daha yakın olmaları gerektiğinde ortaya çıkar. Bundan sonra ne yapmak istediğime karar vermem gerekiyordu ve hobimi kariyerime dönüştürme zamanı gelmişti. Son 10 yıldır özellikle erişilebilirlik alanında yazılım mühendisliğine odaklanıyorum.
Alexandra: "Önce casustu." cümlesini pek duymazsınız. Önemli değil. Erişilebilirlik alanında çalışmaya nasıl başladınız?
Melanie: O sırada Chapel Hill'deki Kuzey Carolina Üniversitesi'nin [UNC] Geliştirme Departmanı'nda çalışıyordum. Bu terimler web geliştirme gibi bir geliştirme değil, bağış toplama gibi bir geliştirme anlamına gelir.
Doğrudan yöneticimin görme engeli vardı ve her şeyi görebilmek için% 400 yakınlaştırması gerekiyordu. Mükemmel bir yazılım mühendisiydi. Hatta muhtemelen hayatımda çalıştığım en iyi yönetici. Ancak çalışmalarımı incelemek için sürekli yakınlaştırdığından eşyalarımı kırıyordu. Öğeleri duyarlı bir şekilde oluşturmayı düşünmeseydim bozulurlardı.
Yöneticimin patronu mavi renk körüydü. UNC mavinin nasıl bir renk olduğunu bilmiyorum ama bu açık gök mavisi rengi. Beyaz arka plan üzerinde kullanmayı çok sevdiler.
Alexandra: (gülüyor) Tüh!
Melanie: Patronu, çalışmalarımı hiçbir zaman göremediğinden sürekli şikayet ediyordu. I had to develop a set of complementary colors and a color scheme for our sites. Bu durum, renk kontrastı ve renk körü olan (veya başka bir şekilde görme engelli) kişilerin web'i nasıl kullandığı hakkında düşünmeme neden oldu.
UNC bir devlet üniversitesi olduğundan WCAG AA erişilebilirlik düzeyine uygunluk ABD federal şartı vardır. Eğitim kurumu olduğu için AAA düzeyini hedefledik.
Eyalet ve federal şartlar hakkında daha fazla bilgi edindikçe ve W3C Erişilebilirlik spesifikasyonunu okumaya başladıkça "Tüm bunlar mantıklı" diye düşündüm. Gördüğüm kadarıyla web'in büyük bir kısmı uyumlu değildi. Elbette, web'in var olduğu sürece web erişilebilirliği üzerinde çalışılmıştır. Bazen JavaScript mühendisleri (özellikle) dijital erişilebilirlik konusunda biraz yavaş davranır.
Erişilebilirliği web'in son sınırı olarak adlandırıyorum. Erişilebilirlik için otomasyon konusunda çalışan çok sayıda iyi insan var. Performans ve güvenlik gibi diğer zorlu sorunlara yaklaştığımız şekilde çözümler üzerinde çalışmamız gerekiyor.
Alexandra: Deniz Kuvvetleri'nde ve UNC'de muhtemelen çok sayıda uzun ve karmaşık belge okudunuz. Şartnameyi anlamakta zorlandınız mı?
Melanie: Anlamadan önce yaklaşık beş kez okumam gerekti. Daha önce başka spesifikasyonlar da okumuştum. İnsanlara her zaman, anlamazsanız üzülmeyin diyorum çünkü ben de spesifikasyonu beş kez okumak zorunda kaldım. Şaka bile yapmıyorum.
Şartname diline alışmak çok zaman alır. Yanlış yorumlarsanız da yanlış bir şey yapabilirsiniz. Ayrıca, spesifikasyon dilinin büyük bir kısmının tarayıcı geliştiriciler için tasarlandığını anlamak da önemlidir. Web geliştiricilere atıfta bulunulduğu için "yazarlar şunları yapmalıdır" ifadesini arayın.
Alexandra: Web'de, daha fazla geliştirici spesifikasyonları nasıl yorumlayacağını bilse çok daha iyi olabilir.
Melanie: Bu yorumu sizin için yapan siteler hakkında çok şey söylenebilir. a11y-automation.dev sitesini oluşturdum. Bu site, bir nevi çocuğum, yan projem gibi. Erişilebilirlikle ilgili her ihlali ayrı ayrı listelemeye ve söz konusu WCAG başarı ölçütleriyle ilişkilendirmeye çalışıyorum. Hatayı önleyecek bir otomasyon varsa bu çözümü sunarım.
Olası ihlallerin listesini inceleyebilirsiniz ancak en önemlisi, ihlalleri nasıl düzelteceğinizi öğrenmektir. Mevcut olmayan otomatik düzeltmeler için belki bir linter veya şablon yazmaya ya da bir tür test yazmaya karar verirsiniz.
Açık kaynakta çalışmayı tercih ederim. Çünkü birbirinizin fikirlerinden yararlanabilir, iyileştirmeler sunabilirsiniz (bazen iyileştirme olur, bazen olmaz ama hepimiz elimizden geleni yaparız). Birbirimizin çalışmalarından yararlanarak web için gerçekten harika bir sonuç elde ediyoruz.
Erişilebilirliği finanse etme
Alexandra: pleasefunda11y.com sitesi çok ilgimi çekti. Geliştiricilerin erişilebilir siteler oluşturmayı öğrenmesi gerçekten önemli ancak yönetici liderliğinin finansmanı ve onayı olmadan her zaman kaynaklara sahip olamayabilirler. Why did you decide to build this site?
Melanie: Erişilebilirlik için yeterli kaynak ayrılmadığından hayal kırıklığına uğradım. Açık kaynaklı tüm fonlar CSS'ye gitmeye devam ediyor. CSS'yi çok seviyorum. CSS ile çok şey yapabiliriz.
Siteyi, Chrome'da yazılım mühendisliği yöneticisi olan Addy Osmani'nin bana ulaşıp erişilebilirlik için fon istediğimi gördüğünü ancak hangi çalışmaların fonlanabileceği konusunda tavsiye istediğini söylemesi üzerine kurdum. Bu büyük bir sorun: Açık kaynaklı projeleri finanse edenler, belirli bir sonucu olmayan genel fikirlere değil, belirli projelere para vermek istiyor. Biraz zaman ayırarak bazı özel girişimleri, nelerin gerekli olduğunu ve bunların siteleri erişilebilir hale getirmeye nasıl yardımcı olacağını yazdım.
Şirketler bu çabaları benim yardımım olmadan da desteklese web'de erişilebilirliği önemli ölçüde artırabiliriz. Diğer web çalışmalarıyla karşılaştırıldığında çok küçük bir harcama olsa da insanların hayatında büyük bir etki yaratır.
Günümüzde genellikle "Peki, kaç kişi engelli?" diye düşünülüyor. Şu soru sorulmalıdır: "Bir kişinin teknolojiyle ilişkisi nedir?"
Bazı kişiler bana, "Renk körlüğünün bir engel olduğunu düşünmüyorum." diyor. Renk körüyseniz kendinizi engelli olarak tanımlamayabilirsiniz ancak bu durum teknolojiyle olan ilişkinizi etkiler.
Alexandra: Teknolojiyle ilişkinizi anlama hakkında daha fazla bilgi ver. Bu durum erişilebilirlikle nasıl ilişkilidir?
Melanie: Örneğin, nöroçeşitliliğe sahipseniz çok basit bir dil ve net talimatlara ihtiyacınız olabilir. Bir akışta üç veya dört ekran arasında gezinmek, sona ulaşana kadar birkaç seçim yapmak sizin için daha iyi olabilir. Modern teknik uygulamalar için iyi bir rehberlik yoktur.
DevOps alanında çalışan şirketler var ve bu web sitelerinden bazılarını kullanmaya çalıştığınızda "Aman Tanrım!" diyorsunuz. Günümüzde tüm arayüzlerimize her şeyi sığdırmaya çalışıyoruz.
Alexandra: Bir örnek verebilir misin?
Melanie: Örneğin, GitHub'da iç içe sekmeler içeren açılır listeler bulunur. Ve [exasperated sigh]. Sinirlenemem (hayal kırıklığına uğrasam bile). Modern web, yeni talepleri karşılamak için gelişmelidir. Ancak insanları geride bırakmayacak şekilde geliştirmeler yapma sorumluluğumuz da var.
Beni motive eden ve tutkum olan şey budur. İnsanların, işlerinde kullanmaları gereken araçlara erişilemediği için iş bulamamalarını istemiyorum.
Alexandra: Yüzde yüz. Ayrıca, genellikle harici kullanıcıları için erişilebilir ürünler geliştirmeyi düşünen kişiler, çalışanlarını göz önünde bulundurmaz.
Melanie: Bu fonlama tavsiyesinin herkese fayda sağlayacağını düşündüm.
Mühendislerden sürekli olarak erişilebilirlik konusunda çalışmak istediklerini ancak "şirketimin bu konuyu önemsemediğini" duyuyorum. Emin olun, müşterileriniz bu konuya önem veriyor. Tek yapmanız gereken iş mantığı boşluğunu doldurmaktır. İşletme için faydalı sonucu gösterin. Elbette açık kaynaklı olan bu siteye katkı ve düzenlemeler yapabilirsiniz.
Alexandra: Erişilebilirlik genellikle sürecin sonuna bırakılıyor. Örneğin, "Bunu daha sonra erişilebilir hale getirebiliriz." Ancak daha sonra eklemek, proje boyunca erişilebilir uygulamaları entegre etmekten çok daha fazla zaman alır.
Melanie: Genellikle "Bir kez oluşturmak için mi yoksa iki kez oluşturmak için mi ödeme yapmak istiyorsunuz?" diye sorarım.
Ember.js ve temel erişilebilirlik ekibi
Alexandra: Ember.js çerçevesinin temel ekibinde de yer aldığınızı biliyorum. Nasıl dahil oldunuz?
Melisa: JPMorgan Chase'de kurumsal yatırım bankacılığı platformlarında çalışmak üzere işe alındım. Ember, gerçekten kararlı (belki de biraz sıkıcı) bir tabana ihtiyacınız olduğunda kullanılan ağır hizmet tipi bir JavaScript çerçevesidir. Bu çerçeve, çok para kaybetmenize neden olacak kodlar yazmaktan kaçınmanıza yardımcı olabilir. Ember'da geriye dönük uyumluluk garantisi vardır. Ana sürüme geçseniz bile her zaman yükseltme yapabilirsiniz. Uygulamanızın bozulmaması için değişiklikleri kademeli olarak yapmaya çalışıyoruz.
Neyse, bir Ember konferansına katıldım ve topluluktan bir sürü insanla tanıştım. Ember'daki insanlar çok nazikti. Ayrıca, başka yerlerde henüz görmediğim çok güçlü bir davranış kuralları var.
Askerlikten ayrıldığımda güvenlik alanında çalışmak istiyordum. Bilgi güvenliğiyle ilgili bir toplantıya katıldım ve orada başka kadın görmedim. Yaşlı adamlardan biri bana bakıp "Doğru odada olduğundan emin misin canım?" dedi.
Alexandra: [İnler] Acıyor. Bu durum hiç de şaşırtıcı değil. Benzer bir durumla karşılaştım.
Melanie: Bu olay 2011'de veya 2012'de yaşandı. Pazarlama sektörü çok değişti. O gece, o buluşma boyunca, bir noktayı kanıtlamak için kaldım. O yorumun beni susturmasına izin vermeyecektim. Şakalar yaptım, iyi notlar aldım ve sohbete katıldım. Böylece insanlar orada olduğumu biliyordu. Kariyerimin büyük bir kısmında erkeklerin yanlış olduğunu kanıtlamaya çalıştım.
Ancak kadınların sadece erkeklerin yanıldığını kanıtlamak için yazılım mühendisi olmasını istemiyorum. Yazılım mühendisi olmak ve harika şeyler inşa etmek istedim çünkü bu işi yapmak eğlenceli. Kadınlar da bu kariyer seçeneğine sahip olmalı.
Alexandra: Elbette.
Melanie: Bankacılık platformu olarak ABD federal şartlarına uymanız gerektiği için Ember topluluğuyla erişilebilirlik hakkında bildiklerimi paylaştım. Yehuda Katz ve Tom Dale, "Ekipte bir boşluk var. Çok sayıda JavaScript uzmanımız, performans uzmanımız ve inanılmaz derecede akıllı insanlar var. Erişilebilirlik bilgisine sahip birine ihtiyacımız var." Ve beni çekirdek ekibe katılmaya davet ettiler.
Ember'ın varsayılan olarak erişilebilir olmasını sağlamak için girişimler üzerinde çalışıyorum. Bu, ember new <my-app-name> dediğinizde WCAG başarı ölçütlerini hemen geçmeniz gerektiği anlamına gelir.
Alexandra: GitHub'da Ember için uzun bir erişilebilirlik araçları listesi gördüm. Ember topluluğundaki kullanıcıların bu araçlara katkıda bulunmaktan heyecan duyduğunu fark ettiniz mi?
Melanie: Bu, çalışmanın gerçekten heyecan verici bir parçası oldu. LinkedIn'de çalışırken Ember için erişilebilirlik linting kuralları yazdım. Ardından Hashicorp'ta çalışmak için LinkedIn'den ayrıldım. Diğer kullanıcılar ise kendileri için yararlı olduğu için linter'a katkıda bulunmaya devam ediyor. Bu işin beni en çok heyecanlandıran ve tüylerimi diken diken eden kısmı da budur.
Erişilebilirliğin temel bir vatandaşlık hakkı olduğunu kabul ediyoruz. Bu konu tartışmaya açık değil.
Tartışacağımız konu: Neleri uygulayabiliriz? Ne zaman? Nasıl yapılır? Bunu nasıl öğretiriz ve geriye dönük uyumlu hale nasıl getiririz? Geliştiricilerin, oluşturmaları veya planlamaları gereken büyük bir ek özellik olmadan erişilebilirlik desteği sunmalarına nasıl yardımcı olabiliriz?
Alexandra: Erişilebilirlik bir medeni haktır. That gives me chills! Bu, hepimizin doğru olarak bildiği bir şey olmalıdır.
Melanie: İnsanlar bana "Kör olsam interneti kullanmazdım" gibi bilinçsizce şeyler söylüyor. Veya "Kullanıcılarımın yalnızca% 5'i engelli olmasına rağmen neden engellileri düşünmek zorundayım? Kullanıcılarımın% 90'ı için çalışıyor." Bu tür tartışmalar genellikle işten uzaklaşmak için kullanıldığından bu tartışmalara katılmayacağım.
Erişilebilir kod yazdığınızda, W3C spesifikasyonlarına uygun siteler oluşturmayı düşündüğünüz için performans artışı elde edersiniz. Yalnızca div'ler yerine anlamsal HTML, başlıklar yerine de başlık etiketleri kullanırsınız. <div> öğesine tıklama etkinliği eklemek yerine <button> öğesini seçersiniz ve performans iyileştirmeleri elde edersiniz.
Tek bir şey yapın: erişilebilirliği otomatikleştirin
Alexandra: Web geliştiriciler, erişilebilir web siteleri oluşturmak için ne yapmalıdır?
Melanie: Otomasyon ekle. Kullandığınız çerçeve veya kod türü ne olursa olsun, mevcut bir linter ile başlayın. Hangisini kullandığın umurumda değil! Bu kurallardan biri ihlal edilirse derlemeniz bozulmalıdır.
Yapay zeka henüz amacı çözemediği için bazı işlemler otomatikleştirilemez. Örneğin, bir resmin alternatif metin değeri anlamlı olmalıdır. Ancak bu tam olarak ne anlama gelir? Şu anda bunu otomasyon değil, bir kişinin ayırt etmesi gerekiyor.
Ancak otomatik bir araç size "Renk kontrastını geçmiyorsunuz" diyebilir. Sadece düzeltin. Karşı çıkmayın, "Ama istemiyorum, bu şekilde tercih ederim" demeyin. Bu durum sizinle ilgili değildir. Yaptıklarımızı her gün dünyanın her yerindeki herkesin kullanımına sunmakla ilgilidir.
Erişilebilirlik bir yolculuktur ve bu yolculukta sürekli olarak yeni şeyler öğrenirsiniz. On yılı aşkın süredir erişilebilirlik konusunda uzmanlaşıyorum ve hâlâ her zaman yeni şeyler öğreniyorum. Kendinizi savunmayın, sadece yapın.
Melanie'nin çalışmalarını melanie.codes adresindeki web sitesinden ve Twitter'daki @a11yMel hesabından takip edebilirsiniz. pleasefunda11y.com, a11y-info.com ve a11y-automation.dev adreslerinden erişilebilirlik kaynaklarına göz atın.