dijital menü erişilebilirliği: Menü görevlerinde karşılaşılan erişim engellerini kaydedin

Dijital menünün erişimini denetleyen ürün sahibi, tasarımcı ve içerik editörü, kontrast ile klavye engellerini gerçek görevlerde birlikte kaydetmelidir. dijital menü erişilebilirliği, kategori açmadan ürün seçimine uzanan yolu görünür ve anlaşılır kılar. Böylece ekip, varsayımlarla uğraşmak yerine daha fazla misafirin menüye ulaşmasını engelleyen somut kopuşları önceliklendirir ve sorumlularını açıkça belirler.

Menü görevlerinde karşılaşılan erişim engellerini kaydedin yaklaşımı, yalnız hata adını değil kullanıcının amacını da belirtir. Başlangıç bileşeni, basılan tuş, beklenen davranış, gerçekleşen sonuç ve kaybolan bilgi aynı kayda girer. Örneğin kategori açılırken odak kapanan düğmeye dönmüyorsa, bulgu gezinme sorunu olarak yazılır. Fareyle başarı sağlanması, klavye başarısızlığını geçersiz kılmaz.

klavye görev senaryosu kategori açma, sonraki kategoriye ilerleme, ürünü inceleme ve seçimi tamamlama görevlerini kapsar. Her görev yalnız klavyeyle başlatılır, sürdürülür ve geri alınır. Denetçi odağın görünürlüğünü, sırasını ve kapalı bileşenden çıkışını kaydeder. Menü içinde sıkışma, atlanan kontrol veya belirsiz odak bulunduğunda akış tamamlanmış kabul edilmez; ilgili adım yeniden üretilebilir biçimde işaretlenir.

Odak sırası kaydı ise senaryonun yerine geçmez; senaryoda görülen hareketi bileşenler arasında somutlaştırır. Kayıt, odağın hangi kontrolden hangisine geçtiğini ve görsel göstergenin nerede kaybolduğunu gösterir. Önce görev senaryosu hazırlanır, ardından sorunlu geçişler sıra kaydında ayrıntılandırılır. Ters yaklaşım, kullanıcı amacından kopuk uzun bir bileşen listesi üretir ve gerçek engelin etkisini gizleyebilir.

İlk değerlendirme, tek bir otomatik araç puanını tam kanıt saymamalıdır. Otomatik bulgu; klavyeyle tamamlanan görev, ekran okuyucu çıktısı ve görsel incelemeyle doğrulanır. Odak göstergesinin tasarım uğruna gizlenmesi kritik uyarı olarak kaydedilir. Her kayıt, etkilenen görevi, tekrar adımlarını, beklenen sonucu ve kanıtı içerdiğinde ekip düzeltme kararını aynı kullanıcı deneyimi üzerinden tartışabilir.

İlgili uygulama rehberi: Karekod Menü vs Dijital Menü: İşletmeniz İçin Doğru Seçim: daha fazla misafirin menüye erişmesini sağlamak için ilgili rehber.

İçerik, tasarım ve geliştirme sorumluluklarını ayırın

İçerik, tasarım ve geliştirme sorumluluklarını ayırın ilkesi, erişim sorunlarının sahipsiz kalmasını önler. İçerik editörü ürün adı, açıklama ve metin alternatifinin doğruluğunu üstlenir. Tasarımcı kontrastı, görünür odağı ve renk dışı işaretleri tanımlar. Geliştirici semantik yapıyı, klavye davranışını ve programatik ilişkileri uygular. Ürün sahibi ise görev kanıtlarını kabul ölçütleriyle karşılaştırıp kapanış kararını verir.

odak sırası kaydı geliştirme sorumlusuna yalnız teknik hata göstermez; tasarım kararının kullanıcıya etkisini de görünür kılar. Tasarımcı beklenen görsel sırayı, geliştirici gerçek programatik sırayı kaydeder. Editör, bağlantı ve düğme adlarının amacı açıklayıp açıklamadığını denetler. Odağın görsel konumla çeliştiği geçiş, ortak bulgu olarak tutulur; tek ekibin işi sayılarak kapatılmaz.

W3C görsel öğreticisi alternatif metnin görselin türü, işlevi ve bulunduğu bağlama göre seçilmesini önerir; her görsel için aynı açıklamayı istemez. Bu dayanakla editör ürün fotoğrafının dekoratif mi, bilgilendirici mi, işlevsel mi olduğunu belirler. Tasarımcı görseldeki zorunlu bilginin metinsel yerini gösterir. Geliştirici seçilen alternatifin erişilebilir ada veya açıklamaya doğru biçimde bağlanmasını sağlar.

metin ölçekleme ekranı, büyütme sonrasında içerik kırpılmasını ve kontrollerin üst üste binmesini gösteren görsel kanıttır. Tasarımcı yeniden akışı incelerken editör uzun ürün adlarının anlamını koruyan kısaltmaları değerlendirir. Geliştirici yatay kaydırma, sabit alan ve taşma davranışını düzeltir. Ekran görüntüsü tek başına yeterli değildir; aynı görünümde klavye odağının izlenebildiği ayrıca kaydedilmelidir.

Sorumluluk sınırı çıktı üzerinden kurulmalıdır: içerik için onaylı metin, tasarım için durum örnekleri, geliştirme için çalışan davranış gerekir. Editoryal çıkarım olarak, görselin bağlamı değiştiğinde metin alternatifinin yeniden değerlendirilmesi gerekir. Dekoratif görselin gereksiz uzun alt metinle anlatılması içerik bulgusudur. Ancak yanlış uygulanan boş alternatif, geliştirmenin de düzeltmesi gereken teknik bir kayıp oluşturur.

Resmî kaynak ve iddia kapsamı: W3C Web Accessibility Initiative Images Tutorial: alternatif metnin kapsamı.

Kategoriden ürün seçimine klavye yolunu doğrulayın

Kategoriden ürün seçimine klavye yolunu doğrulayın görevi, QR kodu açıldıktan sonraki bütün temel adımları fare olmadan izler. Denetçi kategori düğmesine ulaşır, bölümü açar, ürünler arasında ilerler ve ayrıntıyı kapatır. Her aşamada klavye erişimi, görünür odak ve geri dönüş noktası kaydedilir. Sıra içerikten koparsa veya kontrol tuzağa dönüşürse görev başarısız sayılır.

Başlangıç odağı tarayıcı içeriğinde görünmeli, kategori açıldığında yeni bağlam anlaşılmalıdır. Ok tuşları uygulanmışsa davranış bileşenin yapısıyla tutarlı olmalı; yalnız Tab kullanılıyorsa geçiş sırası anlamlı kalmalıdır. Açılan panel kapatıldığında odak onu açan denetime dönmelidir. Denetçi, tuş listesinden çok kullanıcının konumunu ve sıradaki eylemi anlayıp anlamadığını kaydeder.

WCAG hızlı başvurusu klavye erişimi, görünür odak, metin ölçekleme ve hata tanımlama gibi kontrolleri dijital menü görevleri için değerlendirme zemini yapar. Bu dayanak, tek araç sonucunun yeterli görülmesini desteklemez. Editoryal çıkarım olarak ekip, ölçütleri menünün gerçek görevlerine dönüştürmelidir. dijital menü erişilebilirliği kanıtı, kategori gezinmesi ile ürün seçiminin aynı akışta başarıyla tamamlandığını göstermelidir.

metin ölçekleme ekranı, klavye yolunun farklı bir görünümde bozulup bozulmadığını ortaya çıkarır. Metin büyüdüğünde kategori adları kırpılmamalı, fiyat ile ürün adı ayrışmamalı ve odak göstergesi ekran dışında kalmamalıdır. Denetçi aynı görevi büyütülmüş görünümde yineler. İçerik okunabildiği hâlde seçme düğmesine ulaşılamıyorsa ekran görüntüsü, klavye kaydıyla birlikte geliştirme bulgusuna dönüşür.

Ürün görseli amacı, klavye akışından sonra ayrı bir karar kapısıdır. Görsel yalnız atmosfer sağlıyorsa gezinme sırasına yeni durak eklememelidir. Ürünü seçmeye yarıyorsa erişilebilir adı ve klavye eylemi bulunmalıdır. Fiyatın yalnız görsel içinde kalması kabul edilmez; bilgi metinde de sunulur. Akış tamamlanmadan görsel açıklamalarını iyileştirmek, temel görev engelinin önceliğini düşürmemelidir.

İlgili uygulama rehberi: Karekod Nasıl Okutulur? iPhone ve Android’de QR Okuma: daha fazla misafirin menüye erişmesini sağlamak için ilgili rehber.

Resmî kaynak ve iddia kapsamı: W3C Web Accessibility Initiative WCAG 2.2 Quick Reference: klavye erişimi kapsamı.

Kurgu ekran okuyucu görevinde bilgi kaybını bulun

Kurgu vaka: farklı cihazlarla ziyaret edilen kurgusal bir kafe menüsü, telefonunda harici klavye kullanan Deniz ile ekran okuyucu kullanan Ece’nin sipariş hazırlığını izler. Başlangıçta Deniz kategori açılır menüsünde sıkışır. Ece ise ürün görsellerindeki yazıları duyamaz. Kurgu ekran okuyucu görevinde bilgi kaybını bulun çalışması, iki engelin aynı menü görevini farklı noktalarda durdurduğunu gösterir.

Deniz Tab ile kategori düğmesine gelir, açılır listeyi açar ve sonraki denetime geçemez. Odak göstergesi kapalı panelin içinde kaldığı için ürün seçimi tamamlanmaz. Ekip, kategori kapatıldığında odağın düğmeye dönmesini ve bütün temel görevlerin yalnız klavyeyle bitmesini kabul ölçütü yapar. Fareyle çalışan akış, klavye kullanan misafir için çözüm sayılmaz.

Ece’nin görevinde ürün adı okunur, fakat görselde bulunan acılık bilgisi ve içerik uyarısı aktarılmaz. ürün görseli amacı burada yalnız süsleme değildir; seçim kararını etkileyen bilgi taşır. Ekip, görsel içindeki zorunlu bilgiyi ürün metnine ekler. Böylece açıklama görsel yüklenmediğinde de kullanılabilir; ekran okuyucu yalnız dosya adını veya belirsiz bir etiketi duyurmaz.

bağlamsal alt metin, ürün adı ve yakın metinde zaten bulunan bilgileri tekrar etmek yerine görselin seçim için ayırt edici katkısını aktarır. Görsel işlevsel bir seçim denetimiyse amacı erişilebilir ad içinde belirtilir. Yalnız dekoratifse boş alternatif tercih edilir. Her görsele anahtar kelime doldurmak, bilgi kalitesini yükseltmez; ekran okuyucu görevini gereksiz sözlerle uzatır.

Kurgu ekip iki görevi yeniden sınar: Deniz kategori açıp ürünü seçer, Ece ise acılık bilgisi ile içerik uyarısını metinden edinir. Kanıt kaydı kullanılan cihazı, görevi, duyulan metni ve odak dönüşünü içerir. Karar, görsel içindeki bilgiyi metinde sunmayı zorunlu tutar. Başarı yalnız teknik çalışmayla değil, kayıp bilginin karar anında erişilebilir olmasıyla belirlenir.

Kurgu senaryo — Kurgu vaka: farklı cihazlarla ziyaret edilen kurgusal bir kafe menüsü: Klavye kullanan misafir kategori açılır menüsünde sıkışıyor, ürün görsellerindeki metin ise ekran okuyucuya aktarılmıyor. Ekip klavye, odak, metin ölçekleme, alternatif metin ve hata durumlarını gerçek görevlerle sınayıp görsel içindeki bilgiyi metinde de sunacak.

Düzeltmeleri kullanıcı etkisi ve uygulanabilirlikle sıralayın

Düzeltmeleri kullanıcı etkisi ve uygulanabilirlikle sıralayın kararı için matrisin sütunları senaryo, kanıt, eylem ve durdurma ya da eskalasyon anlamına gelir. Her satır tek bir kullanıcı görevini izler. Etki, görevin tamamen durması veya bilgi kaybetmesiyle değerlendirilir. Uygulanabilirlik ise sorumlunun, bağımlılığın ve doğrulama yönteminin belirli olup olmadığını gösterir; kolaylık tek başına öncelik yaratmaz.

İlk satırda senaryo kategori menüsünden çıkamamaktır; kanıt klavye kaydı ve görünmeyen odaktır. Eylem, odağı açan denetime döndürmek ve sırayı yeniden sınamaktır. Durdurma koşulu, temel görevin tamamlanamamasıdır; yayın onayı verilmez. Bileşen birden fazla sayfayı etkiliyorsa bulgu geliştirme sahibine eskale edilir ve ortak bileşendeki sonuçlar ayrıca doğrulanır.

İkinci satırda senaryo, görseldeki ayırt edici ürün bilgisinin duyulmamasıdır. Kanıt ekran okuyucu çıktısı ile yakın metnin karşılaştırılmasıdır. bağlamsal alt metin, görselin işlevi ve bulunduğu içerik birlikte değerlendirilerek yazılır. Eylem, zorunlu bilgiyi kalıcı metne taşımaktır. İçerik amacı doğrulanamıyorsa editör karar verene kadar rastgele açıklama eklenmez ve kayıt açık tutulur.

Üçüncü satır form hata iletisi için hazırlanır. Senaryo, alerjen tercihi eksik bırakıldığında kullanıcının neden ilerleyemediğini anlayamamasıdır. Kanıt, yalnız kırmızı kenarlık ve duyurulmayan hata mesajıdır. Eylem, metinsel açıklamayı ilgili alana bağlamak ve odağı yönetmektir. Hata yalnız renkle kalıyorsa doğrulama durdurulur; tasarım ve geliştirme birlikte düzeltme üretir.

Öncelik sırası önce görevi durduran odak tuzağını, sonra seçim bilgisini kaybettiren görseli, ardından anlaşılmayan hata geri bildirimini ele alır. Ancak aynı form yayın için zorunluysa hata satırı daha yüksek etki alabilir. dijital menü erişilebilirliği kararları sabit puana bağlanmaz; gerçek görev, kanıt gücü, kullanıcı etkisi ve düzeltmenin güvenle sınanabilirliği birlikte değerlendirilir.

İlgili uygulama rehberi: Restoran Menü Tasarımı: Satışı Artıran Menü Nasıl Hazırlanır?: daha fazla misafirin menüye erişmesini sağlamak için ilgili rehber.

Erişilebilir menüyü yedi kanıt teslimiyle hazırlayın

Erişilebilir menüyü yedi kanıt teslimiyle hazırlayın yaklaşımı, her çıktıya ayrı sorumlu ve kabul sonucu verir. Birinci teslim, ürün sahibinin onayladığı temel görev listesidir. İkinci teslim, test sorumlusunun klavye görev kaydıdır. Üçüncü teslim, tasarımcının görünür odak ve kontrast durumlarıdır. Bu üç çıktı, gezinmenin başladığını, sürdüğünü ve görsel olarak izlenebildiğini kanıtlar.

Dördüncü teslim, geliştiricinin hazırladığı odak sırası kaydıdır; kategori açma, kapatma ve ürüne dönüş açıkça görünür. Beşinci teslim, tasarımcı ile editörün birlikte onayladığı metin ölçekleme ekranıdır. Kabul için içerik kırpılmamalı, kontroller örtüşmemeli ve odak görünür kalmalıdır. Yalnız normal görünümde çalışan menü, büyütülmüş görev tamamlanmadan teslim edilmiş sayılmaz.

Altıncı teslim, editörün ürün görseli amacı ve alternatif metin envanteridir. Her görsel dekoratif, bilgilendirici veya işlevsel olarak bağlamıyla sınıflandırılır. İşlevsel görselin amacı metin alternatifiyle aktarılır; ürün fiyatı ve zorunlu açıklamalar ayrıca görünür metinde bulunur. Kabul, ekran okuyucu görevinde seçim bilgisinin eksilmemesidir. Anahtar kelimeyle doldurulmuş açıklamalar kalite kanıtı olarak kullanılamaz.

Yedinci teslim, geliştirici ve test sorumlusunun ortak form hata iletisi kaydıdır. Hata metni sorunu açıklar, ilgili alana programatik bağlanır ve düzeltme yolu sunar. Kullanıcı gönderimden sonra hatayı bulabilmeli, ekran okuyucu mesajı algılayabilmelidir. Mesaj yalnız renk değişimiyle gösteriliyorsa teslim reddedilir; renk dışı durum işareti metin veya simgeyle aynı anlamı desteklemelidir.

Ürün sahibi yedi çıktıyı görev bazında birleştirir ve her kanıt için sorumlu, tarihsel sürüm, beklenen sonuç ile yeniden test durumunu kaydeder. Eksik kanıt, otomatik puanla kapatılamaz. Editoryal çıkarım olarak içerik değişikliği, alternatif metin ve ölçekleme kanıtının yenilenmesini gerektirir. Onay, bütün bulguların yokluğunu değil, temel görevlerin kanıtlanmasını ve kalan risklerin açık sahiplenilmesini gösterir.

dijital menü erişilebilirliği için yedi somut teslim:

1. Menü görevlerinde karşılaşılan erişim engellerini kaydedin: klavye görev senaryosu çıktısını sorumlusuyla tamamlayın.
2. İçerik, tasarım ve geliştirme sorumluluklarını ayırın: odak sırası kaydı çıktısını sorumlusuyla tamamlayın.
3. Kategoriden ürün seçimine klavye yolunu doğrulayın: metin ölçekleme ekranı çıktısını sorumlusuyla tamamlayın.
4. Kurgu ekran okuyucu görevinde bilgi kaybını bulun: ürün görseli amacı çıktısını sorumlusuyla tamamlayın.
5. Düzeltmeleri kullanıcı etkisi ve uygulanabilirlikle sıralayın: bağlamsal alt metin çıktısını sorumlusuyla tamamlayın.
6. Erişilebilir menüyü yedi kanıt teslimiyle hazırlayın: form hata iletisi çıktısını sorumlusuyla tamamlayın.
7. Odak kaybı ve anlamsız alt metni düzeltin: renk dışı durum işareti çıktısını sorumlusuyla tamamlayın.

Odak kaybı ve anlamsız alt metni düzeltin

Odak kaybı ve anlamsız alt metni düzeltin incelemesi, olayın kullanıcı görevindeki etkisiyle başlar. Kategori kapandıktan sonra odak sayfanın başına sıçrarsa kullanıcı konumunu yeniden arar. Görsel “resim” diye okunursa seçim bilgisi kaybolur. Olay kaydı, önceki davranışı, tetikleyici değişikliği, etkilenen bileşeni ve yeniden üretim adımlarını içerir; yalnız ekran görüntüsü kök nedeni kanıtlamaz.

İlk düzeltme, kategori kapandığında odağı onu açan düğmeye döndürür ve görünür göstergeyi korur. Ardından aynı bileşen ters yönde gezinme ve menüden çıkışla sınanır. Odak göstergesinin tasarım uğruna gizlenmesi yeniden oluşmayı kolaylaştırdığı için tasarım kararı da değiştirilir. Teknik yama, odak sırasının anlamını ve klavye görevinin tamamını doğrulamadan kapatılamaz.

İkinci düzeltme, ürün görselinin bağlamını yeniden değerlendirir. Dekoratif görsele uzun açıklama yazmak yerine boş alternatif uygulanır; seçim etkileyen ayrıntı ise yakın metne taşınır. Dosya adı veya bütün ürünlerde tekrarlanan “ürün fotoğrafı” ifadesi anlamsız kabul edilir. İçerik editörü amacı doğrular, geliştirici metinsel ilişkinin ekran okuyucu tarafından algılandığını teknik görevle sınar.

Form olayında renk dışı durum işareti kaybolmuşsa kullanıcı yalnız kırmızı kenarlığa bağımlı kalır. Ekip metinsel hata, anlaşılır simge ve ilgili alan bağlantısını birlikte geri getirir. Mesaj odağa geldiğinde duyulmalı, sorunun nedeni ile düzeltme yolu anlaşılmalıdır. Hata mesajının ilgili alana programatik bağlanmaması, görsel işaret doğru görünse bile açık risk olarak korunur.

erişilebilirlik sorun listesi olay sonrası odak dönüşü, alternatif metin, renk dışı işaret ve regresyon kapsamıyla güncellenir. dijital menü erişilebilirliği için kapanış, yalnız düzeltmenin yayınlanmasına dayanmaz; önceki görev kanıtıyla yeni sonuç karşılaştırılır. Benzer kategori bileşenleri ve ürün kartları ayrıca taranır. Kök neden ortak şablondaysa sahiplik eskale edilir, yeniden test tamamlanmadan sorun kapalı durumuna geçirilmez.

İlgili uygulama rehberi: MY QR rehberleri: güven ve erişim konu kümesi.

dijital menü erişilebilirliği hakkında uygulama soruları ve kısa yanıtlar

klavye görev senaryosu başlamadan önce hangi kanıt aranmalı?

Klavye görev senaryosu başlamadan önce kategori açma, ürünü inceleme ve seçim tamamlama adımlarının beklenen sonucu yazılmalıdır. Menü görevlerinde karşılaşılan erişim engellerini kaydedin yaklaşımı, başlangıç odağını ve kullanılan tuşları da kanıta ekler. Görünür odak, mantıklı ilerleme ve geri dönüş gözlenemiyorsa senaryo hazır sayılmaz. Fare kullanmadan tamamlanan kayıt, karşılaştırılabilir bir başlangıç kanıtı sağlar.

odak sırası için sınır ve sorumlu nasıl belirlenir?

Odak sınırı, Kategoriden ürün seçimine klavye yolunu doğrulayın görevinin başladığı bileşen ile seçimin onaylandığı nokta arasında tanımlanır. Geliştirici teknik sıradan, tasarımcı görünür göstergeden, ürün sahibi kabul sonucundan sorumludur. metin ölçekleme ekranı ayrıca büyütülen içerikte odağın görünür kaldığını göstermelidir. Sıra beklenmedik alana atlıyorsa bulgu geliştirme sorumlusuna atanır ve yeniden sınanır.

ürün görseli amacı sırasında hangi kayıt karar vermeyi kolaylaştırır?

ürün görseli amacı için en yararlı kayıt, görselin bağlamını, taşıdığı bilgiyi ve kullanıcı eylemine etkisini birlikte gösterir. Düzeltmeleri kullanıcı etkisi ve uygulanabilirlikle sıralayın kararı, bu kayıt üzerinden verilir. bağlamsal alt metin ürün adını gereksizce tekrarlamamalı; görsel seçimi etkiliyorsa ayırt edici bilgiyi aktarmalıdır. Fiyat veya içerik yalnız görselde kalıyorsa ayrı metin gerekir.

form hata iletisi bozulduğunda önce hangi işaret incelenir?

form hata iletisi bozulduğunda önce hatanın yalnız renkle gösterilip gösterilmediği ve renk dışı durum işareti bulunup bulunmadığı incelenir. Odak kaybı ve anlamsız alt metni düzeltin incelemesi, mesajın ilgili alanla programatik bağını da kapsar. İşaret mevcut olsa bile ekran okuyucu hatayı duyurmuyorsa sorun kapanmaz. Odak, açıklama ve düzeltme yolu birlikte yeniden doğrulanır.

erişilebilirlik sorun listesi hangi durumda yeniden değerlendirilmelidir?

erişilebilirlik sorun listesi; menü yapısı, içerik, bileşen davranışı veya kullanıcı görevi değiştiğinde yeniden değerlendirilmelidir. odak sırası kaydı yeni açılır menü, filtre ya da form alanından sonra güncellenmelidir. dijital menü erişilebilirliği yalnız ilk yayındaki denetimle korunamaz; çözülen bulguların tekrarlanmadığı da sınanmalıdır. Etkisi değişen kayıtlar yeniden önceliklendirilir, sahibi belirsiz kalanlar onaya gönderilmez.