Kaçınmanız Gereken 4 Web Tasarım Erişilebilirlik Hatası

Potansiyel kitlenizi artırmak istiyorsanız, web sitenizi olabildiğince erişilebilir kılmak önemlidir. Ancak, web sitenizin erişilebilirliğini ne kadar etkilediğini anlamadan yapabileceğiniz birçok küçük web tasarımı hatası vardır.

Web tasarımı, kullanıcıların sitenizi nasıl algıladığından, siteyle etkileşim biçimine kadar her şeyi etkiler. Bu nedenle, iyi erişilebilirlik seçimleri yapmak sitenizin kullanılabilirliğini artırabilir. Bu yazıda, erişilebilirlik söz konusu olduğunda web tasarımının önemini daha derinlemesine inceleyeceğiz. Ardından, kaçınmanız gereken dört web tasarımı erişilebilirlik hatası hakkında konuşacağız, nedenlerini tartışacağız ve bunları nasıl önleyeceğinizi göstereceğiz.

Tasarım konuşalım!

Web Tasarımı ve Erişilebilirlik Nasıl Bir Arada Gidiyor?

Web erişilebilirliği, basitçe siteleri mümkün olduğunca çok kişinin kullanabilmesi için optimize etme uygulamasıdır. Çoğu durumda bu, özellikle engelli kişilerin web sitenizi veya uygulamanızı kullanmasını sağlamak anlamına gelir. Bu tür erişilebilirlik optimizasyonundan daha önce bahsetmiştik. Ancak bu makale için web tasarımı ve erişilebilirlik arasındaki yakın ilişkiye odaklanmak istiyoruz.

Elinizde harika bir web sitesi olabilir, ancak çekici bir tasarım olmadan insanlar buna dikkat etmeyebilir. Yine de sitenizi tasarlarken, yalnızca onu olabildiğince güzel hale getirmeye odaklanmamalısınız. Ayrıca, yaptığınız tasarım seçimlerinin, etkileşim kurmanın ne kadar kolay olduğunu etkileyebileceğini de unutmamalısınız. Başka bir deyişle, mükemmel tasarım ile iyi düzeyde erişilebilirlik arasında doğrudan bir ilişki vardır.

Örneğin, sitenizin arka planının beyaz olduğunu ve metninizi açık mavi bir tonda yapmaya karar verdiğinizi hayal edin:

Bu tasarım seçeneği, erişilebilirliği hesaba katmadığı için çalışmaz. Metniniz için daha koyu bir renk kullanmak çok daha iyi bir seçim olacaktır, böylece beyaz bir arka plan üzerinde açıkça görülebilir. Erişilebilirlik hataları, web sitenizi aşağıdakiler gibi sayısız şekilde etkileyebilir:

• Hemen çıkma oranınızı artırmak. Sitenizi kullanmak çok zorsa, ziyaretçiler başka bir yere bakmayı tercih edebilir.
• Dönüşüm oranlarınızı etkiliyor. Web siteniz, kullanıcıları dönüştürmenin kendi çıkarları için en iyisi olduğuna ikna etmelidir ve zayıf erişilebilirlik seçenekleri bu hedefi baltalayabilir.
• Web sitenizi kullanmak eğlenceli olmayacak. Kötü tasarım seçimlerinden dolayı sitenizde gezinmek size zahmet veriyorsa, birçok insan muhtemelen geri gelmekle uğraşmayacaktır.

İdeal olarak, web siteniz hem şık hem de kullanımı kolay olmalıdır. Bu kombinasyonu elde edebilir ve mükemmel içerikle yedekleyebilirseniz, elinizde bir kazanan olacak.

Kaçınmanız Gereken 4 Web Tasarım Erişilebilirlik Hatası

Tasarımın web sitenizin erişilebilirliğini etkileyebileceği birçok yol vardır. Ancak, bu dört hatadan kaçınmak, iyi bir erişilebilirlik temeline sahip bir siteyle sonuçlanmalıdır. Görüntüler ve metinler hakkında konuşarak başlayalım.

1. Görsellerinize Metin Dahil Etme

İnsanların web tasarımında yaptığı en yaygın hatalardan biri, resimlerin içine önemli metinler eklemektir. Örneğin, bu bölümün başındaki ekran görüntüsünde, görüntünün içinde metin olduğunu görebilirsiniz, ancak yalnızca dekoratif olduğu için kullanmanın hiçbir dezavantajı yoktur.

Ancak, ziyaretçilerinizin resimlerinize okuması için gerekli olan metinleri eklemek genellikle hayırdır. Bunun nedeni, birçok kişinin web sitenize daha küçük ekranlarda bakmasıdır, bu da metninizin küçüldükçe daha az okunabilir hale gelebileceği anlamına gelir. Ayrıca, arama motorları resimlerin içindeki metni okuyamaz, bu nedenle içlerinde önemli içeriğin olması çok fazla optimizasyon fırsatıdır.

İşte iyi bir temel kural:

Metniniz önemliyse, bunu söylemek için bir resim kullanmayın.

Eğer metin ile görsel ekleme varsa, aynı zamanda çok gövde metni kullanarak bağlam verebilir. Bu şekilde, görüntüyü daha küçük bir cihazda çıkarmak biraz zor olsa bile, okuyucu hiçbir şeyi kaçırmaz.

2. Başlıkları Yanlış Kullanma

Metin ağırlıklı bir WordPress web sitesinde çalışırken, başlıklar ve alt başlıklar en iyi arkadaşlarınızdan bazılarıdır. Bir çok insan metin parçalarından korkar, bu yüzden onları ayırmanın yollarını bulmanız gerekir.

Paragraf sonları elbette önemlidir. Ancak, metni bölmek için resimleri, listeleri, tabloları ve diğer görsel öğeleri de kullanabilirsiniz. Ancak bizce bunun için elinizdeki en güçlü araç başlıklardır. İnsanlar içeriğinizde gezinirken, yalnızca başlıklarınız, bulacakları şeyin doğru bir resmini çizmelidir.

Arama motorları içeriğinizin neyle ilgilendiğini bulmak için bu etiketleri kullandığından, rastgele metinleri yalnızca başlıklara dönüştürmemeniz de önemlidir. Başlıkları her zaman doğru kullandığınızdan emin olmak için bazı yararlı ipuçları:

• İçeriğinizin yeni bölümlerini tanıtmak için alt başlıkları kullanın. Örneğin, makalemizin bölümlerini alt başlıklar kullanarak ayırmayı seviyoruz.
• Belirsiz alt başlıklar kullanmaktan kaçının. Alt başlıklarınız içeride ne olduğuyla ilgili ipucu vermemeli, mümkün olduğunca iyi bir şekilde hecelemelidir.
• Okunması kolay yazı tipleri kullanın. Ziyaretçiler, başlıklarınızın ne dediğini anlamak için çaba sarf etmek zorunda kalıyorsa, elinizde ciddi bir erişilebilirlik sorunu var demektir.

Bu günlerde, çoğu insan hepsini okumak yerine çevrimiçi içeriğe göz gezdiriyor. Bu, alt başlıkların, ziyaretçinizin dikkatini çekme ve onları en çok ilgilendikleri bölümlere yönlendirme olasılıkları daha yüksek olduğu için özellikle önemli olduğu anlamına gelir.

3. Tasarımlarınızda Benzer Renkler Kullanmak

Web sitenizin tasarımı için seçtiğiniz renkler, hayal edebileceğinizden daha önemlidir. Birlikte güzel görünen renkleri seçmek yeterli değildir – aynı zamanda içeriğinizin kullanıcılar için öne çıkmasını sağlamaları da önemlidir, önemli bölümleri kolayca yapabilirler.

Bu makalenin başında, beyaz bir arka plan üzerine açık renkli metin koymaya çalıştığınızda neler olduğuna dair bir örnek gösterdik. Ziyaretçilerin her bir öğeyi ayırt etmesini zorlaştırır, bu da kaçınmak istediğiniz bir şeydir. Genel anlamda, öğeleri kolayca ayırt edebilmek için iyi bir karşıtlık düzeyi hedeflemelisiniz.

Bu bölümün başındaki örneği alın. Blogumuzun dizini için açık gri bir arka plan kullanıyoruz. Bunun da ötesinde, her blog yazısı için beyaz kartlar yerleştiririz ve mümkün olduğunda her zaman renkli özellikli görseller kullanmayı severiz. Beyaz ve gri oldukça benzer olsa da, orada her gönderiyi ayırt etmenin kolay olduğu kadar yeterli kontrast var. Ayrıca, TAM GÖNDERİYİ GÖRÜNTÜLE düğmesi gibi önemli unsurlar, renk seçimimiz sayesinde kendi başlarına öne çıkıyor. Uygulamamızdan, renk kullanarak sitenizin erişilebilirliğini iyileştirmenize yardımcı olabilecek birkaç önemli çıkarım aşağıda verilmiştir:

• Sayfanızın öğeleri arasında iyi bir kontrast düzeyi hedefleyin. Ziyaretçileriniz sitenizin her bir öğesini bir bakışta seçebilmelidir, bu nedenle sitenize güçlü, zıt renkler katmaktan korkmayın.
• Doğru tonları seçmenize yardımcı olması için bir renk tekerleği kullanın. Renk çarkları, birbiriyle hoş bir kontrast oluşturan tonları bulmanızı kolaylaştırır.
• Web siteniz için bir renk paleti geliştirin ve buna bağlı kalın. Web siteniz genelinde bir marka kimliği oluşturmak istiyorsanız tutarlılık çok önemlidir.

Kontrastı doğru kullanmak, sitenizin erişilebilirliğini arttırmanın mükemmel bir yoludur. Ancak, seçtiğiniz renkler için bir miktar tutarlılık olduğundan emin olmak istersiniz. Aksi takdirde, bir tasarımı aceleyle bir araya getirmiş gibi görünürsünüz ve muhtemelen sonuç, ziyaretçilerinizin gezinmesi için eğlenceli olmayacaktır.

4. Kullanımı Zor Formlar Tasarlamak

Formlar, özellikle sitenizdeki en önemli unsurlardan biri olduklarından, olması gerektiği kadar sevgi görmez. Kullanıcıların e-postanızı herkese açık olarak paylaşmak zorunda kalmadan sizinle iletişim kurmasını sağlar. Bu, birçok dönüşümden en azından doğrudan sorumlu oldukları anlamına gelir.

Örneğin, ziyaretçilerin posta listenize kaydolmasını sağlamak için formları da kullanabilirsiniz. Bildiğiniz gibi, posta listeleri emrinizde olan en güçlü pazarlama araçlarından biridir, bu nedenle formunuzun tasarımına daha fazla dikkat etmek için tek başına yeterli neden olmalıdır.

Formlarınız sezgisel değilse, onları kaç kişinin kullandığını doğrudan etkileyebilir ve bu da dönüşümlerinize zarar verebilir. Ancak, kullanımlarının kolay olması için aklınızda bulundurmanız gereken birkaç tasarım ipucu vardır:

• Mümkün olduğunda alanlarınız için kenarlıklar ayarlayın. Formlardaki kenarlıksız alanlar iyi görünebilir, ancak kullanıcıların her birinin nereden başladığını bulmasını zorlaştırır.
• Alanlarınıza etiketler ekleyin. Etiketler sayesinde, ziyaretçiler her alana tam olarak ne yazacaklarını bilirler.
• Görülmesi ve tıklanması kolay gönderim düğmeleri tasarlayın. Gönderim düğmeniz, özellikle mobil cihazlardan kolayca fark edilebilir ve tıklanabilir olmalıdır.

İyi haber şu ki formlarınızın erişilebilir olması için sıkıcı olması gerekmiyor. İlham almak için mücadele ediyorsanız, yaratıcı meyve sularınızın akmasına yardımcı olacak bazı şık form tasarımları burada.

Çözüm

Web tasarımı ve erişilebilirlik el ele gider. Erişilebilirliği yüksek bir web sitesi oluşturmak, sıkıcı görünmesi gerektiği anlamına gelmez. Bu, erişilebilirlikle ilgili en iyi uygulamaları aklınızda tutmanız ve bunları tasarımlarınıza dahil etmenin bir yolunu bulmanız gerektiği anlamına gelir.

Web tasarımında erişilebilirlik söz konusu olduğunda birçok insanın yaptığı ve kaçınmanız gereken dört hata:

1. Resimlerinize metin dahil.
2. Başlıkları yanlış kullanmak.
3. Sitenizde benzer renkler kullanmak.
4. Kullanımı zor formlar tasarlamak.

Web sitenizin erişilebilirliğini nasıl iyileştireceğiniz konusunda sorularınız mı var? Aşağıdaki yorumlar bölümünde onlar hakkında konuşalım!

Dooder / Shutterstock.com'dan makale resmi küçük resmi.