Dreamweaver ile görme, işitme, hareket ve başka engelleri bulunan kişiler tarafından kullanılabilecek web sayfaları ve web ürünleri oluşturabilirsiniz.

Not:

Dreamweaver CC ve sonraki sürümlerinde kullanıcı arabirimi basitleştirilmiştir. Sonuç olarak, bu makalede açıklanan seçeneklerden bazılarını Dreamweaver CC ve sonraki sürümlerinde bulamayabilirsiniz. Daha fazla bilgi için bu makaleye bakın.

Erişilebilir içerik hakkında

Erişilebilirlik; görsel, işitsel, motor etkinlik engellerine veya başka engellere sahip kişiler tarafından kullanılabilen web siteleri ve web ürünleri hakkındadır. Yazılım ürünleri ve web sitelerine yönelik erişilebilirlik özelliklerine örnekler arasında ekran okuyucusu desteği, grafikler için metin karşılıkları, klavye kısayolları, ekran renklerinin yüksek kontrasta çevrilebilmesi vb. sayılabilir. Dreamweaver, erişilebilir içerik yazmanıza yardımcı olan araçlarla birlikte onu kullanılmak üzere erişilebilir hale getiren araçlar sağlar.

Uygulama, erişilebilirlik özelliklerini kullanmaya ihtiyaç duyan Dreamweaver geliştiricilerine ekran okuyucusu desteği, klavye gezinmesi ve işletim sistemi erişilebilirlik desteği sunmaktadır.

Dreamweaver, erişilebilir içerik oluşturma ihtiyacı duyan web tasarımcılarına, ekran okuyucuları için yararlı içerik bulunduran ve federal hükümet kurallarına uyan erişilebilir sayfalar oluşturmaları konusunda yardımcı olur. Örneğin iletişim kutuları tarafından, sayfa öğeleri eklediğinizde erişilebilirlik niteliklerini (örneğin bir görüntünün metin karşılığını) girmeniz istenir. Daha sonra bu görüntü görsel engele sahip bir kullanıcıya yönelik bir sayfada belirdiğinde, ekran okuyucusu açıklamayı okur.

Not:

İki önemli erişilebilirlik teşebbüsü hakkında daha fazla bilgi için, bkz. World Wide Web Consortium Web Accessibility Initiative (www.w3.org/wai) ve U.S. Federal Rehabilitation Act, Bölüm 508 (www.section508.gov).

Not:

Japonya Endüstri Standardı erişilebilirlik kuralları hakkında daha fazla bilgi için, bkz. JIS X 8341-3 (www.jisc.go.jp).

Geliştirme sürecini hiçbir içerik yaratma programı otomatikleştiremez. Erişilebilir web siteleri geliştirme, erişilebilirliğin gereklerini anlamayı ve engelli kullanıcıların web siteleri ile nasıl etkileşeceği hakkında devamlı kararlar vermeyi gerektirir. Bir web sitesinin erişilebilir olmasını sağlamanın en iyi yolu önceden planlama, geliştirme, test ve değerlendirmedir.

Dreamweaver ile ekran okuyucu kullanma

Ekran okuyucu, bilgisayar ekranında beliren metni sesli olarak okur. Ayrıca içeriğin hazırlanması sırasında erişilebilirlik etiketlerinde veya niteliklerde sağlanan metin olmayan bilgileri, örneğin uygulamadaki düğme etiketlerini veya görüntü açıklamalarını da okur.

Dreamweaver tasarımcısı olarak, web sayfalarınızı oluşturmanıza yardımcı olması için bir ekran okuyucusu kullanabilirsiniz. Ekran okuyucu okumaya Belge penceresinin sol üst köşesinden başlar.

Dreamweaver, Freedom Scientific tarafından geliştirilen JAWS for Windows (www.freedomscientific.com) ve GW Micro tarafından geliştirilen Window-Eyes ekran okuyucularını (www.gwmicro.com) destekler.

İşletim sistemi erişilebilirlik özellikleri için destek

Dreamweaver, Windows ve Macintosh işletim sistemlerinin her ikisindeki erişilebilirlik özelliklerini destekler. Örneğin Macintosh'ta görsel tercihleri Universal Access Tercihleri iletişim kutusunda (Apple > System Preferences) belirlersiniz. Ayarlarınız, Dreamweaver çalışma alanına yansıtılır.

Windows işletim sisteminin yüksek karşıtlık ayarı da ayrıca desteklenir. Windows Denetim Masası'ndan etkinleştirebileceğiniz bu seçenek, Dreamweaver'ı aşağıdaki şekilde etkiler:

  • İletişim kutuları ve paneller sistem renk ayarlarını kullanır. Örneğin, rengi Siyah üzerine Beyaz yaparsanız, tüm Dreamweaver iletişim kutuları ve paneller beyaz ön plan ve siyah arka plan rengi ile görünür.

  • Kod görünümü sistem ve pencere metin rengini kullanır. Örneğin, sistem rengini Siyah üzerine Beyaz olarak ayarlayıp ardından metin renklerini Düzen > Tercihler > Kod Rengi içinde değiştirirseniz, Dreamweaver bu renk ayarlarını yok sayarak kod metnini beyaz ön plan ve siyah arka plan rengi ile görüntüler.

  • Tasarım görünümü, Değiştir > Sayfa Özellikleri'nde belirlediğiniz arka plan ve metin renklerini kullanır; böylece tasarladığınız sayfalar, renkleri bir tarayıcının oluşturacağı şekilde oluşturur.

Çalışma alanını erişilebilir sayfa tasarımı için en iyileştirme

Erişilebilir sayfalar oluştururken içeriğinizi tüm kullanıcılar tarafından erişilebilir hale getirmek için sayfanızdaki nesneler ile etiket veya açıklama gibi bilgileri ilişkilendirmelisiniz.

Bunu yapmak amacıyla her nesne için Erişilebilirlik iletişim kutusunu etkinleştirin, böylelikle Dreamweaver, nesneleri eklediğinizde sizden erişilebilirlik bilgilerini ister. Tercihler'de bulunan Erişilebilirlik kategorisindeki her nesne için bir iletişim kutusu etkinleştirebilirsiniz.

  1. Düzen > Tercihler'i (Windows) veya Dreamweaver > Tercihler'i (Macintosh) seçin.
  2. Soldaki kategori listesinden Erişilebilirlik öğesini belirleyin, bir nesne seçin, aşağıdaki ayarlardan istediklerinizi belirleyin ve Tamam'ı tıklatın.

    Eklerken Nitelikleri Göster

    Erişilebilirlik iletişim kutularını etkinleştirmek istediğiniz nesneleri seçin. Örneğin, form nesneleri, çerçeveler, medya ve görüntüler.

    Odağı Panelde Tut

    Odağı panelde tutarak ekran okuyucuyu için erişilebilir yapar. (Bu seçeneği belirlemezseniz, kullanıcı bir panel açtığında odak Tasarım veya Kod görünümünde kalır.)

    Ekran Dışı Görüntü Oluşturma

    Ekran okuyucu kullanırken bu seçeneği seçin.

    Not:

    Bir tablo eklediğinizde Tablo Ekle iletişim kutusunda erişilebilirlik özellikleri belirir.

Gezinme panellerinde, denetçilerinde, iletişim kutularında, çerçevelerinde ve tablolarında fare kullanmadan gezinmek için klavye kullanabilirsiniz.

Not:

Sekme ve ok tuşlarınının kullanımı yalnızca Windows'ta desteklenir.

  1. Belge penceresinde odağı bir panele geçirmek için Control+F6 tuş bileşimine basın.

    Panel bağlığında noktalı çizgi, odağın o panelde olduğunu gösterir. Ekran okuyucu, odağın üzerinde olduğu panel başlık çubuğunu okur.

  2. Odağı, üzerinde çalışmak istediğiniz panele geçirinceye kadar Control+F6 tuş bileşimine tekrar basın. (Odağı önceki panele geçirmek için Control+Shift+F6 tuş bileşimine basın.)
  3. Üzerinde çalışmak istediğiniz panel açık değilse, söz konusu paneli ekrana getirmek için Windows menüsündeki klavye kısayollarını kullanın, sonra Control+F6 tuş bileşimine basın.

    Üzerinde çalışmak istediğiniz panel açıksa ancak genişletilmemişse, odağı panel başlık çubuğuna koyun ve ardından Boşluk tuşuna basın. Paneli daraltmak için Boşluk tuşuna tekrar basın.

  4. Paneldeki seçenekler arasında gezinmek için Sekme tuşuna basın.
  5. Gerektiği gibi ok tuşlarına basın:
    • Bir seçeneğin şıkları varsa, şıklar arasında gezinmek için ok tuşlarını kullanın ve ardından seçim yapmak için Boşluk tuşunu kullanın.

    • Panel grubunda başka panelleri açmak için sekmeler varsa, odağı açık sekmeye getirin ve başka bir sekmeyi açmak için sağ ve sol ok tuşlarını kullanın. Yeni bir sekme açtıktan sonra o paneldeki seçenekler arasında gezinmek için Sekme tuşuna basın.

  1. Görünmüyorsa Özellik denetçisini görüntülemek için Ctrl+F3 tuş bileşimine basın.
  2. Odağı Özellik denetçisine getirene kadar Control+F6 tuş bileşimine (yalnızca Windows) basın.
  3. Özellik denetçisi seçenekleri arasında gezinmek için Sekme tuşuna basın.
  4. Seçenek şıkları arasında gezinmek için ok tuşlarını gerektiği gibi kullanın.
  5. Özellik denetçisinin genişletilmiş bölümünü açıp kapatmak için gerektiği şekilde Control+Aşağı ok/Yukarı ok tuşuna (Windows) veya Command Aşağı ok/Yukarı ok tuşuna (Macintosh) basın veya sağ alt köşedeki genişletici okuna odaklanarak, Boşluk çubuğuna basın.

    Not:

    Genişletme ve daraltma işlevinin çalışması için klavye odağı, Özellik denetçisinin içinde (panel başlığının üzerinde değil) olmalıdır.

  1. İletişim kutusu seçenekleri arasında gezinmek için Sekme tuşuna basın.
  2. Bir seçeneğin şıkları arasında hareket etmek için ok tuşlarını kullanın.
  3. İletişim kutusunda bir Kategori listesi varsa, odağı kategori listesine kaydırmak için Ctrl+Sekme (Windows) tuşlarına basın ve ardından listede aşağı yukarı hareket etmek için ok tuşlarını kullanın.
  4. Bir kategorinin şıklarına geçmek için Ctrl+Sekme tuşlarına tekrar basın.
  5. İletişim kutusundan çıkmak için Enter tuşuna basın.
  1. Belgenizde çerçeveler varsa, odağı bir çerçeveye kaydırmak için ok tuşlarını kullanabilirsiniz.

Çerçeve seçme

  1. Ekleme noktasını Belge penceresine yerleştirmek için Alt+Aşağı Ok tuşlarına basın.
  2. Odağın hala üzerinde olduğu çerçeveyi seçmek için Alt+Yukarı Ok tuşlarına basın.
  3. Odağı çerçeve kümesine, sonra da yuvalanmış çerçeveler varsa üstteki çerçeve kümesine kaydırmak için Alt+Yukarı Ok tuşlarına basmaya devam edin.
  4. Odağı bir alt çerçeve kümesine veya çerçeve kümesindeki tek bir çerçeveye kaydırmak için Alt+Aşağı Ok tuşlarına basın.
  5. Odak tek bir çerçevedeyken çerçeveler arasında hareket etmek için Alt+Sol veya Sağ Ok tuşlarına basın.
  1. Bir tabloda başka hücrelere geçmek için gerektiği şekilde ok tuşlarını kullanın veya Sekme tuşuna basın.

    Not:

    En sağdaki hücrede Sekme tuşuna basıldığında tabloya başka bir hücre eklenir.

  2. Hücre seçmek için, ekleme noktası hücredeyken Ctrl+A (Windows) tuş bileşimine basın.
  3. Tüm tabloyu seçmek için, ekleme noktası bir hücredeyse Ctrl+A tuşlarına iki kez, hücre seçiliyse bir kez basın.
  4. Tablodan çıkmak için Ctrl+A tuşlarına, ekleme noktası bir hücredeyse üç kez, hücre seçiliyse iki kez, tablo seçiliyse bir kez basın, sonra Yukarı, Sol veya Sağ ok tuşuna basın.

Bu çalışma Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License kapsamında lisanslanmıştır  Creative Commons şartları, Twitter™ ve Facebook sitelerinde paylaşılanları kapsamaz.

Yasal Uyarılar   |   Çevrimiçi Gizlilik İlkesi