4 Web Tasarım Erişilebilirlik Hataları Kaçınmanız Gerekiyor
Potansiyel kitlenizi artırmak istiyorsanız, web sitenizi mümkün olduğunca kolay oluşturmak önemlidir. Bununla birlikte, web sitenizin erişilebilirliği üzerinde ne kadar etkisi olduğunu fark etmeden yapabileceğiniz birçok küçük web tasarımı hatası vardır. Web tasarımı, kullanıcıların sitenize bakma biçiminden başlayarak, onunla etkileşim biçimlerine kadar her şeyi etkiler. Bu nedenle, iyi erişilebilirlik seçimleri yapmak, sitenizin kullanımını artırabilir. Bu makalede, web tasarımının erişilebilirlik açısından önemi hakkında daha derinlere ineceğiz. Ardından, kaçınmanız, nedenleri tartışmanız ve nasıl önleneceğinizi göstermeniz gereken dört web tasarım erişilebilirlik hatası hakkında konuşacağız.
Tasarımdan bahsedelim! Web Tasarımı ve Erişilebilirlik Web Erişilebilirliği ile Nasıl Çalışın, Siteyi optimize etme uygulamasıdır, böylece birçok insan mümkün olduğunca kullanabilir. Birçok durumda, bu özellikle engelli kişilerin web sitenizi veya uygulamanızı kullanabilmesini sağlamak için ifade eder. Daha önce erişilebilirliğin optimizasyonu türü hakkında konuştuk. Ancak, bu makale için, web tasarımı ile erişilebilirlik arasındaki yakın ilişkiye odaklanmak istiyoruz. Elinizde olağanüstü bir web sitesi olabilir, ancak çekici bir tasarım olmadan insanlar dikkat etmeyebilir. Yine de, sitenizi tasarladığınızda, sadece mümkün olduğunca güzel hale getirmeye odaklanmamalısınız. Ayrıca, yaptığınız tasarım seçimlerinin dahil olmanın ne kadar kolay olduğunu etkileyebileceğini de hatırlamanız gerekir. Başka bir deyişle, çok iyi bir tasarım ile iyi bir erişilebilirlik seviyesi arasında doğrudan bir korelasyon vardır.
Örneğin, sitenizin arka planının beyaz olduğunu ve açık mavi bir metin yapmaya karar verdiniz: bu tasarım seçimi işe yaramaz çünkü erişilebilirliği hesaba katmaz. Çok daha iyi bir seçim, metniniz için daha koyu bir renk kullanmaktır, bu nedenle beyaz arka planda açıkça görülebilir. Erişilebilirlik hataları, web sitenizi çeşitli şekillerde etkileyebilir, örneğin:
Dönüşüm seviyenizi etkiler. Web siteniz, kullanıcılara dönüşümün en iyi çıkarları olduğuna ve düşük erişilebilirlik seçimlerinin bu hedeflere zarar verebileceğine ikna etmelidir.
Web sitenizi kullanmak eğlenceli olmayacaktır. Kötü bir tasarım seçimi nedeniyle sitenizde gezinmek zorsa, birçok insan geri dönmeyebilir.
İdeal olarak, web siteniz şık ve kullanımı kolay olmalıdır. Bu kombinasyona ulaşabilir ve olağanüstü içerikle destekleyebilirseniz, elinizde bir kazanan olacak.
4 Web Tasarım Erişilebilirlik Hataları Kaçınmanız Gerekenler, tasarımın web sitenizin erişilebilirliğini etkileyebileceği birçok yol vardır. Bununla birlikte, bu dört hatadan kaçınmak, temel erişilebilirliğe sahip bir site üretecektir. Görüntüler ve metinler hakkında konuşarak başlayalım. 1. Görüntünüze metin ekleyin
Pratik bir kural olarak, hücresel kullanıcıların bunları okuyabilmesini sağlayamadığınız sürece görüntünüze metin eklememelisiniz. Web tasarımındaki insanlar tarafından yapılan en yaygın hatalardan biri, resimde önemli metinlere girmektir. Örneğin, bu bölümün başındaki ekran görüntüsünde, metni resimdeki görebilirsiniz, ancak sadece dekoratif olduğu için, kullanacak kayıp yoktur. Ancak, ziyaretçilerinizin okuması için önemli metin dahil Resim, genellikle izin verilmez. Bunun nedeni, birçoğunun web sitenizi daha küçük bir ekranda görebilmesidir, bu da metninizin azaltıldığında daha az okunabileceği anlamına gelir. Ayrıca, arama motorları resimdeki metni okuyamaz, bu nedenle içine önemli içerik girmek optimizasyon için birçok fırsattır. İşte iyi pratik kurallar: Metniniz önemliyse, bunu söylemek için resim kullanmayın. Metin içeren görüntüleri eklemeniz gerekiyorsa, içerik metnini kullanarak bağlam da sağlayabilirsiniz. Bu şekilde, görüntünün daha küçük bir cihazda görmek oldukça zor olsa da, okuyucu hiçbir şeyi kaçırmayacaktır.
2. Yanlış Başlığı Kullanma
Altyazılar sadece yumruk çizgileri değil, her zaman bilgilendirici olmalıdır.
Sağlam bir WordPress web sitesi metni üzerinde çalışırken, başlık ve altyazılar en iyi arkadaşlarınızdan bazılarıdır. Birçok kişi metin sayfalarıyla korkutulur, bu yüzden onu kırmanın yollarını bulmanız gerekir. Paragraf dinlenme elbette çok önemlidir. Ancak, metni kırmak için resimleri, listeleri, tabloları ve diğer görsel öğeleri de kullanabilirsiniz. Ancak, görüşümüze göre, bunun için sahip olduğunuz en etkili araç başlamaktır. İnsanlar içeriğinizi kaydırdıklarında, başlığınız sadece ne bulacağının doğru bir resmini açıklamalıdır. Ayrıca, yalnızca rastgele metni başlığa değiştirmekle kalmaz, çünkü arama motoru içeriğinizle neyin ilgili olduğunu bulmak için etiketi kullanır. İşte her zaman doğru şekilde kullandığınızdan emin olmak için bazı yararlı ipuçları: İçeriğinizin yeni bir bölümünü tanıtmak için altyazıları kullanın. Örneğin, makalemizin kısmını alt posları kullanarak ayırmak istiyoruz.
Belirsiz altyazılar kullanmaktan kaçının. Altyazılar içinde ne olduğunu işaret etmemelisiniz, daha ziyade onu ellerinden gelenin en iyisini yapıyor.
Okuması kolay bir yazı tipleri kullanın. Ziyaretçiler başlığınızın ne dediğini bulmaya çalışmak zorundalarsa, elinizde ciddi bir erişilebilirlik probleminiz var.
Şu anda, çoğu insan her şeyi okumak yerine çevrimiçi içerik bir bakış okudu. Bu, subpos’un çok önemli olduğu anlamına gelir, çünkü ziyaretçilerinizin dikkatini çekmeye ve onları önemsedikleri kısma yönlendirme eğilimindedirler.
3. Tasarımınız boyunca benzer renkleri kullanmak
Tasarımınız boyunca çok benzer renkler kullanıyorsanız, parçaları ayırt etmek zor olacaktır.
Web siteniz tasarımı için seçtiğiniz renk hayal ettiğinizden daha önemlidir. Sadece birlikte iyi görünen bir renk seçmek yeterli değildir – kullanıcıların önemli parçaları kolayca görebilmeleri için içeriğinizi öne çıkarmaları gerekir. Bu makalenin başında, beyaz bir arka plana parlak bir metin koymaya çalıştığınızda ne olacağına dair bir örnek gösteriyoruz. Ziyaretçilerin her öğeyi görmesi zordur, bu da kaçınmak istediğiniz bir şeydir. Genel olarak, unsurları kolayca ayırt etmek için iyi bir kontrast seviyesi hedeflemelisiniz. Bu bölümün başında örneği alın. Blog dizinimiz için açık gri bir arka plan kullanıyoruz. Buna ek olarak, her blog yazısı için beyaz bir kart koyduk ve mümkün olduğunda her zaman renkli bir üstün görüntü kullanmak istiyoruz. Beyaz ve gri çok benzer olsa da, orada yeterince kontrast vardır, bu nedenle her yazı arasında ayrım yapmak kolaydır. Ayrıca, Gönderinin Tam Bkz. Düğmesi gibi önemli bir unsur, renk seçimlerimiz sayesinde tek başına. Uygulamamızın, Sitenizin Renkleri kullanarak erişilebilirliğini artırmanıza yardımcı olabilecek ana çıkarımlarından bazıları:
Sayfa öğeleriniz arasında iyi bir kontrast seviyesi hedeflemek. Ziyaretçiniz sitenizin her öğesini bir bakışta görebilmelidir, bu nedenle orada güçlü zıt renkler sağlamaktan korkmayın.
Doğru tonu seçmenize yardımcı olmak için renk tekerleklerini kullanın. Renk tekerlekleri, birbirinizle iyi bir zıt ton bulmanızı kolaylaştırır.Web siteniz için bir renk paleti geliştirin ve itaat edin. Web sitenizde bir marka kimliği oluşturmak istiyorsanız tutarlılık bir anahtardır. Kontrastı doğru kullanmak, sitenizin erişilebilirliğini artırmanın en iyi yoludur. Ancak, seçtiğiniz renkte birkaç tutarlılık seviyesi olduğundan emin olmak istersiniz. Değilse, sadece tasarımı aceleyle düzenlediğiniz gibi görünecek ve sonuçların olasılığı ziyaretçilerinizin gezinmesi için eğlenceli olmayacak.
4. Kullanımı zor bir form tasarlamak
İletişim formunun kullanımı kolay olmalı, ancak bu sıkıcı olması gerektiği anlamına gelmez.
Form, özellikle sitenizdeki en önemli unsurlardan biri olduğu için olması gerektiği kadar sevgiye sahip değildir. Kullanıcıların e -postanızı herkese açık olarak paylaşmak zorunda kalmadan sizinle bağlantı kurmalarına izin verir. Bu, en azından – en azından – çok fazla dönüşümden sorumlu oldukları anlamına gelir. Örneğin, ziyaretçilerin posta listenize kaydolmasına izin vermek için bir form da kullanabilirsiniz. Bildiğiniz gibi, posta listesi istediğiniz en güçlü pazarlama araçlarından biridir, bu nedenle form tasarımınıza daha fazla dikkat etmek için tek başına yeterlidir. Formunuz sezgisel değilse, kaç kişinin onu kullandığını doğrudan etkileyebilir, bu da dönüşümünüze zarar verebilir. Ancak, kullanımı kolay olmayı hatırlamanız gereken bazı tasarım ipuçları vardır:
Mümkünse alanınız için sınırı belirleyin. Formdaki sınırsız alan iyi görünebilir, ancak kullanıcıların her alanın nereden başladığını bulmasını zorlaştırır.
Etiketi alanınıza ekleyin. Etiketle, ziyaretçiler her alanda tam olarak ne yazacağını bileceklerdir. Kolayca görülen ve tıklanan bir nakliye düğmesi tasarlar. Gönderi düğmeniz, özellikle mobil cihazlardan kolayca tanınmalı ve tıklanmalıdır.
İyi haber şu ki, formunuzun erişilebilir olmak için sıkıcı olması gerekmiyor. İlham almak için mücadele ediyorsanız, yaratıcılığınızı aktarmaya yardımcı olacak bazı şık form tasarımları. Sonuç Web tasarımı ve erişilebilirlik elinde çalışır. Çok kolay erişilebilir bir web sitesi oluşturmak, sıkıcı görünmesi gerektiği anlamına gelmez. Bu, en iyi erişilebilirlik uygulamasını hatırlamanız ve tasarımınıza koymanın bir yolunu bulmanız gerektiği anlamına gelir. İşte birçok kişi tarafından web tasarımında erişilebilirlik açısından yapılan dört hata, bunlardan kaçınmanız gerekir: Görüntünüze metin dahil.
Başlığı yanlış kullanın.
Sitenizde benzer renkler kullanın.
Kullanımı zor formlar tasarlamak.
Web sitenizin erişilebilirliğini nasıl artıracağınızla ilgili sorularınız var mı? Aşağıdaki yorumlar bölümünde onlar hakkında konuşalım! Thumbnail Makale Görüntüsü Dooder / Shutterstock.com.
