Mumlarımız hakkında daha fazla bilgi için buraya tıklayın.
Uyumluluğunuzu bulmak için boyut tablomuzu indirin.
İyi bağlantı metnine örnekler:
Mumlarımız hakkında daha fazla bilgi için SSS mumlarına bakın.
Uyumluluğunuzu bulmak için PDF olarak boyut grafiğimizi indirin.
Ancak, “Devamını Oku” gibi bir bağlantı metni kullanmanız gereken zamanlar olabilir. Bir örnek, her kısa teklifin “Devamını Oku” bağlantısı ile bittiği ana sayfanızdaki en son blog gönderme ızgarasıdır. Bu durumda ne yapıyorsun?
İyi bir çözüm, bağlantınıza tanımlayıcı bir etiket eklemenizi sağlayan Aria-Label özniteliğini kullanmaktır.İşte Aria-Label özelliğine sahip bir bağlantı ekranı:
Kötü bir güneş kurulumu, ön yatırımınızı buharlaştırabilir.İşte itibarlarına güvenmeden önce herhangi bir potansiyel güneş montajcısı sormak için 15 soru.<a href= ittttps://example.com/bad-installation" aria-label="read solarizasyonunuza sormak için yaklaşık 15 soru (daha fazlasını oku …]
Ama ama nasıl olursanız Görüntüleri bağlamak ister misiniz? Görüntüler açısından, Alt öznitelikleriniz bağlantı metniniz olacaktır. Yani, ücretsiz bir e-kitap indirmeniz varsa, Alt özniteliklerinizi “cilt renginiz için doğru ruj seçmek için e-kitaplar istersiniz. “Bu, sitenizin ziyaretçilerine resmin ne olduğunu ve tıkladıklarında neyin açık olacağını söyler.
Erişilebilen yazı tipi, düşünmek istediğiniz ilk şey yazı tipinin boyutudur. Metninizin kısmen kör olan veya sadece daha küçük yazı tipleri görmekte zorluk çeken insanlar tarafından kolayca okunabilmesi çok önemlidir. Resmi minimum yazı tipi boyutu olmamasına rağmen, içeriğiniz için iyi bir başlangıç ​​noktası 16px’dir. Genellikle, metnin kendisini büyüterek veya sayfayı büyüterek ve duyarlı kuvvet uygulayarak yaptıkları yazı tipi boyutunu değiştirmek için kullanıcının tarayıcısına bağlı olarak. Web sitenizi, kullanıcıların site içeriğinizi kullanma veya görüntüleme yeteneğini kaybetmeden% 200’e kadar büyütmesini sağlayacak şekilde oluşturmalısınız. Örneğin, yazı tipi boyutu değiştirildiğinde içeriği veya üst üste binen metni kesmekten kaçınmak istersiniz. Yapılacak en iyi şey bunu kendiniz test etmektir. Her tarayıcı için talimatları burada bulun. Ayrıca oluşturduğunuz yazı tipi seçeneklerini de göz önünde bulundurun. Sandalye yazı tipi veya karmaşık okunması genellikle çok zordur ve sadece ara sıra kullanılabilir (imzalar veya dekoratif elemanlar gibi). Bilgilerinizin kafa karıştırıcı ve daha kolay anlaşılmasını sağlamak için web siteniz boyunca yalnızca 2-3 yazı tipi kullanın.
Ishihara renk kör testi, genellikle renk kör testleri için kullanılır.
Erişilebilen renkler herkes renkleri aynı şekilde görmez. Aslında, erkeklerin yaklaşık% 8’i ve kadınların% 0.5’inin birkaç renk körlüğü vardır. Bu nedenle, web siteniz tamamen işlevsel olmalı ve gri ölçekte kullanılabilir. Test için Chrome Gray Talaj Siyah Beyaz Uzantı gibi araçları kullanabilirsiniz. Kontrast, web erişilebilirliği için büyük bir husustur. Görüntünün veya arka planın üzerindeki metne bakın ve birbirine yakın olan öğeler (düğmeler ve görüntüler gibi) arasındaki kontrastı. İdeal olarak, içerik metni için bir parlaklık kontrast seviyesi 4.5: 1 ve büyük metin için 3: 1 istersiniz. Kontrast denetçileri, ön arka planı test etmek için harika bir araçtır. Arka plan ve hatta renk seçimlerinizi gri ölçekte görün. Hatırlanması gereken önemli kurallar: Renklere güvenmeyin. Şekil ve sembol aynı mesajın iletilmesine yardımcı olabilir. Örneğin, iletişim formu hatanız kırmızı ise, site ziyaretçileriniz kırmızı-yeşil körse dikkat çeken bir durdurma veya ünlem işareti eklemek isteyebilirsiniz. Desenler ve dokular da kontrast göstermenin iyi bir yoludur. Erişilebilecek başlık, başlığın yalnızca boyut için değil, içeriğinizin önemli bir yapısal bileşenidir. Doğru başlık öğesini kullanmak, ekran okuyucuların sayfalardaki başlığı ve parçaları hızlı bir şekilde tanımlamasına ve etkili bir şekilde gezinmesine olanak tanır. Doğru başlık yapısı nedir?

Sayfanın ana konusunu tanımlamak için kullanılmalı ve sayfa başına yalnızca bir kez kullanılabilir. Bu, örneğin blog yazısı veya ürün adı başlığı olacaktır. Element

ve

, aşağıdaki içeriğin farklı bölümlerini tanıtmak için kullanılmalıdır. İşte blog gönderimi için başlık formatına bir örnek:

Neden paslanmaz çelik bir su şişesi seçin

Paslanmaz çelik su şişeleri kamp için mükemmeldir

Kaynetmek için kullanılabilirler. Vahşi doğada su. Seçim.

Birçok plastik şişenin yaptığı gibi kimyasalları sızdırmazlar. Site ziyaretçilerinin veya ekran okuyucularının her bölüm hakkında kolayca anlayabilmeleri için. Erişim sağlanabilecek formlar ekran okuyucuları için karmaşık olabilir, ancak formlar genellikle ödeme bilgilerini, ürün ayarlama ayrıntılarını ve hatta beklentileri toplama şeklinizdir. Bu nedenle erişimi ve kullanımı kolay olması çok önemlidir. Başlamak için iyi bir yer bir etiket kullanmaktır – evet, bir yer tutucunuz olmasına rağmen! Etiket, kullanıcılarınıza ne dolduracağınızı söylemelidir (örneğin e -posta adresi), yer tutucu sahayı nasıl dolduracağını paylaşmalıdır (örn. [E -posta
Korumalı] ).Bu, formunuzu anlayan bir ekran okuyucunun önemli bir parçasıdır.Her alanın net bir şekilde etiketlenmesi gerektiğinden ve anlaşılması kolay bir şekilde açıklanan talimatların (özellikle tarih, telefon numarası vb.Formlarınızın klavye tarafından erişilebilmesi de önemlidir – form sadece klavyeyi kullanılarak dinvigasyonlu ve doldurulabilir.Bir geliştirici olarak, form verilerini manipüle ederken, formları gönderirken ve form öğelerini değiştirirken JavaScript kullanımına dikkat edin.Kötüye kullanılan JavaScript, formun tam olarak erişilememesi en yaygın nedenlerinden biridir.Videolar tarafından erişilebilen videolar, ürününüzü açıklamanın, kullanımlarını göstermenin ve müşterilerinizden gelen referansları paylaşmanın iyi bir yoludur.Onların da erişilebileceğinden emin olun!

Bunu yapmanın bir yolu, videonuza sağır olanlara veya sesi anlamak için işitme kaybı yaşayanlara yardımcı olacak metin eklemektir. Washington Üniversitesi, kendi videonuza metin eklemek için harika ipuçları sunar. Ancak, profesyonel bir videograf videonuzu yaparsa, metin eklemelerini isteyin. Ses açıklaması eklemek, kör olanların videonuzda neler olduğunu anlamalarına yardımcı olmak için önemli bir adımdır. Önemli görsel içeriği, özellikle de videonuzun bir anlatısı olmayan video kısmını açıklayan ayrı bir ses parçası oluşturun. Tüm ses içeriğini yazmak ve videonun kendisini tanımlamak için bir transkript de kullanabilirsiniz. Ayrıca bir video oynatıcı düşünmek istiyorsunuz. Seçtiğiniz seçeneklerin kapalı metni desteklediğinden ve ses açıklamasını etkinleştirmek ve devre dışı bırakmak için bir anahtar sağladığından emin olun. Ayrıca, oynatıcıdaki tüm düğmelerin ekran okuyucuları veya klavye ile kullanılabildiğinden emin olmak istersiniz. Klavye gezinmemiz bu konuda biraz dokundu, ancak web sitenizin sadece klavyeyi kullanılarak çalıştırılması önemlidir. Bu, geleneksel fare kullanmakta zorluk çekebilecek motor bozuklukları olan insanlar için çok yararlıdır. Sekme düğmesi tüm sayfalarda gezinmek için kullanıldığından, web sitenizin navigasyonunun sayfanın görsel grafiğini (soldan sağa, yukarıdan aşağıya) izlemek için düzenlenmesi gerekir. Aşağıdaki dizilerde Sekme düğmesine girebildiğinizden emin olmak için web sitenizi test edin: Tajuk

Ana Gezinme Menüsü
Herhangi bir sayfanın ve bağlantıda gezinme
dipnot
Ayrıca widget’ları, uygulamaları, eklentileri vb. Keşfetmek için zaman ayırın. Özellikle kaçış düğmesini kullanarak kolayca dışarı çıkabileceklerinden ve widget’lar için doğru erişilebilirlik kılavuzunu takip etmelerini sağlamak için. Buradaki en büyük anahtar test etmek, test etmek, test etmek! Kullanılmasının kolay olduğundan emin olmak için klavyenizi kullanarak tüm sayfaları izlemek için zaman ayırın. E -ticaret sitenizde dijital indirmeler satıyorsanız erişilebilen indirmeler, indirmenin kendisine erişilebilmesini sağlamak da önemlidir. PDFS yapmanın en iyi yollarından biri, ekran okuyucuları tarafından görülebilen gizli ve yapılandırılmış bir içerik gösterimi veren bir PDF etiketi eklemektir. Adobe Acrobat, PDF’nizi erişilebilir hale getirmek için harika bir rehberlik sağlar. Tabii ki, tüm dijital indirme tasarımlarınızda, yukarıda tartıştığımız erişilebilecek diğer prensipleri de hatırlamak istiyorsunuz.

Erişilebilirlik için bina: Herkesin mağazanızı kullanabilmesini nasıl sağlamak