@jjlmoya/utils-developer 1.3.0 → 1.5.0

package/src/tool/promptLibrary/i18n/zh.ts

@@ -0,0 +1,94 @@
+import type { WithContext, FAQPage, HowToThing, SoftwareApplication } from 'schema-dts';
+import type { ToolLocaleContent } from '../../../types';
+import type { PromptLibraryUI } from '../ui';
+const slug = 'prompt-library';
+const title = '私人 AI 提示库';
+const description = '私密地组织、标记和保存您的 ChatGPT、Midjourney 和 Claude 提示。您在 localStorage 中的专属提示库。';
+const faqData = [
+  { question: '我的提示保存在哪里？', answer: '您的提示仅保存在浏览器的本地存储中。我们不使用外部服务器，因此您的数据完全私密。' },
+  { question: '如果我清除浏览器 cookie 或历史记录会怎样？', answer: '如果您清除网站数据或本地存储，您将丢失已保存的提示。如果您经常清除浏览器，我们建议进行备份。' },
+  { question: '我可以将其用于 Midjourney、ChatGPT 或 DALL-E 吗？', answer: '是的，它与任何类型的 AI 指令兼容。您可以创建特定标签来组织命令并轻松将其复制到您首选的 AI 工具。' },
+];
+const howToData = [
+  { name: '创建提示', text: '单击"新提示"按钮并输入标题和说明。' },
+  { name: '添加标签', text: '输入以空格或逗号分隔的标签来分类您的提示。' },
+  { name: '使用变量', text: '在文本中使用括号 [这样] 在卡片上创建可填充字段。' },
+  { name: '复制并分享', text: '一键复制到剪贴板或使用分享按钮分享直接链接。' },
+];
+const faqSchema: WithContext<FAQPage> = {
+  '@context': 'https://schema.org',
+  '@type': 'FAQPage',
+  mainEntity: faqData.map((item) => ({ '@type': 'Question', name: item.question, acceptedAnswer: { '@type': 'Answer', text: item.answer } })),
+};
+const howToSchema: WithContext<HowToThing> = {
+  '@context': 'https://schema.org',
+  '@type': 'HowTo',
+  name: title,
+  description,
+  step: howToData.map((s, i) => ({ '@type': 'HowToStep', position: i + 1, name: s.name, text: s.text })),
+};
+const appSchema: WithContext<SoftwareApplication> = {
+  '@context': 'https://schema.org',
+  '@type': 'SoftwareApplication',
+  name: title,
+  description,
+  applicationCategory: 'UtilityApplication',
+  operatingSystem: 'All',
+  offers: { '@type': 'Offer', price: '0', priceCurrency: 'EUR' },
+  inLanguage: 'zh',
+};
+const ui: PromptLibraryUI = {
+  placeholderSearch: '按关键字或标签搜索...',
+  btnNew: '新建提示',
+  emptyTitle: '您的库为空',
+  emptyDesc: '创建您的第一个提示，开始构建您的私人 AI 存储库。',
+  btnAddFirst: '添加第一个',
+  modalTitleCreate: '创建新提示',
+  modalTitleEdit: '编辑提示',
+  labelTitle: '标识标题',
+  placeholderTitle: '例如：SEO 营销专家',
+  labelContent: '说明（提示）',
+  placeholderContent: '在此处为 AI 编写详细说明...',
+  hintContent: '提示：使用括号 [这样] 稍后填充变量。',
+  labelTags: '标签',
+  placeholderTags: '例如：营销、seo（用空格或逗号添加）',
+  btnCancel: '取消',
+  btnSave: '保存到本地',
+  ariaLabelStar: '标星提示',
+  ariaLabelEdit: '编辑提示',
+  ariaLabelShare: '分享提示',
+  ariaLabelCopy: '复制提示',
+  ariaLabelDelete: '删除提示',
+  varsTitle: '必需变量',
+  noResults: '找不到此搜索的提示。',
+  confirmTitle: '删除提示？',
+  confirmDesc: '此操作无法撤销。',
+  btnCancelDelete: '取消',
+  btnConfirmDelete: '永久删除',
+};
+export const content: ToolLocaleContent<PromptLibraryUI> = {
+  slug,
+  title,
+  description,
+  ui,
+  faqTitle: '常见问题',
+  faq: faqData,
+  bibliographyTitle: '提示工程参考',
+  bibliography: [
+    { name: '提示工程指南 (DAIR.AI)', url: 'https://www.promptingguide.ai/' },
+    { name: '什么是提示工程 (Google Cloud)', url: 'https://cloud.google.com/discover/what-is-prompt-engineering' },
+  ],
+  howTo: howToData,
+  schemas: [faqSchema, howToSchema, appSchema],
+  seo: [
+    { type: 'title', text: '为什么需要提示库？', level: 2 },
+    { type: 'paragraph', html: '如果您定期使用 ChatGPT、Claude 或 Midjourney 等 AI 工具，您可能会发现自己重复相同的说明。<strong>提示库</strong>是停止浪费时间重写您喜爱的命令的最终解决方案。' },
+    { type: 'title', text: '组织提示的优势', level: 3 },
+    { type: 'list', items: [ '<strong>即时搜索：</strong>通过简单的文本搜索找到您几个月前使用的特定说明。', '<strong>标签分类：</strong>将您的提示标记为"营销"、"编程"或"文案"以快速过滤。', '<strong>单击复制：</strong>只需单击一下即可将全文复制到剪贴板。', '<strong>完全隐私：</strong>所有数据都通过 localStorage 在浏览器中本地存储。' ] },
+    { type: 'title', text: '提示中的变量', level: 3 },
+    { type: 'paragraph', html: '在提示中使用 <strong>[变量]</strong> 表示法来创建动态可填充字段。打开卡片时，每个定义的变量都会出现输入。提示将与填充的值一起复制，准备粘贴到您的 AI 中。' },
+    { type: 'title', text: '共享提示', level: 3 },
+    { type: 'paragraph', html: '每个提示都可以通过 URL 分享。分享按钮生成一个链接，打开时会显示预填充提示内容的创建表单。' },
+  ],
+};
+

package/src/tool/promptLibrary/index.ts

@@ -9,6 +9,18 @@ export type PromptLibraryLocaleContent = ToolLocaleContent<PromptLibraryUI>;
 import { content as es } from './i18n/es';
 import { content as en } from './i18n/en';
 import { content as fr } from './i18n/fr';
+import { content as de } from './i18n/de';
+import { content as id } from './i18n/id';
+import { content as it } from './i18n/it';
+import { content as ja } from './i18n/ja';
+import { content as ko } from './i18n/ko';
+import { content as nl } from './i18n/nl';
+import { content as pl } from './i18n/pl';
+import { content as pt } from './i18n/pt';
+import { content as ru } from './i18n/ru';
+import { content as sv } from './i18n/sv';
+import { content as tr } from './i18n/tr';
+import { content as zh } from './i18n/zh';
 
 export const promptLibrary: DeveloperToolEntry<PromptLibraryUI> = {
   id: 'prompt-library',
@@ -20,6 +32,18 @@ export const promptLibrary: DeveloperToolEntry<PromptLibraryUI> = {
     es: async () => es,
     en: async () => en,
     fr: async () => fr,
+    de: async () => de,
+    id: async () => id,
+    it: async () => it,
+    ja: async () => ja,
+    ko: async () => ko,
+    nl: async () => nl,
+    pl: async () => pl,
+    pt: async () => pt,
+    ru: async () => ru,
+    sv: async () => sv,
+    tr: async () => tr,
+    zh: async () => zh,
   },
 };
 

package/src/tool/readabilityCalculator/i18n/de.ts

@@ -0,0 +1,133 @@
+import type { WithContext, FAQPage, HowToThing, SoftwareApplication } from 'schema-dts';
+import type { ToolLocaleContent } from '../../../types';
+import type { ReadabilityCalculatorUI } from '../ui';
+
+const slug = 'visueller-lesbarkeitsrechner-wcag-apca';
+const title = 'Visueller Lesbarkeitsrechner WCAG und APCA';
+const description = 'Prüfen Sie den echten Kontrast Ihrer Designs mit APCA (WCAG 3.0). Analysieren Sie, wie Schriftgewicht und -größe die tatsächliche Lesbarkeit beeinflussen. Von einfachen Verhältnissen zur wahrnehmungsbasierten Lesbarkeit.';
+
+const faqData = [
+  {
+    question: 'Was ist APCA und warum unterscheidet es sich von WCAG 2.1?',
+    answer: 'APCA ist der Advanced Perceptual Contrast Algorithm, der für WCAG 3.0 entwickelt wurde. Anders als das alte einfache Verhältnis verwendet APCA mathematische Modelle, die nachbilden, wie das menschliche Gehirn Kontrast wahrnimmt – unter Berücksichtigung der Polarität (heller vs. dunkler Hintergrund) und der Schriftgröße bzw. des Schriftgewichts.',
+  },
+  {
+    question: 'Was bedeutet der Lc-Wert?',
+    answer: 'Lc (Lightness Contrast) ist der von APCA erzeugte Kontrastwert. Ein Wert von 100 steht für idealen Maximalkontrast, während Werte unter 60 für Fließtext kritisch werden. Es handelt sich um eine absolute Wahrnehmungsskala.',
+  },
+  {
+    question: 'Wie beeinflusst das Schriftgewicht die Lesbarkeit?',
+    answer: 'Dünne Schriften (Thin/Light) benötigen wesentlich höhere Kontraste, um lesbar zu sein. APCA bestraft Schriften mit geringem Gewicht und zeigt, dass ein Design, das WCAG mit einer 100er-Schrift besteht, in der Praxis unleserlich sein kann.',
+  },
+  {
+    question: 'Ist dieser Rechner datenschutzkonform?',
+    answer: 'Ja, alle Berechnungen werden lokal in Ihrem Browser durchgeführt. Die analysierten Farben und Einstellungen werden niemals an einen Server übertragen, was vollständige Privatsphäre für Ihre Designprojekte garantiert.',
+  },
+];
+
+const howToData = [
+  { name: 'Farben wählen', text: 'Verwenden Sie die Farbwähler, um die Text- und Hintergrundfarbe Ihres Designs festzulegen.' },
+  { name: 'Typografie anpassen', text: 'Stellen Sie mit den Schiebereglern die Schriftgröße und das Schriftgewicht ein, um Ihre tatsächliche Typografie zu simulieren.' },
+  { name: 'Ergebnisse ablesen', text: 'Prüfen Sie das WCAG 2.1-Verhältnis und den APCA-Lc-Wert, um festzustellen, ob Ihr Design barrierefrei ist.' },
+  { name: 'Empfehlungen prüfen', text: 'Lesen Sie die APCA-spezifischen Empfehlungen für Fließtext, kleinen Text und UI-Elemente.' },
+];
+
+const faqSchema: WithContext<FAQPage> = {
+  '@context': 'https://schema.org',
+  '@type': 'FAQPage',
+  mainEntity: faqData.map((item) => ({
+    '@type': 'Question',
+    name: item.question,
+    acceptedAnswer: { '@type': 'Answer', text: item.answer },
+  })),
+};
+
+const howToSchema: WithContext<HowToThing> = {
+  '@context': 'https://schema.org',
+  '@type': 'HowTo',
+  name: title,
+  description,
+  step: howToData.map((s, i) => ({ '@type': 'HowToStep', position: i + 1, name: s.name, text: s.text })),
+};
+
+const appSchema: WithContext<SoftwareApplication> = {
+  '@context': 'https://schema.org',
+  '@type': 'SoftwareApplication',
+  name: title,
+  description,
+  applicationCategory: 'UtilityApplication',
+  operatingSystem: 'All',
+  offers: { '@type': 'Offer', price: '0', priceCurrency: 'EUR' },
+  inLanguage: 'de',
+};
+
+const ui: ReadabilityCalculatorUI = {
+  labelColors: 'Grundfarben',
+  labelText: 'Text',
+  labelBg: 'Hintergrund',
+  labelTypo: 'Typografie',
+  labelFontSize: 'Schriftgröße',
+  labelFontWeight: 'Schriftgewicht',
+  labelCompare: 'Kontrastvergleich',
+  labelPreview: 'Wahrnehmungsvorschau',
+  labelApcaRecs: 'APCA-Empfehlungen',
+  labelBody: 'Fließtext (Body)',
+  labelSmall: 'Kleiner Text / Bildunterschrift',
+  labelUi: 'UI / Schaltflächen',
+  statusYes: 'Ja',
+  statusNo: 'Nein',
+  wcagAAA: 'Besteht AAA',
+  wcagAA: 'Besteht AA',
+  wcagLarge: 'Nur großer Text',
+  wcagFail: 'Nicht bestanden',
+  apcaExcellent: 'Ausgezeichnet',
+  apcaGood: 'Gut',
+  apcaMinimal: 'Minimal',
+  apcaPoor: 'Unzureichend',
+  previewText: 'Visuelle Lesbarkeit ist nicht nur Mathematik. Es ist die Art, wie Licht und Schatten mit Ihren Augen interagieren.',
+  wcagRatioLabel: 'WCAG 2.1 Verhältnis',
+  apcaLcLabel: 'APCA Lc (WCAG 3)',
+};
+
+export const content: ToolLocaleContent<ReadabilityCalculatorUI> = {
+  slug,
+  title,
+  description,
+  ui,
+  faqTitle: 'Häufig gestellte Fragen',
+  faq: faqData,
+  bibliographyTitle: 'Ressourcen zu Kontrast und APCA',
+  bibliography: [
+    { name: 'W3C: WCAG 3.0 Entwurf (Silver)', url: 'https://www.w3.org/WAI/standards-guidelines/wcag/wcag3-intro/' },
+    { name: 'Myndex: APCA Referenzhandbuch', url: 'https://apcaw3.myndex.com/' },
+    { name: 'MDN: Barrierefreiheit und Farbkontrast', url: 'https://developer.mozilla.org/de/docs/Web/Accessibility/Understanding_WCAG/Perceivable/Color_contrast' },
+  ],
+  howTo: howToData,
+  schemas: [faqSchema, howToSchema, appSchema],
+  seo: [
+    { type: 'title', text: 'Visueller Lesbarkeitsrechner (WCAG vs APCA)', level: 2 },
+    {
+      type: 'paragraph',
+      html: 'Verstehen Sie, wie Farben und Typografie die tatsächliche Lesbarkeit beeinflussen – mit dem neuen wahrnehmungsbasierten Barrierefreiheitsstandard. WCAG 2.1 nutzt eine einfache Formel aus dem Jahr 2008. <strong>APCA</strong> ist das neue Modell für <strong>WCAG 3.0</strong>, das menschliche Wahrnehmung nachbildet.',
+    },
+    { type: 'title', text: 'Kernpunkte von APCA', level: 3 },
+    {
+      type: 'list',
+      items: [
+        '<strong>Polarität:</strong> Berücksichtigt, dass Dark Mode anders wahrgenommen wird als Light Mode.',
+        '<strong>Schriftgewicht:</strong> Weist spezifische Kontrastschwellen (Lc) je nach Schriftstärke zu.',
+        '<strong>Linearität:</strong> Behebt mathematische Ungenauigkeiten im relativen Luminanzmodell von 2008.',
+      ],
+    },
+    { type: 'title', text: 'Empfohlene APCA-Stufen', level: 3 },
+    {
+      type: 'list',
+      items: [
+        '<strong>Lc 90+:</strong> Ideal für sehr kleinen oder dünnen Text.',
+        '<strong>Lc 75:</strong> Standard für normalen Fließtext.',
+        '<strong>Lc 60:</strong> Minimum für lesbaren Text mittlerer Größe.',
+        '<strong>Lc 45:</strong> Minimum für große oder dekorative Elemente.',
+      ],
+    },
+  ],
+};

package/src/tool/readabilityCalculator/i18n/id.ts

@@ -0,0 +1,133 @@
+import type { WithContext, FAQPage, HowToThing, SoftwareApplication } from 'schema-dts';
+import type { ToolLocaleContent } from '../../../types';
+import type { ReadabilityCalculatorUI } from '../ui';
+
+const slug = 'kalkulator-keterbacaan-visual-wcag-apca';
+const title = 'Kalkulator Keterbacaan Visual WCAG dan APCA';
+const description = 'Periksa kontras nyata desain Anda dengan APCA (WCAG 3.0). Analisis bagaimana ketebalan dan ukuran font memengaruhi keterbacaan sesungguhnya. Dari rasio sederhana hingga keterbacaan perseptual.';
+
+const faqData = [
+  {
+    question: 'Apa itu APCA dan mengapa berbeda dari WCAG 2.1?',
+    answer: 'APCA adalah Advanced Perceptual Contrast Algorithm yang dikembangkan untuk WCAG 3.0. Berbeda dengan rasio sederhana lama, APCA menggunakan model matematis yang meniru cara otak manusia mempersepsikan kontras, dengan mempertimbangkan polaritas (latar terang vs. gelap) serta ukuran dan ketebalan font.',
+  },
+  {
+    question: 'Apa arti nilai Lc?',
+    answer: 'Lc (Lightness Contrast) adalah nilai kontras yang dihasilkan oleh APCA. Nilai 100 mewakili kontras maksimum ideal, sementara nilai di bawah 60 mulai kritis untuk teks bacaan panjang. Ini adalah skala magnitudo persepsi absolut.',
+  },
+  {
+    question: 'Bagaimana ketebalan font memengaruhi keterbacaan?',
+    answer: 'Font tipis (Thin/Light) membutuhkan kontras yang jauh lebih tinggi agar dapat dibaca. APCA memberikan penalti pada font berbobot rendah, menunjukkan bahwa desain yang lolos WCAG dengan font bobot 100 bisa saja tidak terbaca dalam praktiknya.',
+  },
+  {
+    question: 'Apakah kalkulator ini menjaga privasi?',
+    answer: 'Ya, semua perhitungan dilakukan secara lokal di browser Anda. Warna dan pengaturan yang Anda analisis tidak pernah dikirim ke server mana pun, sehingga privasi proyek desain Anda sepenuhnya terjaga.',
+  },
+];
+
+const howToData = [
+  { name: 'Pilih Warna', text: 'Gunakan pemilih warna untuk mengatur warna teks dan warna latar belakang desain Anda.' },
+  { name: 'Sesuaikan Tipografi', text: 'Geser slider ukuran dan ketebalan font untuk mensimulasikan tipografi Anda yang sebenarnya.' },
+  { name: 'Baca Hasilnya', text: 'Periksa rasio WCAG 2.1 dan nilai APCA Lc untuk mengetahui apakah desain Anda aksesibel.' },
+  { name: 'Tinjau Rekomendasi', text: 'Cek rekomendasi khusus APCA untuk teks bacaan, teks kecil, dan elemen UI.' },
+];
+
+const faqSchema: WithContext<FAQPage> = {
+  '@context': 'https://schema.org',
+  '@type': 'FAQPage',
+  mainEntity: faqData.map((item) => ({
+    '@type': 'Question',
+    name: item.question,
+    acceptedAnswer: { '@type': 'Answer', text: item.answer },
+  })),
+};
+
+const howToSchema: WithContext<HowToThing> = {
+  '@context': 'https://schema.org',
+  '@type': 'HowTo',
+  name: title,
+  description,
+  step: howToData.map((s, i) => ({ '@type': 'HowToStep', position: i + 1, name: s.name, text: s.text })),
+};
+
+const appSchema: WithContext<SoftwareApplication> = {
+  '@context': 'https://schema.org',
+  '@type': 'SoftwareApplication',
+  name: title,
+  description,
+  applicationCategory: 'UtilityApplication',
+  operatingSystem: 'All',
+  offers: { '@type': 'Offer', price: '0', priceCurrency: 'EUR' },
+  inLanguage: 'id',
+};
+
+const ui: ReadabilityCalculatorUI = {
+  labelColors: 'Warna Dasar',
+  labelText: 'Teks',
+  labelBg: 'Latar Belakang',
+  labelTypo: 'Tipografi',
+  labelFontSize: 'Ukuran Font',
+  labelFontWeight: 'Ketebalan Font',
+  labelCompare: 'Perbandingan Kontras',
+  labelPreview: 'Pratinjau Perseptual',
+  labelApcaRecs: 'Rekomendasi APCA',
+  labelBody: 'Teks Bacaan (Body)',
+  labelSmall: 'Teks Kecil / Keterangan',
+  labelUi: 'UI / Tombol',
+  statusYes: 'Ya',
+  statusNo: 'Tidak',
+  wcagAAA: 'Lulus AAA',
+  wcagAA: 'Lulus AA',
+  wcagLarge: 'Hanya Teks Besar',
+  wcagFail: 'Gagal',
+  apcaExcellent: 'Sangat Baik',
+  apcaGood: 'Baik',
+  apcaMinimal: 'Minimal',
+  apcaPoor: 'Buruk',
+  previewText: 'Keterbacaan visual bukan sekadar matematika. Ini adalah cara cahaya dan bayangan berinteraksi dengan mata Anda.',
+  wcagRatioLabel: 'Rasio WCAG 2.1',
+  apcaLcLabel: 'APCA Lc (WCAG 3)',
+};
+
+export const content: ToolLocaleContent<ReadabilityCalculatorUI> = {
+  slug,
+  title,
+  description,
+  ui,
+  faqTitle: 'Pertanyaan yang Sering Diajukan',
+  faq: faqData,
+  bibliographyTitle: 'Sumber tentang Kontras dan APCA',
+  bibliography: [
+    { name: 'W3C: Draf WCAG 3.0 (Silver)', url: 'https://www.w3.org/WAI/standards-guidelines/wcag/wcag3-intro/' },
+    { name: 'Myndex: Panduan Referensi APCA', url: 'https://apcaw3.myndex.com/' },
+    { name: 'MDN: Aksesibilitas dan Kontras Warna', url: 'https://developer.mozilla.org/en-US/docs/Web/Accessibility/Understanding_WCAG/Perceivable/Color_contrast' },
+  ],
+  howTo: howToData,
+  schemas: [faqSchema, howToSchema, appSchema],
+  seo: [
+    { type: 'title', text: 'Kalkulator Keterbacaan Visual (WCAG vs APCA)', level: 2 },
+    {
+      type: 'paragraph',
+      html: 'Pahami bagaimana warna dan tipografi Anda memengaruhi keterbacaan nyata dengan standar aksesibilitas perseptual terbaru. WCAG 2.1 menggunakan rumus matematis sederhana dari tahun 2008. <strong>APCA</strong> adalah model baru yang diusulkan untuk <strong>WCAG 3.0</strong> yang meniru persepsi manusia.',
+    },
+    { type: 'title', text: 'Poin Utama APCA', level: 3 },
+    {
+      type: 'list',
+      items: [
+        '<strong>Polaritas:</strong> Memahami bahwa Dark Mode dipersepsikan berbeda dari Light Mode.',
+        '<strong>Ketebalan Font:</strong> Menetapkan tingkat kontras (Lc) spesifik berdasarkan bobot tipografi.',
+        '<strong>Linearitas:</strong> Memperbaiki ketidakakuratan matematis dalam model luminansi relatif tahun 2008.',
+      ],
+    },
+    { type: 'title', text: 'Level APCA yang Direkomendasikan', level: 3 },
+    {
+      type: 'list',
+      items: [
+        '<strong>Lc 90+:</strong> Ideal untuk teks sangat kecil atau berbobot rendah.',
+        '<strong>Lc 75:</strong> Standar untuk teks bacaan utama (body).',
+        '<strong>Lc 60:</strong> Minimum untuk konten berukuran sedang yang terbaca.',
+        '<strong>Lc 45:</strong> Minimum untuk elemen besar atau dekoratif.',
+      ],
+    },
+  ],
+};

package/src/tool/readabilityCalculator/i18n/it.ts

@@ -0,0 +1,133 @@
+import type { WithContext, FAQPage, HowToThing, SoftwareApplication } from 'schema-dts';
+import type { ToolLocaleContent } from '../../../types';
+import type { ReadabilityCalculatorUI } from '../ui';
+
+const slug = 'calcolatore-leggibilita-visiva-wcag-apca';
+const title = 'Calcolatore di Leggibilità Visiva WCAG e APCA';
+const description = 'Verifica il contrasto reale dei tuoi design con APCA (WCAG 3.0). Analizza come il peso e la dimensione del font influenzano la leggibilità effettiva. Dai semplici rapporti alla leggibilità percettiva.';
+
+const faqData = [
+  {
+    question: "Cos'è APCA e perché è diverso da WCAG 2.1?",
+    answer: "APCA è l'Advanced Perceptual Contrast Algorithm sviluppato per WCAG 3.0. A differenza del vecchio rapporto semplice, APCA utilizza modelli matematici che replicano come il cervello umano percepisce il contrasto, tenendo conto della polarità (sfondo chiaro vs. scuro) e della dimensione e del peso del font.",
+  },
+  {
+    question: 'Cosa rappresenta il valore Lc?',
+    answer: "Lc (Lightness Contrast) è il valore di contrasto generato da APCA. Un valore di 100 rappresenta il contrasto massimo ideale, mentre valori inferiori a 60 diventano critici per i testi a lettura continua. È una scala di magnitudine assoluta della percezione.",
+  },
+  {
+    question: 'Come influisce il peso del font sulla leggibilità?',
+    answer: 'I font sottili (Thin/Light) richiedono un contrasto molto più elevato per essere leggibili. APCA penalizza i font a basso peso, indicando che un design che supera WCAG con un font a peso 100 potrebbe risultare illeggibile nella pratica.',
+  },
+  {
+    question: 'Questo calcolatore è privato?',
+    answer: 'Sì, tutti i calcoli vengono eseguiti localmente nel tuo browser. I colori e le impostazioni che analizzi non vengono mai inviati a nessun server, garantendo la massima privacy per i tuoi progetti di design.',
+  },
+];
+
+const howToData = [
+  { name: 'Scegli i Colori', text: 'Usa i selettori di colore per impostare il colore del testo e dello sfondo del tuo design.' },
+  { name: 'Regola la Tipografia', text: 'Usa i cursori di dimensione e peso del font per simulare la tua tipografia reale.' },
+  { name: 'Leggi i Risultati', text: 'Controlla il rapporto WCAG 2.1 e il valore APCA Lc per sapere se il tuo design è accessibile.' },
+  { name: 'Esamina i Consigli', text: 'Leggi le raccomandazioni APCA specifiche per il testo corpo, il testo piccolo e gli elementi UI.' },
+];
+
+const faqSchema: WithContext<FAQPage> = {
+  '@context': 'https://schema.org',
+  '@type': 'FAQPage',
+  mainEntity: faqData.map((item) => ({
+    '@type': 'Question',
+    name: item.question,
+    acceptedAnswer: { '@type': 'Answer', text: item.answer },
+  })),
+};
+
+const howToSchema: WithContext<HowToThing> = {
+  '@context': 'https://schema.org',
+  '@type': 'HowTo',
+  name: title,
+  description,
+  step: howToData.map((s, i) => ({ '@type': 'HowToStep', position: i + 1, name: s.name, text: s.text })),
+};
+
+const appSchema: WithContext<SoftwareApplication> = {
+  '@context': 'https://schema.org',
+  '@type': 'SoftwareApplication',
+  name: title,
+  description,
+  applicationCategory: 'UtilityApplication',
+  operatingSystem: 'All',
+  offers: { '@type': 'Offer', price: '0', priceCurrency: 'EUR' },
+  inLanguage: 'it',
+};
+
+const ui: ReadabilityCalculatorUI = {
+  labelColors: 'Colori Base',
+  labelText: 'Testo',
+  labelBg: 'Sfondo',
+  labelTypo: 'Tipografia',
+  labelFontSize: 'Dimensione Font',
+  labelFontWeight: 'Peso Font',
+  labelCompare: 'Confronto Contrasto',
+  labelPreview: 'Anteprima Percettiva',
+  labelApcaRecs: 'Raccomandazioni APCA',
+  labelBody: 'Testo Corpo (Body)',
+  labelSmall: 'Testo Piccolo / Didascalia',
+  labelUi: 'UI / Pulsanti',
+  statusYes: 'Sì',
+  statusNo: 'No',
+  wcagAAA: 'Supera AAA',
+  wcagAA: 'Supera AA',
+  wcagLarge: 'Solo Testo Grande',
+  wcagFail: 'Non Supera',
+  apcaExcellent: 'Eccellente',
+  apcaGood: 'Buono',
+  apcaMinimal: 'Minimo',
+  apcaPoor: 'Insufficiente',
+  previewText: 'La leggibilità visiva non è solo matematica. È il modo in cui luce e ombra interagiscono con i tuoi occhi.',
+  wcagRatioLabel: 'Rapporto WCAG 2.1',
+  apcaLcLabel: 'APCA Lc (WCAG 3)',
+};
+
+export const content: ToolLocaleContent<ReadabilityCalculatorUI> = {
+  slug,
+  title,
+  description,
+  ui,
+  faqTitle: 'Domande Frequenti',
+  faq: faqData,
+  bibliographyTitle: 'Risorse su Contrasto e APCA',
+  bibliography: [
+    { name: 'W3C: Bozza WCAG 3.0 (Silver)', url: 'https://www.w3.org/WAI/standards-guidelines/wcag/wcag3-intro/' },
+    { name: 'Myndex: Guida di Riferimento APCA', url: 'https://apcaw3.myndex.com/' },
+    { name: 'MDN: Accessibilità e Contrasto Colore', url: 'https://developer.mozilla.org/it/docs/Web/Accessibility/Understanding_WCAG/Perceivable/Color_contrast' },
+  ],
+  howTo: howToData,
+  schemas: [faqSchema, howToSchema, appSchema],
+  seo: [
+    { type: 'title', text: 'Calcolatore di Leggibilità Visiva (WCAG vs APCA)', level: 2 },
+    {
+      type: 'paragraph',
+      html: 'Scopri come i tuoi colori e la tua tipografia influenzano la leggibilità reale con il nuovo standard di accessibilità percettiva. WCAG 2.1 usa una semplice formula matematica del 2008. <strong>APCA</strong> è il nuovo modello proposto per <strong>WCAG 3.0</strong> che replica la percezione umana.',
+    },
+    { type: 'title', text: 'Punti Chiave di APCA', level: 3 },
+    {
+      type: 'list',
+      items: [
+        '<strong>Polarità:</strong> Riconosce che la modalità scura (Dark Mode) viene percepita diversamente da quella chiara.',
+        '<strong>Peso del Font:</strong> Assegna livelli di contrasto specifici (Lc) in base al peso tipografico.',
+        '<strong>Linearità:</strong> Corregge le imprecisioni matematiche nel modello di luminanza relativa del 2008.',
+      ],
+    },
+    { type: 'title', text: 'Livelli APCA Consigliati', level: 3 },
+    {
+      type: 'list',
+      items: [
+        '<strong>Lc 90+:</strong> Ideale per testo molto piccolo o di basso peso.',
+        '<strong>Lc 75:</strong> Lo standard per il testo corpo principale.',
+        '<strong>Lc 60:</strong> Minimo per contenuto di dimensione media leggibile.',
+        '<strong>Lc 45:</strong> Minimo per elementi grandi o decorativi.',
+      ],
+    },
+  ],
+};