Accessibility

Next.js ekibi, Next.js'yi tüm geliştiriciler (ve son kullanıcıları) için erişilebilir hale getirmeye kararlıdır. Next.js'ye varsayılan olarak erişilebilirlik özellikleri ekleyerek, Web'i herkes için daha kapsayıcı hale getirmeyi amaçlıyoruz.

Route Announcements

Sunucuda işlenen sayfalar arasında geçiş yaparken (örneğin <a href> etiketi kullanılarak) ekran okuyucular ve diğer yardımcı teknolojiler, kullanıcıların sayfanın değiştiğini anlaması için sayfa yüklendiğinde sayfa başlığını duyurur.

Geleneksel sayfa gezintilerine ek olarak Next.js, gelişmiş performans için istemci tarafı geçişlerini de destekler ( next/link adresini kullanarak). İstemci tarafı geçişlerin yardımcı teknolojiye de duyurulmasını sağlamak için Next.js varsayılan olarak bir rota duyurucusu içerir.

Next.js rota duyurucusu, önce document.title, ardından <h1> öğesini ve son olarak URL yol adını inceleyerek duyurulacak sayfa adını arar. En erişilebilir kullanıcı deneyimi için, uygulamanızdaki her sayfanın benzersiz ve açıklayıcı bir başlığa sahip olduğundan emin olun.

Linting

Next.js, Next.js için özel kurallar da dahil olmak üzere, kutudan çıkar çıkmaz entegre bir ESLint deneyimi sağlar. Next.js varsayılan olarak, erişilebilirlik sorunlarını erken yakalamaya yardımcı olmak için eslint-plugin-jsx-a11y adresini içerir:

Örneğin, bu eklenti img etiketlerine alt metin eklemenizi, doğru aria-* niteliklerini kullanmanızı, doğru role niteliklerini kullanmanızı ve daha fazlasını sağlamanıza yardımcı olur.

Accessibility Resources