Erişilebilirlik Ayarları – Kapsayıcı Tasarıma Pratik Bir Rehber

Yüksek karşıtlık modunu aç görsel farklılıkları olan kullanıcı grupları için okunabilirliği artırmak amacıyla siteler ve web siteleri genelinde, ardından platformlar arasındaki boşlukları belirlemek için test edin. Pazar günü hızlı bir denetim planlayarak, yalnızca rengin bilgi taşıdığı ve altındaki metin etiketleriyle desteklendiği yerlere odaklanarak sayfalar arasında tutarlılığı doğrulayın.

Metnin her yaşta ölçeklenebilir ve küçük ekranlarda okunabilir olmasını sağlamak için rem birimleri ile esnek tipografi kullanın; klavye eylemlerinin odak noktasını öngörülebilir bir sırayla hareket ettirdiğinden emin olun, böylece her sayfadaki formlara ve menülere erişim sağlanır ve düğmesine basın enter girişleri hızlandırmak için uygun olduğunda tuş.

Kurumsal siteleri inceleyerek ülke bağlamlarındaki eşleşme durumunu haritalandırın Monmouth için kumlu, ekran okuyucuların içeriği stabil bir sırada duyurmasını ve kullanıcıların bölümler arasında atlama yaparken sürprizlerden kaçınmasını sağlayacak şekilde benzer biçimlendirme semantiğini de gözeterek.

Zengin alternatif metinler sağlayın, süsleme içeriğini süsleme olarak işaretleyin ve şunları sağlayın taş Odak halkası görünür durumda; kullanıcının sayfa başına atlama bağlantıları ekleyerek enter kontrollerin labirentinde dolaşmaya gerek kalmadan doğrudan ana içeriğe.

Destek taleplerindeki azalmayla birlikte her bir iyileştirmenin fiyatını kaydederek maliyet ve fayda takibi yapın; ev ve kurumsal portal genelinde kontroller çalıştırın ve ilerlemeyi ölçmek için sonuçları yalnızca ürün ekiplerine 15. yinelemede yayınlayın.

Ana sayfada başlığın yakınında, kullanıcıların tek bir yerden kontrastı, yazı tipi boyutunu ve odak görünürlüğünü ayarlayabildiği tutarlı bir açma/kapama düğmesi yerleştirin; bu tür ayarlamalar, köydeki kitlelerin ve uzak kırsal bölgelerdeki kullanıcıların etkileşimini artırır, genç öğrencilerden yaşlılara kadar her yaştan insanın engelleri aşmasına ve içeriğe sürtünmesiz bir şekilde girmesine yardımcı olur.

Çocuk bilim kitaplarının yerinde ekranlarında okunabilirliği sağlamak için renk kontrastını ve yazı tipi boyutlarını değerlendirin

Yüksek kontrastlı paletlerin olduğundan emin olun en az 4,5:1 metin-arka plan oranıyla, kritik etiketler ve görseller için 7:1 hedeflenmelidir. Gün ışığından loş köşelere kadar, ekranın tüm yüzeyinde ve odanın uzak ucundan okunabilirliği doğrulayın, içerik netliğini koruyarak.

Tipografi yönergeleri, belirgin x-yüksekliğine sahip, samimi bir sans-serif kullanır. Gövde metni 18-22 piksel (veya baskı tabelalar için 14-16 punto), başlıklar 28-36 piksel, alt yazılar 14-16 piksel; satır yüksekliği 1.4-1.6; her yaştan çocuğun okunabilirliğini korumak için açık ifadeler ve tutarlı harf aralığı tutulmalıdır.

Renk stratejisi: 2-3 ana renk seçin, nötr arka planlar kullanın; kırmızı-yeşil kombinasyonlarından kaçının; renk körlüğü simülatörleriyle test edin; rengin yanı sıra doku veya simgelerle bilgi aktarıldığından emin olun; mümkün olduğunda yalnızca renge değil, glif şekillerine ve etiketlere güvenin. Kurulum sırasında gerekli renk kontrast testlerini kullanın.

Mimari yerleşimleri göster: kritik etiketleri ana okuma alanında göz hizasında yerleştirin; büyük başlıkların odanın karşısından ve birden fazla bakış açısından okunabildiğinden emin olun; içeriği bunaltmadan dikkati yönlendirmek için kale motifi veya sahil sahnesi gibi yerleşik görsellere sahip kalın başlıklar kullanın.

Bermuda ve Sandy gibi plajlardaki oteller ve tatil etkinlikleri dahil olmak üzere birçok aile dostu mekanda edindiğimiz geçmiş deneyimlere göre, kısa etiketler çocuklar için en iyi sonucu veriyor. Güzel bir 10. baskı paneli kısa cümleler kullanmalı; çocukların izleme mesafesine uygun boyutu koruyarak, içeriğin çoğunun dakikalar içinde okunabilir olmasını sağlamalıdır.

Okuyucu profilleri ve hızlı geri bildirim oturumları dahil edin; kablosuz tabelalar için performansı sabit tutun; bulguları fon sağlayıcılar ve Norton uyumluluk hususları için belgeleyin; gizlilik hakkında izin verilen bir not ekleyin ve değerlendirme için jeton verilerini kısa ve alakalı tutun.

Aşırı parlaklıklar veya koyuluklar okunabilirliği bozar; aşırı tonlardan kaçının ve parlama azaltan dengeli bir renk dengesi sağlayın; seçilen boyutların farklı mekanlardaki büyük ekranlar ve kompakt paneller için uygun olduğundan emin olun.

Özet kontrol listesi: tüm panellerde kontrast oranlarının sağlandığından emin olun; boyut ve satır yüksekliği, amaçlanan izleme mesafesine uyuyor mu; dakikalar içinde çocuklarla test edin, geri bildirim toplayın ve gerçek dünya profillerine göre zaman içinde revize edin; sergilerin mimarisinin plajdan kaleye ve ötesine doğru okunabilir akışları desteklediğinden emin olun.

Görseller, diyagramlar ve deneyler için alternatif metin oluşturun ve doğrulayın

Her zaman ana konuyu ve eylemi belirten, açıklamaları kısa ve bilgilendirici tutan alt metinler oluşturun. Tamamen dekoratif görseller için açıklayıcı metin eklemeyin.

1. Görseller: Ana konuyu, mekanı ve varsa eylemi belirleyin. Ana renklerden ve mekansal ipuçlarından bahsedin. Örnek: “monmouth'ta tuğla kafelere yakın açık havada bahçe; salı günü açılış; sıcak renkler; oturan insanlar.” İlgiliyse, arama yapanlara yardımcı olmak ve sayfalar arasındaki bağlamı izlemek için “monmouth” veya “bridgwater” gibi konum ayrıntıları ekleyin.

2. Diyagramlar: Diyagram türünü, eksenleri, birimleri ve ana veri sinyalini belirtin. Örnek: “Çizgi grafik: x ekseninde zaman (dakika), y ekseninde sıcaklık (°C); mavi ve turuncu renkte iki seri.” İstatistiksel görseller için örneklem büyüklüğünü ve gizli açıklamaları belirtin, ayrıca renklerin neyi temsil ettiğini not edin.

3. Deneyler: Kurulumu, katılımcıları (anonimse belirtilmeli), ortamı (çevrimiçi) ve ekipmanı açıklayın. Örnek: “Bilinmeyen çevrimiçi deneme, bir çiftlik ortamındaki sensör kullanılarak gerçekleştirildi; toplanan veriler dakikalar boyunca kaydedildi.” İşlemin hangi bölümünün gösterildiğini ve sonucun neyi gösterdiğini vurgulayın.

4. Doğrulama: Açıklamanın içeriği ve amacı ilettiğinden emin olmak için ekran okuyucu ile okuyarak doğrulayın. Anonim test kullanıcıları dahil edin; geri bildirimleri burada bir akışta takip edin. Farklı cihazlarda ve tarayıcılarda doğrulayın; sayfayı açtığınızda alt metnin görsellerle uyumlu kaldığından emin olun.

5. Bakım: Herhangi bir revizyondan sonra, güncellenmiş görsellere karşı alt metni yeniden kontrol edin; görsel geliştikçe doğru kalan kelimeleri seçin ve sonuçları tarih damgalarıyla ekibe geri bildirin.

Yazılı ve dijital formatlarda ayarlanabilir yazı tipi boyutu ve disleksi dostu yazı tipleri sunun

Dijital medyada temel gövde metnini 16 piksele ayarlayın ve 18 piksel, 20 piksel, 24 piksel ve 32 piksel ön ayarlarıyla tek tıklamayla boyut kontrolü sağlayın. Başlıklar için modüler bir ölçek kullanın (H2 yaklaşık 20 piksel, H3 yaklaşık 28 piksel, H4 yaklaşık 36 piksel) ve satır uzunluklarını 45-75 karakterde tutun. Baskı için, 1,4–1,6 satır yüksekliği ve sayfalar boyunca yoğunluğu koruyan kenar boşlukları ile 11–12 punto gövde metni kullanın.

OpenDyslexic veya Dyslexie gibi disleksi dostu yazı tipi ailelerini seçin, bunların yanında Andika, Noto Sans veya Arial gibi yedek seçenekler de bulundurun. Gliflerin belirgin olduğundan, karıştırılabilecek karakterlerden kaçınıldığından ve harfler arasında 0,5-1 piksel boşluk bırakıldığından emin olun. Uzun satırlarda büyük harf yerine cümle başı büyük harf kullanın; yalnızca gerektiğinde kalın yazıyla vurgulama yapın.

Yazım ve düzen kuralları hem basılı hem de dijital ortamlar için geçerlidir: Sola hizalı metin, tam justification'dan kaçının ve rahat bir satır yüksekliği kullanın (1,5–1,8). Miras katalogları veya el sanatları sanat eserleri gibi geniş alan düzenleri için satır uzunluğunu sınırlayın ve tutarlı kenar boşlukları bırakın. Renk kontrastının geçerli kriterleri karşıladığından emin olun, gövde metni için 4,5:1 oranını karşılayan yüksek kontrastlı eşleştirmeler kullanın.

Uyumluluk kontrolleri iş akışına entegre edilmeli: PDF'lerde ve EPUB'larda başlıkları ve listeleri etiketleyin, resimler için alternatif metin sağlayın ve büyük yazı tipi modlarına geçilebilen stil sayfaları sunun. Gerçek okuyucularla test edin, WCAG benzeri kriterlere karşı kontroller yapın ve seçilen yazı tipi ölçeğinin oturumlar, cihazlar ve geniş ekranlı alanlarda kalıcı olmasını sağlamak için kullanıcı tercihlerini saklayın. Bu yaklaşım yalnızca net, kullanılabilir tipografiyi vurgular ve tahmin yürütmeyi önler; geri bildirim toplamak ve bireysel okuyucular için küçük ayarlamalar yapmak üzere sonuçları facebook gruplarında paylaşın.

Stanton mahallesinde, 15., 16. ve 18. yüzyıllara ait miras malzeme, basılı kasaba belgeleri ve dijital ekranlarda okunabilir tipografinin neden önemli olduğunu göstermektedir. Taş kilise ve manastırla ilgili sanatlarda geniş kenar boşlukları kullanın; basılı her sayfada ve akışta her ekranda okunabilirliğin sağlandığından emin olun. Bölgenin ve mirasının zamanını, geçmişini ve gizli detaylarını desteklemek için aynı tipografik sistemi Amerikan ve Hollanda kataloglarına, el sanatlarına ve sayfa düzenlerine uygulayın.

Bilim içerikleri için sesli anlatım ve ayarlanabilir oynatma hızları ekleyin

Ayarlanabilir oynatma hızları ve klavyeyle kontrol edilebilen, bilimsel içerikler için sesli anlatım sağlayın. 0,75x, 1,0x ve 1,5x gibi tercih edilen ön ayarların yanı sıra 0,5x–2,0x özel aralığını kullanın; hasta boyutunun duyarlı olduğundan emin olun ve seçeneği açıklayan kısa bir mesajı en başta ekleyin. Bu özelliği cihazlar arasında çevrimiçi kullanıma hazır hale getirin.

İçeriği zaman damgaları ve transkriptlerle 1-5 dakikalık özlü bloklara ayırın; başlıklarla ana bölümlere atlamayı sağlayın; kavramları açıklamak için örnekleri Brunel demiryolu projeleri ve büyüleyici istasyonlara demirleyin; bilimi gerçek yerlere oturtmak için sergilere ve kumlu plajlara atıfta bulunun; format, kullanıcılar yalnız dinlerken veya başkalarıyla dinlerken işe yarar; bir kurs uzun sürerse, bir kullanıcı bağlamı kaybetmeden saatlerce süren anlatımda ilerleyebilir.

Transkriptler, anlatımı yansıtması gereken metin eşlikçileri olarak işlev görür; her konu için net bir bölüm başlığı kullanın ve metni, yer ve zaman ipuçlarını dahil ederek sesle hizalayın; erişilebilirliği desteklemek ve metne aşina oldukları bir şeye ek olarak güvenen araştırma ekiplerinden yararlanmak için işaretlemeyi yardımcı teknolojiler için geçerli kılın.

Teslimat, değerlendirme ve etkileşim: kullanım kayıtlarını takip ederek benimsenmeyi teşvik edin; her zaman geri bildirim isteyin; turlar için rezervasyon yolu sunun; sergileri ve çevrimiçi öğrenmeyi desteklemek için içeriği çarpıcı ve büyüleyici şekillerde sunun; gerçek dünya bilimini göstermek için plajlar ve kumlarla ilgili örnekler kullanın; bu yaklaşım, bilim bağlamı hakkında güçlü bir mesajı korurken kullanıcılara deneyimi kişiselleştirme şansı sunar. Başlangıç sürecine yardımcı olmak için tutarlı bir kontrol düzeni tutarak tanıdık bir unsur ekleyin.

Sergi kiosklarında klavye navigasyonu ve ekran okuyucu dostu arayüzler uygulayın

Her şeyin açılış ekranından rezervasyon sayfasına ve oradan da deneyimlere kadar sırayla ilerleyen bir odaklanma sırasıyla başlayın. Tüm kontrollerin Sekme ve Üst Karakter+Sekme ile erişilebilir olduğundan emin olun ve ekranın üst kısmına yakın, belirgin bir odaklama halkası ile içeriğe atlama bağlantısı ekleyin. Öngörülebilir bir yoldan ilerleyerek kullanıcıların sürpriz olmadan gezinebilmelerini sağlayın ve ekran okuyucularla gezen kullanıcılar için sırayı kesinlikle mantıklı tutun. Somerset kasabası bağlamında bu yaklaşım, museumofsomerset'e gelen ziyaretçiler için yolu kolaylaştırır ve kısa bir konaklamaları boyunca kendilerini evlerinde hissetmelerine yardımcı olur.

Etkileşimli öğelerin her birini kısa ve benzersiz metinlerle etiketleyin, simgeleri metinlerle eşleştirin ve ilgili kontrolleri okunabilir etiketlerle gruplandırın. Durum değişikliklerini (örneğin, rezervasyon onaylandığında) gizli bir canlı bölgenin gerçek zamanlı olarak bildirmesini sağlayarak okuyucunun bilgilendirilmesini sağlayın ve uygun olduğunda aria-labelledby ve aria-expanded gibi ARIA özniteliklerini kullanın. Gezinme süresini azaltmak için ana içeriğe atla veya kontrollere atla bağlantıları sağlayın ve deneyimin net bir şekilde okunabildiğini ve okuyucunun zihinsel modeli içinde kaldığını doğrulamak için bir dakikalık bir oturumla test edin.

Görseller ve simgeler alternatif metne veya açıklayıcı tanımlara sahip olmalıdır; dinamik güncellemelerin aria-live aracılığıyla duyurulduğundan emin olun; katmanlardan Esc ile kolayca çıkılabilmesini sağlayın; bir modal kapandığında odağın mantıksal bir noktaya dönmesini sağlayın. Dijital içerik, ziyaretçiler bir tuğla binadan veya yakındaki bir kır evinden gelsin, erişilebilir hissettirmeli ve navigasyonu bozmadan düzen değişikliklerine karşı dayanıklı olmalıdır.

Somerset mekanları için uygulama planı: Yakınlardaki bir kasabada yer alan Museum of Somerset ile bir açılış haftası boyunca çok günlük bir test gerçekleştirmek üzere ortak olun. Yerel araştırmacıları, insanların çeşitli ihtiyaçlarla kiosk ile nasıl etkileşim kurduğunu, etkinliklere rezervasyon yaparken ve manastır çevresindeki yaşamdan ilham alırken gözlemlemeye davet edin; 10. gün kilometre taşları hakkında geri bildirim toplayın ve birkaç gün içinde ayarlamalar yapın. Rezervasyondan onaya kadar yaşam döngüsünü izleyin ve yerel standartlara ve ziyaretçi beklentilerine uyumlu kalmak için değişikliklere derhal yanıt verin. Teklif, ana ekranda veya canlı bir etkinlik okuması sırasında kolayca gezilebilir olmalıdır.

Uygulama kontrol listesi

Tüm ekranlarda Sekme sırasını doğrulayın, içeriğe atlama denetiminin bulunduğundan emin olun ve her denetimin erişilebilir bir etikete sahip olduğunu teyit edin. Uygun yerlere ARIA öznitelikleri ekleyin ve aria-live bölgelerinin bindirme olmadan değişiklikleri duyurduğundan emin olun. NVDA veya JAWS gibi bir ekran okuyucu ve yalnızca klavye navigasyonu ile test edin. Somerset kasabasındaki Museum of Somerset'te yakındaki bir testi çalıştırın, ziyaretçiler ve personelden geri bildirim toplayın; değişiklikleri paylaşılan bir günlükte belgeleyin ve güncellemeleri 7 gün içinde tamamlamayı hedefleyin.

Gerçek kullanıcılarla erişilebilirlik prototipini oluşturun ve test edin: katılımcılarınızı planlayın ve geri bildirimleri analiz edin

İşe alıma, üç kullanıcı profili belirleyerek başlayın: günlük görevler, navigasyon ihtiyaçları ve sergilerle etkileşim. İki haftalık bir süre zarfında, museumofsomerset, bridgwater, stanton, tearoom ve okyanus yakınındaki bir açık hava test alanı gibi anahtar konumlarda 18-24 katılımcı hedefleyin. Çeşitli hareketlilik, görme yeteneği ve teknoloji aşinalığı sağlayan kriterler tanımlayın ve katılımcı sayısını artırmak için hafta sonları ve tatil pazarları dahil olmak üzere çok sayıda gün ve zaman dilimine oturumlar planlayın.

İşe alım kanalları arasında belediye bültenleri, yerel ağlar, topluluk grupları, aile tavsiyeleri, çiftlik faaliyetleri ve ikonik mekanlardaki etkinlik tabelaları bulunmaktadır. Mesajlaşmayı doğrulamak için ana başlama tarihinden birkaç gün önce bir pilot test yapın. Katılımcıların evlerine makul sınırlar içinde, seyahati en aza indirmek için farklı yerlerde davetiyeler kullanın ve ulaşım veya çocuk bakımı ihtiyaçlarını karşılamak için küçük teşvikler sunun.

Oturum tasarımı, açık ve öz görevlere odaklanır: bir ekran veya dokunmatik ekranda yönlendirilen etkileşimlerle 60–90 dakikalık bir oturum ve ayrıca kısa bir görev sonrası görüşme. Talimatlar için alternatif biçimler sağlayın, sessiz ve rahat bir alan sağlayın - kapalı çay odası seçenekleri iyi sonuç verir veya hava izin verdiğinde gölgeli açık alan kurulumları. Gün boyunca katılımı sürdürmek için tanıtımdan tamamlamaya kadar sorunsuz bir akışa öncelik verin.

Geri bildirim analizi, nitel notları ve ölçülen metrikleri bir araya getirir. Görev başarısını, hata türlerini, tamamlanma süresini ve öznel kolaylığı yakalayın. Etiket netliği, arayüz içindeki navigasyon sınırları ve tercih edilen etkileşim yöntemleri gibi temalara ilişkin içgörüleri kodlayın, ardından önceliklendirilmiş sorunları ve uygulanabilir değişiklikleri içeren öz bir rapor oluşturun. Sonraki adımları bilgilendirmek için basit bir duygu ölçeri ve önceki teknik deneyime göre performans karşılaştırmasını ekleyin.

kaynak

Kapsayıcı tanıtım materyalleri oluşturma: dil, görseller ve hedef kitle değerlendirmeleri

Bir dakikalık okuma ile başlayın: kısa ve öz cümleler, doğrudan bir CTA ve Yeovil veya Taunton gibi net konum ayrıntıları kullanın.

Dil ve üslup

• Aşağıdaki metni TR diline çevirin: Kurallar: - SADECE çeviriyi sağlayın, açıklama yok - Orijinal tonu ve stili koruyun - Biçimlendirmeyi ve satır sonlarını koruyun.
• Önce faydayı belirtin ve tarihi başa alın; örneğin, Yeovil veya Taunton'daki etkinlikler için 15'inci Pazartesi.
• Kurallar: - SADECE çeviriyi sağlayın, açıklama yok - Orijinal tonu ve stili koruyun - Biçimlendirmeyi ve satır sonlarını koruyun.
• Her zaman doğrudan bir eylem ekleyin: bir kayıt bağlantısı veya formu gönderin ve HUA metnini kısa tutun.
• Mesajların okuyuculara yakın gelmesini sağlamak amacıyla, Somerset toplulukları, yakındaki demiryolu merkezleri, Coleridge bölgesi ve belediyenin kanalları gibi yerel bağlamlara atıfta bulunun.
• Daha geniş kitleler için (uygulanabilir olduğunda Amerikan okuyucular da dahil olmak üzere), temel anlamı korurken zaman formatlarını ve ölçümleri uyarlayın.

Görseller ve düzen

• Her bir resmin içeriğini, konumunu ve amacını açıklayan alt metin (örneğin, en son program için bir Yeovil afişi).
• Yüksek kontrastlı paletler (en az 4.5:1) seçin ve metni gizleyen karmaşık döşeme arka planlarından kaçının.
• Bölgeye özgü ikonik görseller kullanın; ikonları basit ve kolay tanınabilir tutun; kraliyet sembollerini uygun olduğunda resmi bağlamlar için saklayın.
• Duyarlı bir düzeni koruyarak metnin mobil ve masaüstünde okunaklı kalmasını sağlayın; ana metin için tipografiyi 14–18 px civarında tutun ve sıfır örtüşme sağlayın.
• Çevrimiçi kampanyaları çevrimdışı posterlerle uyumlu hale getirerek, akış ve ana sayfaların tutarlılık için aynı düzen mantığını paylaşmasını sağlayın.
• Okuyuculara sınırlı motor kontrolüyle yardımcı olmak için en büyük harekete geçirici mesaj düğmelerine ve önemli eylemlere öncelik verin.
• Okuyucular için açık bir metin hiyerarşisini koruyan ve bilişsel yükü en aza indiren basit bir mimari izleyin.
• Görseller ayrıca mimari dostu ve amacı bir bakışta ileten görselleri yansıtmalıdır.

Uyumluluk kontrolleri: Tüm varlıkların gerekli dillerde mevcut olduğunu, alt metinlerin görselleri kapsadığını ve iddiaların Taunton, Yeovil, Tintinhull ve yakındaki Somerset konumlarındaki konseyden gelen en son rehberle uyumlu olduğunu doğrulayın.