Erişilebilirlik: Erişilebilir Bir Wix Formu Oluşturma

3 dakikalık okuma
Formlar, site ziyaretçilerinin bilgi göndermesine, bir e-posta listesine katılmasına ve daha fazlasına olanak sağlar. Bir form oluştururken, herkesin görüntüleyebilmesini ve kullanabilmesini sağlamak için erişilebilirliği akılda tutmak önemlidir. 
Ziyaretçilerin gezinebileceği, etkileşime geçebileceği ve sitenizden en iyi şekilde yararlanabileceği bir form oluşturmak için bu makaledeki adımları izleyin.

1. Adım | Alan başlıklarını göster

Ziyaretçilerin her form alanını tanımlamasına izin vermek için alan başlıklarını görüntüleyin. Başlıkların gösterilmesi netlik sağlar ve ziyaretçilere o anda içinde bulundukları alanı gösterir.

Alan başlıklarını göstermek için:

  1. Editör'de formu seçin. 
  2. Formu Düzenle'ye tıklayın.
  3. Bir form alanı seçin.
  4. Ayarlar'a tıklayın.
  5. Alan başlığının üzerine gelin ve Diğer Eylemler simgesine tıklayın.
  6. Alan başlığını göster'e tıklayın.
Formlar ortalanır. Bir alan seçilmiş ve imleç 'Alan başlığını göster' seçeneğine tıklıyor.

2. Adım | Alan başlıklarınızı tanımlayın

Alan başlıklarını etkinleştirdikten sonra bunları net bir şekilde tanımladığınızdan emin olun. Başlık, ziyaretçilerin tam olarak neyin gerekli olduğunu (soyadı, telefon numarası vb.) bilmesini sağlamak için spesifik olmalıdır.

Alan başlıklarını tanımlamak için:

  1. Editör'de formu seçin. 
  2. Formu Düzenle'ye tıklayın.
  3. Bir form alanı seçin.
  4. Ayarlar'a tıklayın.
  5. Alan başlığı'nın altındaki metni girin.
  6. Kaydet'e tıklayın.
Formlar ortalanır. Bir alan seçildi ve imleç başlık alanına tıklıyor.

3. Adım | Form tasarımını özelleştirin

Formun alanlarını ve düğmelerini duruma göre (Normal, Üzerine Gelme ve Hata) ayarlamak mantıksal bir görsel deneyim yaratabilir. Örneğin, ziyaretçilerin formun hangi bölümüyle etkileşime girdiklerini bilmeleri için Hover durumunun tasarımını özelleştirmenizi öneririz.
Bilmenizde fayda var:
Üzerinde Gezinme durumu, ziyaretçiler form alanının / düğmenin üzerine geldiğinde nasıl göründüğüdür. Normal durumu, bir ziyaretçi onunla etkileşime geçmeden önce görüntülenmesidir.

Form tasarımını özelleştirmek için:

  1. Editör'de formu seçin. 
  2. Ayarlar'a tıklayın.
  3. Tasarım'ı seçin.
  4. Formun hangi bölümünü özelleştirmek istediğinizi seçin:
    • Alanlar
      1. Form Alanları'nı seçin.
      2. Açılır menüden Üzerinde Gezin'i seçin.
      3. Alan tasarımını değiştirin:
        • Dolgu rengi ve opaklığı: Alan arka planının rengini ayarlayın ve opaklığı değiştirmek için kaydırıcıyı sürükleyin.
        • Kenarlık rengi ve opaklığı: Alan kenarlığının rengini ve opaklığını ayarlayın.
    • Düğmeler:
      1. Düğmeler'e seçin.
      2. Özelleştirmek istediğiniz düğmeyi seçin (Gönder, Geri, Yükle vb.).
      3. Üzerinde Gezinme sekmesine tıklayın.
      4. Düğmenin tasarımını değiştirin:
        • Metin rengi: Üzerine gelindiğinde düğme metninin rengini ayarlayın.
        • Renk ve opaklık: Düğme arka planının rengini ayarlayın ve opaklığı değiştirmek için kaydırıcıyı sürükleyin.
        • Kenarlık rengi ve opaklığı: Düğme kenarlığının rengini ve opaklığını ayarlayın.
Form alanı tasarım paneli açık. Üzerinde gezinme durumu seçilmiş ve imleç renk kutusuna tıklıyor.
İpuçları:

4. Adım | Sitenizde görsel göstergeleri etkinleştirin

Görsel göstergeler, farklı görme/mobilite ihtiyaçları olan kullanıcıların sitenizde gezinmesine yardımcı olabilir. Bunları etkinleştirdiğinizde, Sekme tuşunu kullanan ziyaretçiler bulundukları bölümün veya ögenin etrafında mavi bir kutu görebilir. Görsel göstergeler hakkında daha fazla bilgi edinin
Studio Editor'de oluşturulan sitelerde görsel göstergeler otomatik olarak etkinleştirilir.

Görsel göstergeleri etkinleştirmek için:

  1. Wix Editor'un üst çubuğundaki Ayarlar'a tıklayın.
  2. Erişilebilirlik Sihirbazı'nı seçin.
  3. Sihirbazın sağ üst köşesindeki Diğer Eylemler simgesine tıklayın.
  4. Gelişmiş erişilebilirlik ayarları'nı seçin.
  5. Görsel Göstergeler'i seçin. 
  6. Klavye kullanıcılarının sitenizde gezinmesine izin ver geçiş düğmesini etkinleştirin.
Erişilebilirlik Sihirbazı'nın gelişmiş ayarlarında görsel göstergeler geçiş düğmesi etkinleştirilmiştir.
Sonraki Adım:
Sitenizin erişilebilirliğini geliştirmeye devam etmek için Erişilebilirlik Kontrol Listesi'ne geri dönün. 

Bu içerik yardımcı oldu mu?

|