Ana içeriğe geç

2.1.4 Karakter Tuş Kısayolları

Tek karakterli klavye kısayolları; yanlışlıkla tetiklenmeyi önlemek için kapatılabilir, yeniden atanabilir veya yalnızca odaklandığında etkin olacak şekilde ayarlanabilir olmalıdır.

SC Kodu: 2.1.4 Seviye: A
URL: https://www.w3.org/TR/WCAG22/#character-key-shortcuts

Genel Tanım​

Başarı Kriteri 2.1.4 Karakter Tuş Kısayolları, tek karakterler kullanılarak uygulanan bir klavye kısayolu varsa, bunun kapatılması, yeniden eşlenmesi veya yalnızca bileşen odaklandığında etkin olmasının sağlanması için bir yol bulunmasını garanti eder. Bu, yardımcı teknolojilere güvenen veya motor engeli olan kullanıcılar için çok önemlidir.

Faydalar​

  • Yardımcı teknolojilerle çakışmaları önleyin: Ekran okuyucular ve konuşma tanıma yazılımları gibi yardımcı teknolojilerle çakışmaları önleyin.
  • Kısayolların yönetilmesine veya devre dışı bırakılmasına izin verin: Kullanıcıların kısayolları yönetmesine veya devre dışı bırakmasına izin vererek, yanlışlıkla tetiklenmelerin önüne geçin.
  • Tek tuşla kullanılan kısayolların kullanıcı girişini engellemediğinden emin olun: Özellikle sesli giriş kullananlar için, tek tuşla kullanılan kısayolların kullanıcı girişini engellemediğinden emin olun.

Ana Amaç​

Yardımcı teknolojiler ile bir web sitesinin özel kısayolları arasında çakışmaları önlemek için, kullanıcılara tek karakterli tuş kısayolları üzerinde kontrol olanağı sağlayın; bu sayede kullanıcılar bu kısayolları kapatabilir, yeniden atayabilir veya yalnızca bileşen odaklandığında etkinleştirebilirler.

Yardımcı teknolojileri kullanan kullanıcılar web sitesinde gezinirken, bu teknolojiler yazılımı daha iyi çalıştırmak için kısayollar sunar. Örneğin, 'H' tuşu, ekran okuyucu kullanan görme engelli kullanıcıların web sitesinin tüm başlıkları arasında doğrudan gezinmesini sağlar. Eğer bir web sitesi belirli içeriği gizlemek için 'H' tuşunu kullanıyorsa, bir çakışma meydana gelir. Ekran okuyucu kullanan kişi gezinme kısayolunu kullanamayabilir ve bunun yerine belirli öğeleri gizleyerek kafa karışıklığına neden olabilir.

Motor engelli kullanıcılar konuşmadan metne dönüştürme yazılımlarını kullandıklarında da benzer bir sorun ortaya çıkabilir. Sayfadaki belirli eylemleri seçmek için karakterleri hecelediklerinde, web sitesi tarafından yüklenmiş özel bir komutu yanlışlıkla tetikleyebilirler; bu da kafa karışıklığına ve karmaşık bir deneyime yol açabilir.

En İyi Uygulamalar​

  • Tek karakterli klavye kısayollarından kaçının: Mümkünse tek karakterli klavye kısayollarını kullanmaktan kaçının.
  • Tek karakterli tuş kısayollarını devre dışı bırakma mekanizması sağlayın: Tek karakterli tuş kısayollarını devre dışı bırakma mekanizması sağlayın.
  • Yazdırılamayan tuş kombinasyonlarını kullanarak kısayollar tasarlayın: Yazdırılamayan tuş kombinasyonlarını kullanarak klavye kısayolları tasarlayın (örneğin, Ctrl + K, Alt + N).
  • Kısayolların odaklanmaya özel olduğundan emin olun: Kısayolların yalnızca ilgili bileşen klavye odağına sahip olduğunda etkin olduğundan emin olun.

Örnekler ve Açıklamalar​

Örnek: Örnek Uygulama​

Kullanıcının klavye kullanarak etkileşimli bir haritadan çıkabilmesini sağlamak.

Nelerden Kaçınılmalı?

E-posta istemcileri, yanıtlamak için 'R', silmek için 'D' ve göndermek için 'S' gibi tek karakterli kısayollar kullanır. Bu kısayollar, kullanıcının gelen kutusunda olup olmamasına veya e-posta yazıp yazmamasına bakılmaksızın her zaman etkindir.

Açıklama: Metin okuma yazılımı kullanan motor engelli kullanıcılar, konuşarak e-posta yazarken yanlışlıkla kısayolları tetikleyebilirler. Örneğin, 's' harfini hecelediklerinde, e-posta yazma aşamasındayken yanlışlıkla e-posta gönderebilirler.

Ne Yapılmalı?

HTML/CSS


<button id = "toggle-shortcuts" > Kısayolları Aç </button>
<div id = "email-client" >
  <!-- E-posta istemci içeriği -->
</div>
  
<script>
  let shortcutsEnabled = true ;​​
  
  document.getElementById ( 'toggle-shortcuts' ).addEventListener ( 'click' , () => {
    shortcutsEnabled = ! shortcutsEnabled ;
  });

  document.addEventListener ( 'keydown' , ( e ) => {
    if ( shortcutsEnabled ) {
      if ( e.key === ' R' ) {
        // Yanıtla eylemi
      } else if ( e.key === ' D ' ) {
        // Sil eylemi
      } else if ( e.key === ' S' ) { 
        // Yıldızla eylemi 
      }
    }
});

</script>​​

Açıklama: Bu geçiş düğmesi, kullanıcıların tek karakterlik kısayolları etkinleştirmesine veya devre dışı bırakmasına olanak tanıyarak, istenmediği zamanlarda yanlışlıkla tetiklenmelerini önler. Metin okuma yazılımı kullanan bir kullanıcı sayfada gezinirken, düğmeyi fark edecek ve kısayol mekanizmasını devre dışı bırakarak herhangi bir engel veya çakışma olmadan e-posta yazabilecektir. Bu yaklaşım, kısayolların yalnızca kullanıcı onları kullanmak istediğinde etkin olmasını sağlar.