Giriş Giriş Giriş

erişilebilir iOS uygulamaları sadece en iyi bir uygulama değildir - en geniş olası seyirciye ulaşmak için temel bir gerekliliktir.Dünya çapında bir milyardan fazla insan, bazı engellilik formlarıyla yaşar ve birçoğu, sesOver, Switch Control ve Dynamic Type gibi yardımcı teknolojilere güvenerek, denetime erişmeye yardımcı olur. iOS Access Inspector, doğrudan Xcode'a ulaşır, geliştiricilere gelişim sürecindeki her şeyi denetim altına almalarını sağlar.Inspector, işitmeye veya bilişsel bozulmalara nasıl yardımcı olur.

iOS Accessality Inspector nedir?

iOS Accessability Inspector, Xcode ile gemilerin, Apple'ın entegre bir geliştirme ortamında etkileşim kurması için gerçek zamanlı, grafiksel arayüzü sunar.Inspector, herhangi bir kullanıcınızda her UI elementinin erişilebilirliğini incelemek için bir test aracıdır.Inspector, ekranlama araçlarına kıyasla, Accessality Inspector, bir cihazda veya simülatörün üzerinde canlı uygulamanızla etkileşime geçmenizi sağlarken, her bir elementin erişilebilirliğini kontrol eder.

Güvenilir olarak erişilebilirlik etiketi, özellik, işaret, değer ve çerçeve gibi denetimler kritik özellikler. Ayrıca, bir elementin sesOver tarafından odaklandığını gösterir, çoklu erişilebilirlik elemanlarını destekler ve anahtarlama için uygun bir şekilde yapılandırılırsa, Accessality Inspector herhangi bir iOS geliştiricinin kaliteli güvencesi aracının herhangi bir kısmını içerir.

Apple, yeni iOS erişilebilirliği özelliklerini desteklemeye sürekli olarak giriş yaptı, Dinamik Tip, azaltıcı hareket ve cesur metin tercihleri dahil.Rekadele işlerinizi düzenli iş akışınıza entegre ederek, uygulamanızın en son yardımcı teknolojilerle uyumlu olmasını ve Web Content Accessibility (WCAG) 2.1 gibi erişilebilirliği standartlarına uymasını sağlar.

Nasıl oynanır Up ve Accessality Inspector

Accessability Inspector tarafından başlatılan bu adımları kullanarak ve test için hazırlayın:

  1. [[Dönetici:0) Projenizi açın[Dönetici:0) Xcode'da açın ve bağlantılı bir iOS cihazına veya bir simülatörüne inşa edin.Rezerv fiziksel bir cihazda en iyi çalışır, ancak simülatörün yakın bir yaklaşım sağlar.
  2. Navigate to theFL:0)Xcode > Open Developer Tool > Accessability Inspector[[Dönetici:0) Alternatif olarak, kısayolu kullanabilirsiniz:2.Cmd + F6)
  3. Accessability Inspector penceresinde, hedef aygıtınızı veya simülatörünizi üst araç çubuğundaki düşüş menüsünden seçin.The testingor otomatik olarak bağlantı kuracaktır.
  4. Bir kez bağlantılı olarak, denetçinin ana arayüzünü göreceksiniz: soldaki ekranınızın canlı bir anlık (veya canlı bir görünüm) ve sağdaki ayrıntılı bir mülk denetimcisi.

Denetimli bir uygulama olarak çalışır, bu da Xcode ve uygulamanızın yanında açık tutabileceğiniz anlamına gelir.Farklı ekranlarla gezirken, mevcut görüş erişilebilirliği hiyerarşisini gösteren mevcut görüşe tıklaabilirsiniz.

Accessability Settings

Müfettişin önemli bir yönü, kullanıcıların cihazlarına olanak sağlayacak çeşitli erişilebilirlik ayarlarını simüle etme yeteneğidir.Tecrübede[Döneticileri görebilmek için, Videoyu güncelleştirmek için araçta bulunan bir simge, Videoyu görsel olarak vurgulayacaktır; Grafikte ve etiketlerini artırmak; konuşma metinlerini doğrulayabilirsiniz.Bu, tam olarak uygulamanızı nasıl adapte edebilirsiniz - her ayarlandığında. Örneğin, sesOver'u simülatörün görsel olarak vurgulayacaktır.

Güvenilirlik Inspectorunun Temel Özellikleri

Müfettiş bir mülk izleyicisinden daha fazlasıdır. Uygulamanızın erişilebilirliğini sistematik olarak geliştirmenize yardımcı olan birkaç farklı özellik sunar.

1. Element Inspector

Personel denetçisi şu anda seçilmiş UI elementi için tüm erişilebilir özelliklerini gösterir: Anahtar alanları şunlardır:

  • [FONT:0)Label: SesOver tarafından okunan kısa, açıklayıcı bir dize, mümkün olduğunda görünür etiketle eşleşmeli.
  • [FONT:0]Value[[[DÜT:1): Bir kontrol mevcut durumu (örneğin, “% 50” bir hacim kaydırıcı için).
  • [FONT:0)Trait[[Dönetici: 1): elementin davranışını (örneğin, “Amaton”, “Header”, “Adjustable”, “Ara Alan”) doğru ve uygun jestleri açıklayın.
  • [FONT=0)Hint[[Dönetici: Ek talimatlar (örneğin, “Çift-tap menüyü açmaya”). İlk önce açık etiketler ve özelliklere güvenmek.
  • [FONT:0]Frame[[Dönetici: 1): Dokunuş hedeflerini doğrulamanıza yardımcı olan elementin dikmesi yeterince büyükdir (en azından 44×44 puan).
  • [FONT:0) Erişilebilirlik ([Dönetici: 1): Kişinin yardımcı teknolojiler tarafından odaklanıp odaklanabileceğini gösterir.

Müfettiş ayrıca şöyle özetliyor:0)mis yapılandırılmış elemanlar[Dönetici: 1 ) kırmızı kötüges ile. Örneğin, erişilebilir bir etiket olmadan bir görüntü “Mising Label” gösterecektir. Kötüge genellikle sorunu düzeltme önerisi sunar.

2. Denetim

Denetim özelliği mevcut ekranın statik bir analizi yapar ve tüm tespit edilen erişilebilirlik ihlallerini listeler: Denetimler kapağı:

  • Görüntüler ve düğmeler üzerinde eksik veya tanımlayıcı etiketler.
  • Metin ve arka plan arasındaki yeterli renk kontrastı.
  • Rahat bir şekilde dokunmak için çok küçük olan elementler.
  • Desteklenen erişilebilirlik özellikleri.
  • Güvenilir olarak erişilebilir elementler olarak işaret edilen elementler veya yardımcı teknolojilerden gizlenmişlerdir.

Her konu bir ciddiyet seviyesi (Info, Uyarı veya Hata) ve ilgili elemente bir bağlantı içerir.Her büyük UI değişikliğinden sonra bir denetime geçin, regresyonları hızla yakalarsınız.

3. Ayarlar Simülasyon Simülasyonu

Daha önce buna dokunduk, ama adanmış bir söz hak ediyor. Ayarlar paneli sizi ısırmanıza izin veriyor:

  • [FONT:0)VoiceOver[DÜT:1) – ekran hazır navigasyonu simüle eder.
  • [FONT:0) Yedek Kontrol[DÜT:1) - tarama siparişi ve seçim alanlarını vurgulamaktadır.
  • [FONT:0)Increase Contrast[[Dönetici: 1 ) - azaltılabilir şeffaflık testleri.
  • [FONT:0)Reduce Motion – Parallax ve animasyonları devre dışı bırakır.
  • [FONT:0]On/Off Etiketler[Döncüler[Dönler: 1 ) – renkle birlikte görüntülenen metinleri değiştirmek sağlar.
  • [0]Amaton Şekilleri[Dönler: 1), onları daha görünür hale getirmek için metin düğmeleri.
  • [FONT:0]Bold Text[[DÜDÜT:1) - daha ağır fontlarla sağlamlığı test eder.

Pratik Yürüyüş: Örnek Bir Ekranı Test

Bir kullanıcı metin alanı, bir şifre metin alanı, bir “Sign In” düğmesine ve “Forgot Password?” bağlantınızı doğrulamanız için denetimli olarak nasıl kullanacağınızı varsayalım:

  1. Uygulamayı simülatörün içinde başlatın ve giriş ekranını açın.
  2. Accessability Inspector açın ve simülatörünüzü seçin.
  3. Canlı görüşteki kullanıcı metin alanına tıklayın.Rezerv, etiketini “Kullanıcı adı” olarak göstermeli veya başka bir şey söylemez (örneğin, “Text Field”), Interface Builder veya kodda ayarlamanız gerekir.
  4. Her alanda bir metin alanı için özellik kontrol edin, özellik olmalıdır.()Ara Alan[Dönetici:0) Arama Alanı[[Dönetici: 1 ) veya sadece varsayılan olarak bırakılmalıdır.For the Sign In düğmesine, trait must beurFLT:2).
  5. “Forgot Password?” linkini seçin. etiketinin “Forgot Password?” ve özelliği açıkçası “PR)[Dönetici: 1) Eğer bir bağlantı olarak bir düğmeye sahipse, trait kalmalıdır.
  6. Denetimi, [[Dönetici:0)Denetmen[Dönetici: 0) Kontrollü (örneğin, ekran ve herhangi bir sorunu raporlayacaktır. Ortak bulgular, ikonlarda eksik etiketler veya yer sahibinin metni için yetersiz kontrastlar içerir.
  7. Kodunuzdaki sorunları düzeltin, yeniden inşa edin ve ekran sıfır hatalarıyla geçer.
  8. Son olarak, kontrol veya ayarlarda VoiceOver'un ayarlarını etkinleştirin ve klavyeyi kullanarak ekrandan dolaşın (Tab'ın aktifleştirilmesi için Uzay) Sesin mantıksal bir sırayla alanları okumasını sağlayın ve ipuçları, eğer herhangi bir şey yardımcı olursa.

Yaygın Accessability Issues ve How to Fix Them

Accessability Inspector'un tutarlı kullanımı sayesinde, tekrarlanan desenlerle karşılaşacaksınız. Aşağıda en yaygın konulardan ve onların ilaçlarından bazılarısınız.

Eksik veya Yanlış Etiketler

Görüntüler, düğmeler ve özel kontroller genellikle tanımlayıcı bir etiket eksikliğinden yoksundur. Her zaman dekoratif öğeler için, onları [[Üye Olmayanlar İçin Hizmetsiz Enabled” veya Interface Builder.In non-decorative images, the label should send the goal, not just the file name.

Incorrect Traits

Bir düğmeye sahip değilse, [[0)Amaton) trait, VoiceOver, bir tablonun uygunluğunu doğrulayan tüm etkileşimli elemanları doğrulamalı olarak ilan edebilir.For slideT:2Button) veya [FLT: 5) Uygulamalı Metin[Dönetici: 5) Aşağıdakiler ve uygulama:Döneticileri doğru şekilde doğru şekilde doğru şekilde doğru şekilde doğru şekilde doğru şekilde doğru şekilde doğru şekilde doğru şekilde doğrulayın.

Zavallı Renk Contrast

Denetimin, metin ve arka plan arasında yetersiz bir şekilde algılayabildiği, ancak WCAG 2.1'de tanımlanan kontrast oranı hesaplamasına dayanıyor.18 puandan daha küçük, en az kontrast oranı 4.5:1; daha büyük metin için, 3:1'in aksine denetimleyicinin aksine uyarıyı bir rehber olarak kullanın, o zaman sadece bilgi aktarmak için renkten kaçının; her zaman ikonları veya metin etiketleri içerir.

Seslendirme: Seslendirme

Denetimcinin element hiyerarşisi, sesOver'un elementlerle hareket ettiği düzeni gösterir.Önümüzdeki düzeni takip eder (sağda, üst düzeyin üst üste). Eğer sipariş yanlışsa, [[ŞUygunT:6) elementin kılavuzunu değiştirir veya sesOver'u değiştirir.

Tüm Erişim Testi İş Akışınıza

Accessability Inspector'u manuel olarak kullanmak etkilidir, ancak tutarlı bir kalite elde etmek için, erişilebilirliği kontrolleri geliştirme boru hattınıza entegre etmelisiniz.

İnsan Testi

Otomatik araçlar birçok sorunu yakalarken, gerçek bir kullanıcının çıplak deneyimini tekrarlayamazlar.Programlar, ekip üyelerinin SesOver, Switch Control ve diğer yardımcı teknolojiler kullanarak uygulama test etmeden veya engelliler olmadan, kullanıcıların ilk önce bu seanslara hazırlanmalarına yardımcı olur.

XCTest ve XCUITest ile Otomatik Test

Accessability Inspector'un Denetim özelliği, UI testlerinizde programmatik olarak kullanılabilir. Apple, www.FLT:9'i sağlar (özel API'ler), ancak XCUITest'i erişilebilirlik elementlerini sorgulayabilir ve özelliklerini iddia edebilirsiniz. Örneğin:

let button = app.buttons["Sign In"]
XCTAssertTrue(button.exists)
XCTAssertEqual(button.label, "Sign In")

Bu, erişilebilir etiketin inşalarda doğru bir şekilde ayarlandığından emin olur. Yüksek standartları korumak için görsel regresyon testleri ile bu iddiaları birleştirin.

CI/CD Entegrasyonu

Accessability Inspector'un Denetimini, denetim hatalarının bir eşiği aşmadığı bir komut satırı aracının bir parçası olarak çalıştırabilirsiniz.For example:

xcodebuild -project MyApp.xcodeproj -scheme MyApp -destination 'name=iPhone 14' test-without-building accessibility:audit

Bu, para çekme taleplerinden önce erişilebilirlik kalitesini tutar.

Inspector'un Ötesinde: Tamamlayıcı Araçlar

Accessality Inspector birincil aracınızdır, ancak diğerleriyle birlikte en iyi şekilde çalışır:

  • [FONT:0)VoiceOver j Simulator[[Dönder: 1) iki-finger rotasyonu ve üç-finger dokunuşları uygulayın.
  • [FONT=0)Xcode Accessibility Verifier[Dönetici: 1 ) – denetim veya denetim tarafından değiştirildi.
  • [FONT:0)Colour Contrast Analyser[Döntilmiş: 1) Bir standalone Mac uygulaması, kontrast oranları daha kesin olarak kontrol etmek için.
  • [FONT:0]Dynamic Type önizleme[Dynamic Type önizleme[Dynamic Type önizleme[Dynamic Type önizleme[DDDynamic Type önizleme[DDDDynamic Type önizleme[DDDDynamic Type 1) – Xcode'un Ortamları aracılığıyla tüm metin boyutlarını test etmek için erişilebilir.

Apple'ın USB:0) Erişilebilirlik belgesi[Dönetici:0) geniş rehberler ve örnek kod sağlar. ek olarak, [[Şerefli 2.1 yönergeleri) mobil uygulamalar için geçerli olan dijital erişilebilirlik için kapsamlı bir çerçeve sunar.

Accessability A previousity

Erişilebilirlik konusunda yatırım yapmak hem kullanıcılar hem de işiniz için doğrudan geri dönüşler sunar:

  • [[DÜDÜ:0)Expanded kullanıcı tabanı[[DÜT:1): Küresel nüfusun yaklaşık% 15'i bazı engellilik biçimleri deneyimliyor. Eksik erişilebilirlik özellikleri önemli bir seyirciyi etkin bir şekilde kilitliyor.
  • [FONT:0] Herkes için iyileştirilmiş kullanılabilirlik [[Döntgen: Net etiketler gibi özellikler, büyük musluk hedefleri ve iyi kontrast tüm kullanıcıların özellikle parlak güneş ışığı veya bir el kullanımı gibi zorlu ortamlarda fayda sağlar.
  • [FONT:0) Hukuki uyumluluk[[Dönetici: 1) Birçok ülke dijital erişilebilirliği gerektiren yasaları yürürlüğe koydu (örneğin, Avrupa Accessibility Act) Proaktif test, litigation riskini azaltır.
  • [[DÜDÜ:0)Better App Store yorumları[[DÜT:1): Yardımcı teknolojilere güvenen kullanıcılar, bu çalışma hakkında ses duyuyor - veya erişilebilir topluluğun olumlu yorumları uygulamanızın derecelendirmesini artırabilir.
  • [[Dönetici:0)Gelişme verimliliği[[Dönetici: gelişim sırasında erişilebilirlik sorunlarının düzeltilmesi, başlangıçtan sonra onları geri yüklemeden daha ucuzdur. Accessality Inspector yüzeyler problemlerini erken, tasarruf zamanı ve yeniden iş.

Sonuç Sonuç Sonuç Sonuç Sonuç Sonuç Sonuç Sonuç

iOS Accessability Inspector, her iOS geliştiricinin günlük iş akışına dahil edilmesi gereken güçlü bir araçtır.Mantı denetimleri kullanarak ve yardımcı teknoloji ayarlarını basitleştirmek, milyonlarca kullanıcıyı uygulamanızla meşgul eden engelleri tespit edebilir ve çözebilirsiniz. Accessality, dahil olmak için sürekli bir kontrol listesi değildir - bugün dahil olmak için devam eden bir taahhütdür.