Melanie Sumner, dijital erişilebilirlik alanında uzmanlaşmış bir yazılım mühendisi. Mühendislikten, erişilebilir tasarıma, Ember.js'ye ve bu çalışmalara finansman sağlamanın öneminden bahsettik.
Bu yayında, Erişilebilirlik Eğitimi kapsamında bir topluluk uzmanı öne çıkarılıyor.
Alexandra White: Bana katıldığınız için teşekkürler. Kimsiniz ve ne iş yapıyorsunuz?
![Melanie Sumner'ın portre fotoğrafı.](https://web.dev/static/blog/community-highlights/melanie/image/melanie-sumners-headshot.png?authuser=5&hl=tr)
Melanie Sumner: Adım Melanie Sumner, yazılım mühendisiyim dijital erişilebilirlik konusunda uzmanlaştık. Konuyla ilgili web için kod yazıyorum. 25 yıl. İlk kariyerim bir tür casusluktu. Google'da istihbarat analistiydim. ABD deniz kuvvetleri ve kodlama hobimdi.
Casus olmak da hoşuma gitmedi. Ölümden hoşlanmadım, ortaya çıktı. En çok daha yakın olmaları gerektiğinde iletişim kuramıyor. ne yapacağıma karar vermem ve hobimi kariyerime dönüştürmenin zamanı gelmişti. Şu süre içinde: Son 10 yıldır erişilebilirlik alanında yazılım mühendisliğine odaklandım. daha fazla bilgi edindik.
Alexandra Bazen "Ah önce ajandım." diye bir şey duymazsınız. Önemli değil. Ne? erişilebilirlikle ilgili çalışmalara ne kadar başladınız?
Melanie: Kuzey Carolina Üniversitesi [UNC] Chapel'de çalışıyordum O sıralar Geliştirme Bakanlığı'nda Tepe. Bunlar gelişim anlamına gelmez aynı zamanda bağış toplamak gibi geliştirme anlamına da gelir.
Doğrudan yöneticim görme bozukluğu vardı ve her şeyi yakınlaştırmak zorunda kaldı. %400'ünde görünür. Harika bir yazılım mühendisiydi. Muhtemelen en iyi yönetici yaşamıştım. Ama sürekli reklamlarımı kırıyordu çünkü yakınlaştırarak çalışmama bakıyorum. Bir şeyler inşa etmeyi düşünmemiş olsaydım verdiği için kırabilir.
Yöneticimin patronu mavi renk körlüğüydü. UNC mavisinin ne olduğunu bilmiyorum ama bu açık gökyüzü mavisi rengi. Ayrıca beyaz zeminde kullanmayı sevdiler.
Alexandra (gülüyor) Olamaz.
Melanie Patronu sürekli çalışmalarımı göremediğinden yakınıyordu. İ sitelerimiz için bir dizi tamamlayıcı renkler ve renk şeması geliştirmemiz gerekti. Bu da beni renk kontrastı üzerine düşünmemi ve bu renklerdeki veya görme engelli bireylerin web’i kullanması anlamına gelir.
UNC bir devlet üniversitesi olduğu için ABD federal şartı emin olmak için testler yapın. AAA seviyeyi hedefledik çünkü eğitim kurumudur.
Eyaletin koşulları ve federal koşullar hakkında daha fazla bilgi edinip okumaya başladım. “W3C Erişilebilirlik spesifikasyonunu görmüştüm, bu makul görünüyor." Gördüğüm kadarıyla web'in çoğu uyumlu değildi. / İnsanlar web'deki erişilebilirlik özelliklerinin doğmuştu. Bazen JavaScript mühendisleri (özellikle) biraz yavaş konusundaki kararlılığını konuştuk.
Erişilebilirliği web'in son sınırı olarak adlandırıyorum. Pek çok insanın kendisi Erişilebilirlik için otomasyondan bahsediyor ve çözümler üzerinde aynı şekilde çalışmamız gerekiyor. performans ve güvenlik gibi diğer zor sorunlara da yaklaşmamıza yardımcı olur.
Alexandra Muhtemelen çok sayıda uzun ve karmaşık dokümanı okumuşsunuzdur. Donanma ve UNC'de. Spesifikasyonu anlamanın zor olduğunu fark ettiniz mi?
Melanie: Anlamadan önce beş kez okumam gerekti ve Daha önce diğer spesifikasyonları da okumuştum. Hep şunu söylerim, böyle hissetmiyorsanız kendinizi kötü hissetmeyin anladım, çünkü spesifikasyonu beş kez okumam gerekti. Şaka yapmıyorum bile.
Dil spesifikasyonuna alışmak çok zaman alıyor. Gemini'ın resmi olarak Aksi takdirde, yanlış şeyi yapabilirsiniz. Ayrıca, ekibinizin büyük özellik dilinin tarayıcı geliştiricileri için olduğunu da belirtelim. Şunlara bakın: "yazarlar şunu yapmalıdır:" çünkü bu, web geliştiricilerine yönelik bir referans.
Alexandra Daha fazla geliştirici nasıl yapıldığını bilse web'deki birçok şey daha iyi olurdu özellikleri çözün.
Melanie Bu çeviriyi yapan siteler için söylenecek çok şey var: siz. a11y-automation.dev'i ve ilgili siteyi oluşturdum. yan projemden, bebeğim gibi. Erişilebilirliği her biri için ihlal etmeli ve bunu söz konusu WCAG başarı kriterleriyle bağlantılandırmalıdır. Bir bu çözümü sunuyorum.
Olası ihlallerin listesini inceleyerek daha fazla bilgi edinebilirsiniz sorunu nasıl çözeceğinizi öğrenmek önemlidir. Mevcut olmayan otomatik düzeltmeler için bir lint aracı veya şablon yazmak için ilham aldınız, bir test yazmak için ilham kaynağı oldu.
Açık kaynakta çalışmayı tercih ediyorum çünkü her biri bazen iyileştirme yapsak da olur, bazen iyileştirme yapsak da elimizden gelenin en iyisini yapalım). Birbirimizin malzemelerini geliştiriyoruz. Sonra bu sonuç, için çok iyi bir fırsat sunuyor.
Erişilebilirlik nasıl finanse edilir
Alexandra Gerçekten ilgimi çekiyordu. pleasefunda11y.com adresine gönderin. Proje boyunca erişilebilir siteler oluşturmayı öğrenmeleri için geliştiricilerin finansmana ve onaya ihtiyaç duymadan kaynak edinmesini sağlar. Neden oluşturmaya karar verdiniz.
Melanie: Erişilebilirliğin bütçemizin çok az olması beni hayal kırıklığına uğrattı. Tümü görünüşe göre açık kaynak finansmanı CSS'ye devam ediyor. CSS'yi seviyorum. çok şey öğrendi.
Bu siteyi, Addy Osmani ortaya çıktı. Chrome yazılım mühendisliği müdürüyüm—bize ulaştı ve erişilebilirlikle ilgili finansman istiyorduk ama özellikle finansmana sahip olabilir. Bu büyük bir sorun: Açık kaynaklı fonlar, paralarını belli bir sonucu olmayan genel fikirler için değil, belirli projeler için Çektim bazı inisiyatifleri, nelerin gerektiği ve bunların sitelerin erişilebilir hale getirilmesine yardımcı olurlar.
Şirketler ben olmadan bu çalışmalara katkıda bulunsalar da önemli ölçüde ileriye taşıyacak. Çok küçük bir daha büyük bir etki yaratacağını düşünüyor ve bu durum, bizim çalışma insan hayatını kastediyorum.
Mevcut düşünce tarzı genellikle şu şekildedir: "Kaç kişinin engellilik durumu nedir?" Şöyle olmalı: "Bir insanın iş kırılım yapısı ile teknolojisi?"
Bazıları bana şöyle dedi: "Renk körlüğünün engellilik durumu" olarak adlandırılır. Bir engelin söz konusu olması durumunda kendinizi ama teknolojiyle ilişkinizi de etkiler.
Alexandra ile ilişkinizi anlama hakkında daha fazla bilgi teknolojisidir. Bunun erişilebilirlikle bağlantısı nedir?
Melanie Örneğin, çok çeşitli sinirleriniz varsa çok basit ve yol tarifleri çok nettir. Bu görevler arasında gezinme konusunda üç veya dört ekran yapar, siz de başarılı oluncaya kadar her defasında birkaç seçim yaparsınız. sona erecektir. Modern teknik uygulamalar için iyi bir rehberlik bulunmamaktadır.
DevOps yapan bütün şirketlerimiz var ve bunlardan bazılarını kullanmaya çalışırsanız "Aman tanrım" gibi bir şey biliyor musunuz? Mutfak lavabolarını paketlemeye çalışıyoruz tüm arayüzümüze entegre ettik.
Alexandra Bir örnek paylaşabilir misin?
Melanie: Örneğin, GitHub'da iç içe yerleştirilmiş sekmeler içeren açılır listeler vardır. Ve [sinirli bir şekilde iç çekiyor]. Kızgın olsam bile sinirlenmem. Modern web yeni talepleri karşılamak için büyümesi gerekiyor. Ama aynı zamanda daha geniş kitlelere ulaşma insanları geride bırakamayacağı bir yöntem bulmaktır.
Beni motive eden şey ve tutkum. Ben birinin ihtiyaç duyacakları araçlar erişilebilir olmadığı için iş bulmak mümkün değil.
Alexandra: Yüzde yüz. İnsanlar genellikle bir şeyleri emin olmak istemediği halde, şirket dışı hakkında bilgi edindiniz.
Melanie: Ben de, bu fon tavsiyesi genelde fayda sağlar.
Mühendisler sürekli olarak erişilebilirlik yapmak istediklerini duyuyorum ama olduğunu düşünmüyorum.” Eminim ki önemsiyorlardır. Tek yapmanız gereken fark edebilirsiniz. Müşterilere işletme için faydalı sonuçları gösterin. Site açık kaynak sunuyor. katkılar ve düzenlemeler.
Alexandra Erişilebilirlik genellikle sürecin sonuna bırakılıyor. Örneğin, Bunu daha sonra erişilebilir hale getirebiliriz." Ama aynı zamanda çok daha fazla erişilebilirlik uygulamalarını belirler.
Melanie Sık sık şunu söylüyorum: "Bir kez inşa etmek için ücret ödemek mi yoksa iki kere inşa etmek için para ödemem gerekecek mi?"
Ember.js ve çekirdek erişilebilirlik ekibi
Alexandra Sizin de Ember.js çerçevesi çekirdek ekibinde yer aldığınızı biliyorum. Bu projeye nasıl dahil oldunuz?
Melanie: JPMorgan Chase'in kendi şirketinde yatırım bankacılığı platformları. Ember, son derece popüler bir JavaScript çerçevesidir. (belki de sıkıcı bile olabilir) bir tabana ihtiyaç duyduğunuzda Böylece, bankanızın büyük miktarda para kaybetmesine neden olacak bir kod yazmaktan kaçınmış olursunuz. Kızın tersi var uyumluluk garantisi: Herhangi bir sorunla karşılaşsanız bile ana sürüm. Her şeyi kademeli olarak yapmaya çalışıyoruz en iyi şekilde yararlanabilirsiniz.
Neyse, bir Ember konferansına katıldım ve bir topluluk. Kızılderler çok nazikti. Bir de YouTube'da gerçekten güçlü bir davranış kuralı harekete geçmem gerekiyordu.
Askerden çıktığımda güvenlik bölümüne geçmek istedim. Bir okula gittim ve orada başka bir kadın görmedim. Daha büyüklerden biri bana baktı ve "Doğru odada olduğunuzdan emin misiniz tatlım?" dedi.
Alexandra: [Groans] Çok acı verici. Hiç de şaşırtıcı değil. Ben yaşamışsınızdır.
Melanie: 2011'i, belki 2012'yi demek istiyorum. Genel ortam değişti çok önemsiyor. Bir noktayı kanıtlamak için o buluşma kadar o gece kaldım. Değildim bu yorum beni yarı yolda bırakıyor. Espriler yaptım, iyi notlar aldım Konuşmaya katıldığından herkes ortada olduğumu biliyordu. Kendimi çok fazla erkeklerin yanlış olduğunu kanıtladım.
Fakat kadınların sırf erkeklere haksız olduğunu kanıtlamak için yazılım mühendisi olmalarını istemiyorum. İ güzel şeyler yapmak için bir yazılım mühendisi olmak istiyordum. öğreteceğim. Kadınlar bu kariyer seçeneğine sahip olmalı.
Alexandra: Kesinlikle.
Melanie: Erişilebilirlik hakkında bildiklerimi Ember topluluğuyla paylaştım. Çünkü bir bankacılık platformu olarak ABD federal yasalarına ve gereksinimlerini karşılayın. Yehuda Katz ve Tom Dale şöyle dedi: "Ekipte aramız var. Biz JavaScript uzmanı, performans uzmanı ve dünyanın farklı yerlerinden insanlar ve erişilebilirlik bilgisine sahip birine ihtiyacımız var." Bana davet ettiler. katılması için bir fırsattır.
Ember'ın varsayılan olarak erişilebilir olmasını sağlayacak girişimler üzerinde çalışıyorum. Yani,
ember new <my-app-name>
dediğinizde WCAG'yi hemen geçmeniz gerekir
kriterlerini tanımlamalısınız.
Alexandra GitHub'da Ember için uzun bir erişilebilirlik araçları listesi gördüm. Ember topluluğundaki insanların bir grup insana araçlar mı var?
Melanie: Bu işin gerçekten heyecan verici bir kısmıydı. Yazdım Ember için erişilebilirlik analizi kurallarını gözden geçirin. Sonra ayrıldım LinkedIn gibi çevrimiçi kaynaklarımız da yararına olacaktır. Bu çalışmanın bana kazandırdığı ve beni heyecanlandırıyor.
Temel olarak erişilebilirliğin bir sivil hak olduğunu kabul ediyoruz. Geri kalmadı tercih edebilirsiniz.
Neleri uygulayabiliriz? Ne zaman? Bunu nasıl başarabiliriz? Peki, ve geriye dönük uyumlu olmasını nasıl sağlarsınız? Geliştiricilerin yoksa geliştirmeleri gereken çok büyük bir ne zaman olacak?
Alexandra: Erişilebilirlik sivil bir haktır. Bu da beni ürperti! Google bu, hepimizin doğru olarak bildiği bir şey olmalı.
Melanie: Bazı insanlar bana bilgim dışında şeyler söylüyordu. Örneğin, interneti kullanmam gerektiğini anladım." Ya da “Engelli bireyleri neden %5'i için geçerliyse bunu nasıl başarabilirim?" yapmayacağım çünkü genellikle dikkati işten başka yöne çekmek için kullanılır.
Erişilebilir bir kod yazdığınızda
W3C spesifikasyonları ile bilinen siteler oluşturmayı düşünüyorsunuz. Şunu kullanacaksınız:
anlamsal HTML'i kullanıyorsanız başlıkları kullanırsınız. Tekliften sonra
<div>
öğesine bir tıklama etkinliği eklemek yerine <button>
performans artışı sağlayabiliyor.
Tek bir şey yapın: erişilebilirliği otomatikleştirin
Alexandra Erişilebilir bir site oluşturmak için web geliştiricilerinin nasıl yardımcı olabilir?
Melanie Otomasyon ekleyin. Her ne için mevcut bir lintor ile başla ve kullandığınız kod türünü dikkate almanız gerekir. hangisi umrumda değil gösterir. Bu kurallardan biri kırılırsa derlemeniz de çöker.
Yapay zeka henüz amacı çözemediğinden bazı şeyler otomatikleştirilemez. Örneğin, Örneğin, bir resmin alternatif metin değeri anlamlı olmalıdır. Peki bu ne işe yarar? ne anlama geliyor? Şu anda otomasyon değil, insanın bunu ayırt etmesi gerekiyor.
Ancak otomatik bir araç size, renk kontrastı kullanıyor. Adil bu sorunu çözmek için. Mücadele etmeyin, "Ama istemiyorum, bu şekilde tercih ederim" demeyin. Bu konu sizinle ilgili değil. Bu, yaptıklarımızı dünyanın dört bir yanındaki herkesin kullanımına düşünmeye devam ediyor.
Erişilebilirlik bir yolculuk ve sürekli öğrenmeye devam edeceksiniz. Bir süredir erişilebilirlik alanında uzmanlaştığım için bu sektördeki diğer ! Savunma olmayın, öyle yapın.
Melanie'nin çalışmalarını şu adresten takip edin: melanie.codes ve Twitter @a11yMel. Erişilebilirlik kaynaklarına göz atın pleasefunda11y.com adresinde a11y-info.com ve a11y-automation.dev