# CMS: Erişilebilirlik En İyi Uygulamaları Source: https://support.wix.com/tr/article/cms-erisilebilirlik-en-iyi-uygulamalar%C4%B1 (updated 2026-11-11) Related: Wix developer documentation, https://dev.wix.com/docs/llms.txt; Help Center index, https://support.wix.com/en/llms.txt Yardımcı teknolojilere ihtiyaç duyanlar dahil olmak üzere tüm ziyaretçilerin sitenizi keşfetmesini sağlamak için [CMS (İçerik Yönetim Sistemi)](https://support.wix.com/tr/article/cms-content-management-system-an-overview) kapsamında erişilebilirlik en iyi uygulamalarını hayata geçirin. Düğmelere erişilebilir adlar ekleme, tüm medya dosyaları için etkili alt metinler kullanma ve ögeleri ARIA özellikleriyle birlikte bölümlere veya kapsayıcılara yerleştirme gibi pratikleri içeren bu uygulamalar sayesinde herkesin içeriğinizde daha kolay gezinmelerini ve etkileşime girmelerini sağlayabilirsiniz. > **Not:** Bu uygulamalardan bazıları Wix Harmony Editor'da farklı şekilde çalışır. Wix Harmony'de herhangi bir veri kümesi, CMS ifadesi, veri kümesi öge sayısı veya 'Sonraki/Önceki öge' düğmesi yoktur. [Wix Harmony'deki CMS yenilikleri](https://support.wix.com/tr/article/wix-harmony-whats-new-with-the-cms) hakkında daha fazla bilgi edinin. --- ## CMS alt metin en iyi uygulamaları Görüntülere, videolara ve vektörel çizimlere bağlam sağlamak açısından alt metinler kritik bir önem taşır. Bir alt metin yazarken, yapay zeka araçları veya ekran okuyucular tarafından yorumlanacağını hesaba katarak, ilgili medya ögesinin içeriğini açık ve öz şekilde tanımlayın. Alt metni 125 karakterin altında tutun ve “görüntüsü” gibi ifadelere yer vermekten kaçının. Etkili alt metinler yazma hakkında daha fazla bilgi için [Erişilebilirlik: Görüntülerinizi ve Galerilerinizi Hazırlama](https://support.wix.com/tr/article/accessibility-preparing-your-images-and-galleries) başlıklı makalemize göz atın. Her medya ögesi için bir alt metin kaydetmek üzere CMS koleksiyonunuza bir metin alanı eklemenizi öneririz. Koleksiyonunuzun iç düzenini optimize etmek için bu alanı temsil ettiği medya alanının yanına yerleştirin ve “\[Görüntü/galeri adı\] Alt Metni” gibi anlaşılır bir başlık verin. ![Temsil ettiği görüntü alanının yanındaki alt metin alanının ekran görüntüsü.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d6b40156-9694-4cfe-9209-54815ef9d6dc/2025/05/23/cbba6f69-85be-4f6a-918f-0927395306df/b3dae4a6-c8f7-4804-b452-451e6fd1db12.png) Video ögelerinin veri kümesi bağlantı panelindeki alt metin özelliğinin adı **Video Açıklaması** olarak geçmektedir. Vektörel çizimler veya şekiller için **Alt metin şuraya bağlanır** seçeneğini kullanın. Bölümlerdeki, şeritlerdeki, sütunlardaki ve (yalnızca Wix Editör için) tekrarlayıcı ögelerindeki arka plan görüntüleri için ise **Arka plan alt metni şuraya bağlanır** seçeneğini kullanın. Anlamlı bir mesaj iletmeyen dekoratif amaçlı görüntüler ve medya ögeleri için alt metin girilmemesi daha doğru olur. Alt metin olmayınca ekran okuyucular bu ögeleri atlar ve böylece gereksiz yere dikkat dağıtmaları önlenir. ## Dekoratif olmayan görüntüler için CMS'ye dekoratif olmayan görüntüler eklerken açıklayıcı alt metinler sağlamanız önemlidir. CMS koleksiyonunuza görüntülerin alt metnini temsil eden ayrı bir 'Metin' alanı eklemenizi öneririz. Alt metninizde spesifik ve açıklayıcı bir dil kullanmaya odaklanın. Örneğin, alt metin olarak "bir kadın" yazmak yerine, "bahçeye çiçek eken bir kadın" ifadesini kullanabilirsiniz. Editörünüzde görüntüyü veri kümesine bağlarken **Alt metin buna bağlanır** alanına tıklayın ve oluşturduğunuz alt metin alanını seçin. Böylece ekran okuyucuların görüntüyü ve amacını tanımlayabilmesini sağlayarak sitenizin kapsayıcılığını artırabilirsiniz. ![Bir görüntünün alt metnini bir koleksiyon alanına bağlamaya ilişkin ekran görüntüsü.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d6b40156-9694-4cfe-9209-54815ef9d6dc/2025/05/30/28a7cb64-82a0-408e-8ce2-af03668b0615/db0d9098-8f68-4e1f-8dea-b4fb94b4d8e8.png) ## Dekoratif görüntüler için Dekoratif görüntüler genellikle bilgi iletme amacı taşımazlar ve bu nedenle alt metin eklemeniz gerekmez. Görüntüler yalnızca dekoratif amaçlıysa, veri kümesinde alt metni bağlamadan bırakabilirsiniz. Bu durumda ekran okuyucular görüntüyü atlar ve alt metnin gereksiz yere dikkat dağıtmasının önüne geçilmiş olur. ## Tıklanabilir düğme işlevi gören görüntüler için Görüntü bağlantısı bir [veri kümesi eylemine](https://support.wix.com/tr/article/cms-about-dataset-click-actions-for-buttons-and-images) (ör. dinamik öge sayfasını açma eylemine) yönlendirme yapıyorsa, alt metin görüntünün yanı sıra ilgili eylemi de açıklamalıdır. Örneğin, görüntüye tıklayan ziyaretçiler bir profil sayfasına yönleniyorsa, “Willis McSmoot hakkında daha fazla bilgi” gibi bir alt metin kullanabilirsiniz. İfadeleri (expressions) kullanarak dinamik koleksiyon alanı değerleriyle (ör. "Willis McSmoot") sabit bir metni (ör. "hakkında daha fazla bilgi") birleştirerek alt metnin görüntüye göre değişmesini sağlayabilirsiniz. Böylelikle, yardımcı teknolojiler kullanan ziyaretçiler görüntünün verdiği mesajı anlayabilirler. **İfadeleri özel alt metin oluşturmak amacıyla kullanmak için:** 1. İlgili görüntüyü koleksiyonunuza bağlı [veri kümesine bağlayın](https://support.wix.com/tr/article/cms-connecting-elements-to-a-collection-using-a-dataset). 2. **Görüntü Bağlayın** panelinde **Alt metin buna bağlanır** açılır menüsüne tıklayın ve **İfade (expression)** seçeneğini seçin. !['Alt metin buraya bağlanır' açılır menüsünü ifadelere bağlamaya ilişkin ekran görüntüsü.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d6b40156-9694-4cfe-9209-54815ef9d6dc/2025/06/04/0aa015a9-47ab-45d5-81bb-2be66fbb86a5/d9213842-5888-41fa-bb45-2e78e0b1f3ef.png) 1. **İfade (Expression)** alanına tıklayın ve ihtiyacınız olan alt metni üreten bir fonksiyon girin. Örneğin, "hakkında daha fazla bilgi" cümlesini bir 'title' (başlık) alanıyla birleştirmek için aşağıdaki fonksiyonu girebilirsiniz: ```html CONCAT(title," hakkında daha fazla bilgi") ``` > [İfadeleri kullanarak farklı alan değerlerini birleştirme](https://support.wix.com/tr/article/cms-using-cms-expressions-to-manipulate-text-strings#combining-values-from-several-fields-using-string-concatenation) hakkında daha fazla bilgi edinin. ## 'Görüntü' alanlarına bağlı galeriler için 'Görüntü' alanlarına bağlı galerilerde her görüntü için alt metin girilmesi önemlidir. CMS koleksiyonunuzda özellikle görüntülerin alt metinleri için ayrı bir 'Metin' alanı oluşturun. Galeriyi veri kümenize bağlarken **Alt metinler şuraya bağlanır** bağlanır açılır menüsünü ilgili alt metin alanına bağlayın. Böylece ekran okuyucuların galerideki görüntüleri açıklayabilmesini sağlayarak erişilebilirliği artırabilirsiniz. > [Galerileri CMS koleksiyon ögelerine bağlama](https://support.wix.com/tr/article/cms-displaying-collection-content-in-a-pro-gallery) hakkında daha fazla bilgi edinin . ## 'Medya galerisi' alanlarına bağlı galeriler için Dinamik öge sayfasında bir ögeyle ilgili çok sayıda görüntü veya video sergilemenin en etkili yollarından biri 'Medya galerisi' alanına bir galeri bağlamaktır. Koleksiyonunuzdaki her bir ögenin yanındaki 'Medya galerisi' alanına tıklayarak tüm medya dosyaları için alt metinler ekleyin. Bu alana ayrıca her dosya için başlık ve açıklama girerek ekran okuyucuların galerinizdeki görüntüleri ve videoları anlamlandırmalarına yardımcı olabilir ve böylece tüm medya içeriğinizin erişilebilir olmasını sağlayabilirsiniz. > [Galerileri 'Medya galerisi' alanlarına bağlama](https://support.wix.com/tr/article/cms-connecting-the-media-gallery-collection-field-type-to-a-pro-gallery) hakkında daha fazla bilgi edinin. --- ## Düğmelere erişilebilir adlar ekleme CMS'nize bağlı düğmelere erişilebilir adlar ekleyebilirsiniz. Erişilebilir adlar alt metinler gibi çalışır ancak sadece düğmelere özeldir. Düğmenin ne işe yaradığını veya nereye yönlendirme yaptığını açıklayarak ekran okuyuculara yardımcı olurlar. Düğmelere erişilebilir adlar eklemek sitenizin erişilebilirliğini artırır ve tüm ziyaretçilerin içeriğinizde daha kolay gezinmelerini sağlar. Bir düğmeyi veri kümesine bağlarken, **Erişilebilir ad şuraya bağlanır** açılır menüsünü kullanarak düğmenin erişilebilir adını koleksiyonunuzdaki bir 'Metin' alanına bağlayın. Bu alan düğmenin ne işe yaradığını veya nereye yönlendirme yaptığını kısa ve öz şekilde tanımlamalıdır. Örneğin, "Buraya tıklayın" gibi genel bir ad yerine "Hizmetlerimiz hakkında daha fazla bilgi edinin" veya "Başvurunuzu gönderin" gibi alternatifler kullanabilirsiniz. Gerekirse, [ifadeleri](https://support.wix.com/tr/article/cms-using-cms-expressions-to-manipulate-text-strings) kullanarak statik metinleri koleksiyon alanlarınızdaki değerlerle birleştirebilirsiniz. Böylece ekran okuyucular ziyaretçilere düğmelerin içeriğiyle ilgili anlamlı açıklamalar sunabilir. Örneğin, aşağıdaki gibi bir erişilebilir ad oluşturabilirsiniz: ```html CONCAT(title, "hakkında daha fazla bilgi") ``` --- ## (Yalnızca Studio Editor) 'Daha Fazla Yükle' düğmelerini kullanırken ögeleri ayrı bölümlere ekleme Studio Editor'da 'Daha Fazla Yükle' düğmesi eklerken, tekrarlayıcının veya galerinin altına yerleştirdiğiniz tüm ögeleri ayrı bir bölüme yerleştirin. Eğer bu ögeleri aynı bölüm içinde ve doğrudan tekrarlayıcının/galerinin altına yerleştirirseniz, 'Daha Fazla Yükle' düğmesine tıklandığında bu ögeler üst üste gelebilir. Bu durum ziyaretçilerin içeriği görmesini ve erişmesini zorlaştırarak kullanıcı deneyimini olumsuz etkileyebilir. Bu sorunu önlemek için 'Daha Fazla Yükle' düğmesi dahil olmak üzere tekrarlayıcının/galerinin altına yerleştirmek istediğiniz tüm ögelerin ayrı bir bölüme iliştirildiğinden emin olun. Böylece kullanıcılar 'Daha Fazla Yükle' düğmesine tıkladıklarında galeri/tekrarlayıcı herhangi bir üst üste gelme olmadan genişleyerek daha net ve kullanıcı dostu bir deneyim sunar. !['Daha Fazla Yükle' düğmesinin bulunduğu bir tekrarlayıcıdan ayrı bir bölüme öge eklemeye ilişkin ekran görüntüsü.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d6b40156-9694-4cfe-9209-54815ef9d6dc/2025/05/23/fc20b30c-8e5d-4d7b-853f-163bb4c40ed6/de57df04-8d89-45bb-970e-eb46b716b983.png) > **'Daha Fazla Yükle' düğmesi ekleme hakkında daha fazla bilgi edinin:** > > * [Tekrarlayıcılar için](https://support.wix.com/tr/article/cms-displaying-dynamic-content-in-a-repeater?tabs=Studio-Editor-7#step-5-optional-create-load-more-or-navigational-buttons) > * [Galeriler için](https://support.wix.com/tr/article/cms-displaying-collection-content-in-a-pro-gallery?tabs=Studio-Editor-5#step-4-optional-create-load-more-or-navigational-buttons) --- ## (Yalnızca statik sayfalar) Kapsayıcılara 'Sonraki/Önceki öge' düğmeleri ekleme Statik sayfalarda ziyaretçilerin CMS'ye bağlı ögelerin içeriğini değiştirmek için tıklayabilecekleri ['Sonraki/Önceki öge' düğmeleri](https://support.wix.com/tr/article/cms-about-dataset-click-actions-for-buttons-and-images#next-item-previous-item) varsa, içerik gösteren tüm ögeleri tek bir kapsayıcıya iliştirin. Ardından, ziyaretçiler düğmelere tıkladığında ekran okuyucuların değişen içeriği duyurabilmesi için bu kapsayıcıya [ARIA (Erişilebilir Zengin İnternet Uygulamaları) özellikleri](https://support.wix.com/tr/article/accessibility-adding-aria-attributes-to-custom-web-applications) ekleyin. Kapsayıcıya yalnızca değişen içerik gösteren ögeleri iliştirmeniz gerekir. 'Sonraki/Önceki öge' düğmelerinin iliştirilmesine gerek yoktur. **Wix Editör:** 1. [Editörünüze gidin](https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26). 2. Bir [kapsayıcı ekleyin](https://support.wix.com/tr/article/wix-editor-adding-and-setting-up-a-box). 3. Sol çubuktaki **CMS** simgesine ![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/f0656688-8ed1-488a-888d-62373b7c3a3c/2021/07/13/be1f7f18-9356-4c33-b010-192982c912e9/59fd7aba-c990-4d61-ab3d-ad7d2e1cce16.png) tıklayın. 4. **Koleksiyonlarınız**'a tıklayın. 5. CMS içeriğini göstermek için kullanmak istediğiniz ögelere tıklayıp kapsayıcıya sürükleyin. ![Kapsayıcıya öge eklemeye ilişkin ekran görüntüsü.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d6b40156-9694-4cfe-9209-54815ef9d6dc/2025/05/30/038f1663-38bd-4e0a-b030-c7bcfecec49b/528ba7b3-8fc0-4d00-9a4a-c30bf69e504d.png) 1. Henüz yapmadıysanız, [kodlamayı etkinleştirin](https://dev.wix.com/docs/develop-websites/articles/getting-started/getting-started-with-code): 1. Üst çubuktaki **Geliştirici Modu** sekmesine tıklayın. 2. **Geliştirici Modunu Aç**'a tıklayın. 2. Erişilebilirliğe yönelik geliştirici araçlarını etkinleştirin: 1. Editörünüzün üst çubuğundaki **Ayarlar** sekmesine tıklayın. 2. **Erişilebilirlik Sihirbazı**'nı seçin. 3. Sağ panelden **Erişilebilirliğe Yönelik Geliştirici Araçları**'na tıklayın. 4. **Editörde gelişmiş erişilebilirlik ayarlarını gösterin** geçiş düğmesini etkinleştirin. 3. CMS koleksiyonu içeriğini gösteren ögelerin iliştirildiği kapsayıcıya sağ tıklayın. 4. **Erişilebilirlik**'i seçin. ![Bir kapsayıcıya sağ tıklayıp Erişilebilirlik seçeneğini seçmeye ilişkin ekran görüntüsü.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d6b40156-9694-4cfe-9209-54815ef9d6dc/2025/05/30/edb65f66-9777-45cd-8286-271fcd80663c/37d61730-1a36-4b55-a76f-ab4ca3a0fc97.png) 1. **Öznitelik Ekle**'ye tıklayın. 2. **Özellik** açılır menüsüne tıklayın ve **aria-live** özniteliğini seçin. 3. **Öznitelik değeri** açılır menüsüne tıklayın ve **polite** değerini seçin. 4. **Ekle**'ye tıklayın. 5. Değişiklikleri uygulamaya hazır olduğunuzda sitenizi yayınlayın. **Studio Editor:** 1. [Editörünüze gidin](https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26). 2. Bir [kapsayıcı ekleyin](https://support.wix.com/tr/article/studio-editor-using-containers#adding-containers-to-a-site). 3. CMS içeriğini göstermek için kullanmak istediğiniz ögelere tıklayıp kapsayıcıya sürükleyin. ![Kapsayıcıya öge eklemeye ilişkin ekran görüntüsü.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d6b40156-9694-4cfe-9209-54815ef9d6dc/2025/05/23/725f1329-4976-48ce-984b-7230c8823b9b/7ac95740-cf03-45bb-9e8f-959dbbdf25b1.png) 1. Henüz yapmadıysanız, [kodlamayı etkinleştirin](https://dev.wix.com/docs/develop-websites/articles/getting-started/getting-started-with-code): 1. Soldaki **Kod** simgesine ![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d6b40156-9694-4cfe-9209-54815ef9d6dc/2024/05/30/cdd6df7b-48ab-446f-a6f6-232c2e27c907/eb7268df-85ec-490f-86ac-283ce30cdc43.png) tıklayın. 2. **Kodlamaya Başla**'ya tıklayın. 2. CMS koleksiyonu içeriğini gösteren ögelerin iliştirildiği kapsayıcıya tıklayın. 3. **Diğer Eylemler** simgesine ![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXc1vpfHbTEb1ymIShVhPdsgk0b7hagJvsi2Yuu3VfxBkS9rj-V4Xce6v7yqbTpIGVpnFvPZp-AXuE9yRECKZHSbg9MgpDJ9YCh9FUBT49PnpI2VvtSTW5j5G_4EyzT0A9uTrMIj?key=_OKiLZ2xZzPnVYyWxlHLYQ) tıklayın ve **Erişilebilirlik**'i seçin. 4. **Öznitelik Ekle**'ye tıklayın. 5. **Özellik** açılır menüsüne tıklayın ve **aria-live** özniteliğini seçin. 6. **Öznitelik değeri** açılır menüsüne tıklayın ve **polite** değerini seçin. 7. **Ekle**'ye tıklayın. ![Ögelerin iliştirildiği bir kapsayıcıya öznitelik eklemeye ilişkin ekran görüntüsü.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d6b40156-9694-4cfe-9209-54815ef9d6dc/2025/05/23/cd070068-969f-4c7c-bb7d-cfa76f8683bf/c92f076a-eb24-4429-a96e-dc2066cb6641.png) 1. Değişiklikleri uygulamaya hazır olduğunuzda sitenizi yayınlayın. --- ## Bir kapsayıcıya 'öge sayısı' metni ekleme Bir metin ögesinde [veri kümesi öge sayısını](https://support.wix.com/tr/article/cms-connecting-text-elements-to-the-dataset-item-count) gösteriyorsanız ve ziyaretçiler bir giriş ögesine tıklayarak öge sayısını değiştirebiliyorsa, metni bir kapsayıcıya iliştirin. Ardından, öge sayısı değiştiğinde ekran okuyucuların duyurabilmesi için kapsayıcının [ARIA (Erişilebilir Zengin İnternet Uygulamaları) özelliklerini](https://support.wix.com/tr/article/accessibility-adding-aria-attributes-to-custom-web-applications) ayarlayın. Bu yöntem ziyaretçilerin içerik filtreleyen veya içerik toplayan giriş ögelerine tıklamaları durumunda geçerlidir. Ziyaretçilerin gösterilen öge sayısını değiştirebildiği durumlarda, ekran okuyucuların bu yöndeki bir değişikliği duyurabilmesi için öge sayısını gösteren metni bir kapsayıcıya iliştirmeniz gerekir. **Wix Editör:** 1. [Editörünüze gidin](https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26). 2. Bir [kapsayıcı ekleyin](https://support.wix.com/tr/article/wix-editor-adding-and-setting-up-a-box). 3. Veri kümesi öge sayısını gösteren metin ögesine tıklayın ve kapsayıcıya sürükleyerek iliştirin. Öge sayısının neyi temsil ettiğini açıklayan başka bir metin ögeniz (ör. "Sonuçlar") varsa, bunu da kapsayıcıya iliştirin. 4. Henüz yapmadıysanız, [kodlamayı etkinleştirin](https://dev.wix.com/docs/develop-websites/articles/getting-started/getting-started-with-code): 1. Üst çubuktaki **Geliştirici Modu** sekmesine tıklayın. 2. **Geliştirici Modunu Aç**'a tıklayın. 5. Erişilebilirliğe yönelik geliştirici araçlarını etkinleştirin: 1. Editörünüzün üst çubuğundaki **Ayarlar** sekmesine tıklayın. 2. **Erişilebilirlik Sihirbazı**'nı seçin. 3. Sağ panelden **Erişilebilirliğe Yönelik Geliştirici Araçları**'na tıklayın. 4. **Editörde gelişmiş erişilebilirlik ayarlarını gösterin** geçiş düğmesini etkinleştirin. 6. Metin ögelerinin iliştirildiği kapsayıcıya sağ tıklayın. 7. **Erişilebilirlik**'i seçin. ![Bir kapsayıcıya sağ tıklayıp Erişilebilirlik seçeneğini seçmeye ilişkin ekran görüntüsü.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d6b40156-9694-4cfe-9209-54815ef9d6dc/2025/05/30/7321e3ce-821b-446b-8cf5-4c735ccbdc70/460074a8-bc4e-4f79-af13-7e7e0956461c.png) 1. İlk özniteliği ekleyin: 1. **Öznitelik Ekle**'ye tıklayın. 2. **Özellik** açılır menüsüne tıklayın ve **aria-atomic** özniteliğini seçin. 3. **Öznitelik değeri** açılır menüsüne tıklayın ve **true** değerini seçin. 4. **Ekle**'ye tıklayın. 2. İkinci özniteliği ekleyin: 1. **Öznitelik Ekle**'ye tıklayın. 2. **Özellik** açılır menüsüne tıklayın ve **aria-live** özniteliğini seçin. 3. **Öznitelik değeri** açılır menüsüne tıklayın ve **polite** değerini seçin. 4. **Ekle**'ye tıklayın. 3. Değişiklikleri uygulamaya hazır olduğunuzda sitenizi yayınlayın. **Studio Editor:** 1. [Editörünüze gidin](https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26). 2. Bir [kapsayıcı ekleyin](https://support.wix.com/tr/article/studio-editor-using-containers#adding-containers-to-a-site). 3. Veri kümesi öge sayısını gösteren metin ögesine tıklayın ve kapsayıcıya sürükleyerek iliştirin. Öge sayısının neyi temsil ettiğini açıklayan başka bir metin ögeniz (ör. "Mevcut ögeler") varsa, bunu da kapsayıcıya iliştirin. ![Veri kümesi öge sayısını gösteren metin ögelerini bir kapsayıcıya iliştirmeye ilişkin ekran görüntüsü.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d6b40156-9694-4cfe-9209-54815ef9d6dc/2025/05/23/b2eab96f-ddb7-4e90-aa8c-f5d24dc0db06/798a9392-e83f-4e9f-b773-581ee8a2f02b.png) 1. Henüz yapmadıysanız, [kodlamayı etkinleştirin](https://dev.wix.com/docs/develop-websites/articles/getting-started/getting-started-with-code): * **Wix Editör:** Üst çubuktaki **Geliştirici Modu**'na ve ardından **Geliştirici Modunu Aç**'a tıklayın. * **Studio Editor: Kod** simgesine tıklayın. ![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d6b40156-9694-4cfe-9209-54815ef9d6dc/2024/05/30/cdd6df7b-48ab-446f-a6f6-232c2e27c907/eb7268df-85ec-490f-86ac-283ce30cdc43.png) ve ardından **Kodlamaya Başla**'ya tıklayın. 2. Metin ögelerinin iliştirildiği kapsayıcıya tıklayın. 3. **Diğer Eylemler** simgesine ![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXc1vpfHbTEb1ymIShVhPdsgk0b7hagJvsi2Yuu3VfxBkS9rj-V4Xce6v7yqbTpIGVpnFvPZp-AXuE9yRECKZHSbg9MgpDJ9YCh9FUBT49PnpI2VvtSTW5j5G_4EyzT0A9uTrMIj?key=_OKiLZ2xZzPnVYyWxlHLYQ) tıklayın ve **Erişilebilirlik**'i seçin. 4. İlk özniteliği ekleyin: 1. **Öznitelik Ekle**'ye tıklayın. 2. **Özellik** açılır menüsüne tıklayın ve **aria-atomic** özniteliğini seçin. 3. **Öznitelik değeri** açılır menüsüne tıklayın ve **true** değerini seçin. 4. **Ekle**'ye tıklayın. 5. İkinci özniteliği ekleyin: 1. **Öznitelik Ekle**'ye tıklayın. 2. **Özellik** açılır menüsüne tıklayın ve **aria-live** özniteliğini seçin. 3. **Öznitelik değeri** açılır menüsüne tıklayın ve **polite** değerini seçin. 4. **Ekle**'ye tıklayın. ![Öge sayısının gösterildiği kapsayıcıya eklenebilecek ARIA özniteliklerinin ekran görüntüsü.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d6b40156-9694-4cfe-9209-54815ef9d6dc/2025/05/23/cabaa4e7-2936-4b29-9f61-ba8898121ad9/6ddd34c1-94ae-41eb-abbc-fa97f3464bca.png) 1. Değişiklikleri uygulamaya hazır olduğunuzda sitenizi yayınlayın. --- ## Giriş ögelerini erişilebilir hale getirme [İçerik filtrelemeye ayarlanmış giriş ögelerinde](https://support.wix.com/tr/article/cms-formerly-content-manager-setting-up-filters-for-site-visitors-using-input-elements), filtreler varsayılan olarak ziyaretçi seçim yaptığında uygulanır. ['Filtreleri Uygula' düğmesi ekleyerek](https://support.wix.com/tr/article/cms-formerly-content-manager-setting-up-filters-for-site-visitors-using-input-elements#optional-step-3-add-a-button-to-apply-the-filters) bu davranışı değiştirebilirsiniz. Erişilebilirlik açısından bakıldığında, ['Filtreleri Uygula’](https://support.wix.com/tr/article/cms-about-dataset-click-actions-for-buttons-and-images#apply-filters) düğmesi eklemek daha uygun bir yaklaşımdır. Bu düğmenin olduğu giriş ögelerinde ziyaretçiler düğmeye tıklayana kadar içerik filtrelenmez. Ziyaretçilerin birden fazla filtre ayarlayıp hepsini aynı anda uygulaması daha iyi bir kullanıcı deneyimi sağlar. ![Studio Editor'daki 'Filtreleri Uygula' düğmesinin ekran görüntüsü.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d6b40156-9694-4cfe-9209-54815ef9d6dc/2025/06/04/e3a1a22e-d85c-46ce-a202-dc3b2f3f5961/7e043b78-451d-433d-a88f-378758df87ca.png) > **Veri kümesi öge sayısını gösterirken:** Ziyaretçiler giriş ögelerine tıklayarak öge sayısını değiştirebiliyorsa, öge sayısını gösteren metni mutlaka bir kapsayıcıya iliştirin. [Daha fazla bilgi için yukarıdaki bölüme](https://support.wix.com/tr/article/accessibility-best-practices-for-the-cms#attaching-item-count-text-to-a-container) bakın. --- ## Sayfalandırma çubuklarını erişilebilir hale getirme [Sayfalandırma çubuklarını](https://support.wix.com/tr/article/cms-adding-and-setting-up-a-pagination-bar) daha erişilebilir hale getirmek için hem çubuğun kendisine hem de içindeki düğmelere erişilebilir adlar ekleyin. Bu adlar ekranda görünmez, ancak kullanıcıların sayfalarda nasıl gezineceklerini anlamalarına yardımcı olan ekran okuyucular için gereklidir. Örneğin, sayfalandırma çubuğunu "Sayfada gezinme" olarak adlandırabilir, düğmelere ise "Sonraki sayfa" / "Önceki sayfa" veya içeriğinize göre uyarlanmış "Sonraki hikaye" / "Önceki hikaye" gibi net adlar atayabilirsiniz. ![Sayfalandırma çubuğu ayarlarındaki erişilebilir adlar alanının ekran görüntüsü.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d6b40156-9694-4cfe-9209-54815ef9d6dc/2025/06/04/55ee2e8c-293a-40e2-8d4d-bbd40a61d746/a9456d0c-dcb1-4dc6-a218-109076ef5c2c.png) > **İpucu:** Studio Editor'da 'Daha Fazla Yükle' düğmeniz varsa, sayfalandırma çubuğunuzu ve tekrarlayıcının/galerinin altında yer alan diğer her şeyi [ayrı bir bölüme](https://support.wix.com/tr/article/accessibility-best-practices-for-the-cms#studio-editor-only-attaching-elements-to-separate-sections-when-using-load-more-buttons) yerleştirin. --- ## SSS Erişilebilirlikle ilgili sıkça sorulan soruların yanıtları için aşağıya tıklayın. **CMS'deki alt metin alanını adlandırırken nelere dikkat etmeliyim?** Diğer alanlarla karışmasını önlemek için '**\[Görüntü\] alt metin**' olarak adlandırmanız iyi bir fikir olabilir. Ayrıca, alt metin alanınızı temsil ettiği görüntü alanının yanına yerleştirmenizi öneririz. **Tekrarlayıcımda dekoratif olan ve olmayan görüntüler karışık olarak gösteriliyorsa ne olur?** Harika bir soru! Her öge için görüntünüzün olmadığını ve bazı ögelerde dekoratif amaçlı yer tutucu görüntüler kullandığınızı varsayalım. Her durumda görüntü alt metnini kendisini temsil eden bir koleksiyon alanına bağlayın. Ardından, dekoratif görüntüler için bu alanı boş bırakın. Böylece dekoratif olmayan görüntüler için alt metinlerin eklendiği, dekoratif olanlar için ise eklenmediği karma yapı oluşturmuş olursunuz. Bir veri kümesi eylemine veya başka bir konuma bağlantı vermek için kullanılan görüntüler bu bağlamda dekoratif olarak değerlendirilebilir. **Ziyaretçiler görüntünün üzerine geldiğinde görünen bir araç ipucu metni ekleyebilir miyim?** Bazı kullanıcıların erişememesinden dolayı görüntü ögelerinden araç ipuçlarını kaldırdık. Artık statik görüntüler veya CMS'ye bağlı görüntüler için araç ipuçları ayarlamanız mümkün değildir. Bunun yerine, alt metin alanını kullanarak görüntüleri ekran okuyucuların anlayabileceği şekilde açıklayabilirsiniz. **CMS formumdaki başarı/hata mesajları erişilebilir nitelikte midir?** Evet. [CMS formunuzun 'Gönder' düğmesine](https://support.wix.com/tr/article/cms-creating-a-custom-form-with-input-elements-that-submit-to-your-collection) eklediğiniz başarı ve hata mesajları erişilebilir niteliktedir. Sitenizi yayınladığınızda bu mesajlara otomatik olarak **aria-live="polite"** özelliği eklenir. Başka bir deyişle, mesaj canlı sitenizde göründüğünde ekran okuyucular mesajı sesli olarak okur ve böylece herkes gönderimin sonucundan haberdar olur. Bu özelliği kaldırmanız mümkün değildir.