@jjlmoya/utils-games-development 1.61.0 → 1.63.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/src/category/index.ts +3 -1
- package/src/entries.ts +5 -1
- package/src/index.ts +2 -0
- package/src/tests/locale_completeness.test.ts +2 -2
- package/src/tests/tool_validation.test.ts +2 -2
- package/src/tool/gameUIAccessibilityTester/bibliography.astro +6 -0
- package/src/tool/gameUIAccessibilityTester/bibliography.ts +10 -0
- package/src/tool/gameUIAccessibilityTester/component.astro +210 -0
- package/src/tool/gameUIAccessibilityTester/controller-actions.ts +92 -0
- package/src/tool/gameUIAccessibilityTester/controller.ts +237 -0
- package/src/tool/gameUIAccessibilityTester/dom-views.ts +193 -0
- package/src/tool/gameUIAccessibilityTester/entry.ts +28 -0
- package/src/tool/gameUIAccessibilityTester/evaluator.ts +43 -0
- package/src/tool/gameUIAccessibilityTester/game-ui-accessibility-stress-tester.css +982 -0
- package/src/tool/gameUIAccessibilityTester/i18n/de.ts +203 -0
- package/src/tool/gameUIAccessibilityTester/i18n/en.ts +199 -0
- package/src/tool/gameUIAccessibilityTester/i18n/es.ts +203 -0
- package/src/tool/gameUIAccessibilityTester/i18n/fr.ts +203 -0
- package/src/tool/gameUIAccessibilityTester/i18n/id.ts +203 -0
- package/src/tool/gameUIAccessibilityTester/i18n/it.ts +203 -0
- package/src/tool/gameUIAccessibilityTester/i18n/ja.ts +203 -0
- package/src/tool/gameUIAccessibilityTester/i18n/ko.ts +203 -0
- package/src/tool/gameUIAccessibilityTester/i18n/nl.ts +203 -0
- package/src/tool/gameUIAccessibilityTester/i18n/pl.ts +203 -0
- package/src/tool/gameUIAccessibilityTester/i18n/pt.ts +203 -0
- package/src/tool/gameUIAccessibilityTester/i18n/ru.ts +203 -0
- package/src/tool/gameUIAccessibilityTester/i18n/sv.ts +203 -0
- package/src/tool/gameUIAccessibilityTester/i18n/tr.ts +203 -0
- package/src/tool/gameUIAccessibilityTester/i18n/zh.ts +203 -0
- package/src/tool/gameUIAccessibilityTester/index.ts +11 -0
- package/src/tool/gameUIAccessibilityTester/logic.test.ts +57 -0
- package/src/tool/gameUIAccessibilityTester/logic.ts +157 -0
- package/src/tool/gameUIAccessibilityTester/report.ts +59 -0
- package/src/tool/gameUIAccessibilityTester/seo.astro +15 -0
- package/src/tool/gameUIAccessibilityTester/storage.ts +34 -0
- package/src/tool/gameUIAccessibilityTester/ui.ts +80 -0
- package/src/tool/hitboxHurtboxAnimator/bibliography.astro +12 -0
- package/src/tool/hitboxHurtboxAnimator/bibliography.ts +10 -0
- package/src/tool/hitboxHurtboxAnimator/canvas-interactions.ts +59 -0
- package/src/tool/hitboxHurtboxAnimator/canvas-metrics.ts +8 -0
- package/src/tool/hitboxHurtboxAnimator/component.astro +148 -0
- package/src/tool/hitboxHurtboxAnimator/controller.ts +247 -0
- package/src/tool/hitboxHurtboxAnimator/dom-views.ts +194 -0
- package/src/tool/hitboxHurtboxAnimator/editor-state.ts +19 -0
- package/src/tool/hitboxHurtboxAnimator/entry.ts +28 -0
- package/src/tool/hitboxHurtboxAnimator/evaluator.ts +15 -0
- package/src/tool/hitboxHurtboxAnimator/file-io.ts +82 -0
- package/src/tool/hitboxHurtboxAnimator/hitbox-hurtbox-animator.css +614 -0
- package/src/tool/hitboxHurtboxAnimator/i18n/de.ts +195 -0
- package/src/tool/hitboxHurtboxAnimator/i18n/en.ts +191 -0
- package/src/tool/hitboxHurtboxAnimator/i18n/es.ts +195 -0
- package/src/tool/hitboxHurtboxAnimator/i18n/fr.ts +195 -0
- package/src/tool/hitboxHurtboxAnimator/i18n/id.ts +195 -0
- package/src/tool/hitboxHurtboxAnimator/i18n/it.ts +195 -0
- package/src/tool/hitboxHurtboxAnimator/i18n/ja.ts +195 -0
- package/src/tool/hitboxHurtboxAnimator/i18n/ko.ts +195 -0
- package/src/tool/hitboxHurtboxAnimator/i18n/nl.ts +195 -0
- package/src/tool/hitboxHurtboxAnimator/i18n/pl.ts +195 -0
- package/src/tool/hitboxHurtboxAnimator/i18n/pt.ts +195 -0
- package/src/tool/hitboxHurtboxAnimator/i18n/ru.ts +195 -0
- package/src/tool/hitboxHurtboxAnimator/i18n/sv.ts +195 -0
- package/src/tool/hitboxHurtboxAnimator/i18n/tr.ts +195 -0
- package/src/tool/hitboxHurtboxAnimator/i18n/zh.ts +195 -0
- package/src/tool/hitboxHurtboxAnimator/index.ts +11 -0
- package/src/tool/hitboxHurtboxAnimator/logic.test.ts +97 -0
- package/src/tool/hitboxHurtboxAnimator/logic.ts +173 -0
- package/src/tool/hitboxHurtboxAnimator/project-actions.ts +128 -0
- package/src/tool/hitboxHurtboxAnimator/seo.astro +13 -0
- package/src/tool/hitboxHurtboxAnimator/storage.ts +27 -0
- package/src/tool/hitboxHurtboxAnimator/ui.ts +70 -0
- package/src/tools.ts +4 -0
|
@@ -0,0 +1,203 @@
|
|
|
1
|
+
import type { FAQPage, HowTo, SoftwareApplication, WithContext } from 'schema-dts';
|
|
2
|
+
import type { ToolLocaleContent } from '../../../types';
|
|
3
|
+
import type { GameUiAccessibilityTesterUI } from '../ui';
|
|
4
|
+
import { bibliographyEntries } from '../bibliography';
|
|
5
|
+
|
|
6
|
+
const slug = 'testeur-stress-accessibilite-ui-jeu';
|
|
7
|
+
const title = 'Testeur de Stress Accessibilité UI de Jeu';
|
|
8
|
+
const description = 'Inspectez une capture d écran de jeu localement avec des simulations de daltonisme, des sondes de contraste HUD, du flou, du sous-échantillonnage et des cartes thermiques.';
|
|
9
|
+
|
|
10
|
+
const faq = [
|
|
11
|
+
{
|
|
12
|
+
question: 'Ce outil certifie-t-il l accessibilité de mon jeu?',
|
|
13
|
+
answer: 'Non. Il combine des simulations de vision des couleurs, des mesures de contraste, des tests de stress visuel et des guides de révision. Utilisez ces résultats pour guider vos tests, pas comme certificat.',
|
|
14
|
+
},
|
|
15
|
+
{
|
|
16
|
+
question: 'Ma capture d écran quitte-t-elle le navigateur?',
|
|
17
|
+
answer: 'Non. L image est décodée, échantillonnée et transformée entièrement dans votre navigateur. Seuls les réglages d affichage sont stockés localement.',
|
|
18
|
+
},
|
|
19
|
+
{
|
|
20
|
+
question: 'Que dois-je mesurer avec les deux sondes de couleur?',
|
|
21
|
+
answer: 'Choisissez deux couleurs devant transmettre des significations distinctes, comme un allié et un ennemi, un état actif et désactivé, ou deux niveaux de rareté.',
|
|
22
|
+
},
|
|
23
|
+
{
|
|
24
|
+
question: 'Pourquoi un bon contraste peut-il nécessiter une révision manuelle?',
|
|
25
|
+
answer: 'Une paire peut mesurer un bon contraste alors qu une petite icône, un texte fin ou un fond animé restent difficiles à identifier dans le jeu.',
|
|
26
|
+
},
|
|
27
|
+
{
|
|
28
|
+
question: 'Que montre la carte thermique?',
|
|
29
|
+
answer: 'La carte thermique met en évidence les zones où la séparation des couleurs diminue fortement après la simulation sélectionnée.',
|
|
30
|
+
},
|
|
31
|
+
];
|
|
32
|
+
|
|
33
|
+
const howTo = [
|
|
34
|
+
{ name: 'Charger une capture', text: 'Sélectionnez une capture d écran au format PNG, JPEG ou WebP. L image reste dans la mémoire locale de votre navigateur.' },
|
|
35
|
+
{ name: 'Choisir une lentille de simulation', text: 'Comparez l image originale avec une simulation de daltonisme, d échelle de gris ou de contraste réduit.' },
|
|
36
|
+
{ name: 'Appliquer du stress visuel', text: 'Ajoutez du flou, réduisez l échelle d affichage, zoomez sur les pixels ou activez la carte thermique.' },
|
|
37
|
+
{ name: 'Mesurer deux signaux clés', text: 'Sélectionnez la sonde A ou B puis cliquez sur l image originale pour comparer deux couleurs.' },
|
|
38
|
+
{ name: 'Exporter les observations', text: 'Consultez les questions de révision, notez vos observations et téléchargez un rapport d analyse.' },
|
|
39
|
+
];
|
|
40
|
+
|
|
41
|
+
const softwareApplication: WithContext<SoftwareApplication> = {
|
|
42
|
+
'@context': 'https://schema.org',
|
|
43
|
+
'@type': 'SoftwareApplication',
|
|
44
|
+
name: title,
|
|
45
|
+
applicationCategory: 'DeveloperApplication',
|
|
46
|
+
operatingSystem: 'Any',
|
|
47
|
+
};
|
|
48
|
+
|
|
49
|
+
const faqPage: WithContext<FAQPage> = {
|
|
50
|
+
'@context': 'https://schema.org',
|
|
51
|
+
'@type': 'FAQPage',
|
|
52
|
+
mainEntity: faq.map((item) => ({
|
|
53
|
+
'@type': 'Question',
|
|
54
|
+
name: item.question,
|
|
55
|
+
acceptedAnswer: { '@type': 'Answer', text: item.answer },
|
|
56
|
+
})),
|
|
57
|
+
};
|
|
58
|
+
|
|
59
|
+
const howToSchema: WithContext<HowTo> = {
|
|
60
|
+
'@context': 'https://schema.org',
|
|
61
|
+
'@type': 'HowTo',
|
|
62
|
+
name: title,
|
|
63
|
+
step: howTo.map((step) => ({ '@type': 'HowToStep', name: step.name, text: step.text })),
|
|
64
|
+
};
|
|
65
|
+
|
|
66
|
+
export const content: ToolLocaleContent<GameUiAccessibilityTesterUI> = {
|
|
67
|
+
slug,
|
|
68
|
+
title,
|
|
69
|
+
description,
|
|
70
|
+
ui: {
|
|
71
|
+
onboarding: 'Chargez une capture d écran de jeu, choisissez une lentille de simulation et comparez deux signaux essentiels que les joueurs doivent distinguer.',
|
|
72
|
+
privacyNote: 'Analyse locale. Vos images ne sont pas envoyées sur un serveur.',
|
|
73
|
+
dropTitle: 'Déposez une capture d écran du jeu sur la table d analyse',
|
|
74
|
+
dropHint: 'Glissez une image ici ou sélectionnez-la depuis votre appareil. Utilisez un moment représentatif avec des éléments visuels réels.',
|
|
75
|
+
chooseImage: 'Choisir une capture',
|
|
76
|
+
replaceImage: 'Remplacer la capture',
|
|
77
|
+
supportedFiles: 'PNG, JPEG ou WebP jusqu à 16 Mo. Les images plus grandes sont réduites à 1600 px.',
|
|
78
|
+
lensLabel: 'Lentille de simulation',
|
|
79
|
+
lensOriginal: 'Original',
|
|
80
|
+
lensProtanopia: 'Protanopie',
|
|
81
|
+
lensDeuteranopia: 'Deutéranopie',
|
|
82
|
+
lensTritanopia: 'Tritanopie',
|
|
83
|
+
lensAchromatopsia: 'Échelle de gris',
|
|
84
|
+
lensReducedContrast: 'Contraste réduit',
|
|
85
|
+
lensDesaturation: 'Désaturation',
|
|
86
|
+
compareLabel: 'Mode de comparaison',
|
|
87
|
+
compareSideBySide: 'Côte à côte',
|
|
88
|
+
compareSplit: 'Lentille séparée',
|
|
89
|
+
comparePress: 'Maintenir pour révéler',
|
|
90
|
+
holdOriginal: 'Maintenir pour l original',
|
|
91
|
+
splitPosition: 'Position de séparation',
|
|
92
|
+
stressLabel: 'Contrôles de stress visuel',
|
|
93
|
+
blurLabel: 'Flou en pixels',
|
|
94
|
+
downscaleLabel: 'Aperçu petit écran',
|
|
95
|
+
downscaleFull: 'Plein',
|
|
96
|
+
downscaleHalf: 'Moitié',
|
|
97
|
+
downscaleQuarter: 'Quart',
|
|
98
|
+
downscaleEighth: 'Huitième',
|
|
99
|
+
zoomLabel: 'Zoom d inspection',
|
|
100
|
+
heatmapLabel: 'Carte thermique de bordures',
|
|
101
|
+
heatmapHint: 'Met en évidence les pertes de séparation visuelle sous la lentille active.',
|
|
102
|
+
originalView: 'Signal original',
|
|
103
|
+
simulatedView: 'Signal simulé',
|
|
104
|
+
emptyCanvas: 'Sélectionnez une capture d écran pour commencer. Votre fichier reste sur cet appareil.',
|
|
105
|
+
sampleTitle: 'Sondes de signal critique',
|
|
106
|
+
sampleInstructions: 'Sélectionnez A ou B puis cliquez sur l image originale pour échantillonner des couleurs clés.',
|
|
107
|
+
sampleA: 'Sonde A',
|
|
108
|
+
sampleB: 'Sonde B',
|
|
109
|
+
sampleAName: 'Signification sonde A',
|
|
110
|
+
sampleBName: 'Signification sonde B',
|
|
111
|
+
manualColor: 'Définir la couleur',
|
|
112
|
+
sampleAInitial: 'Marqueur allié',
|
|
113
|
+
sampleBInitial: 'Marqueur ennemi',
|
|
114
|
+
noSample: 'En attente de capture',
|
|
115
|
+
originalContrast: 'Contraste original',
|
|
116
|
+
simulatedContrast: 'Contraste simulé',
|
|
117
|
+
separationRetained: 'Séparation conservée',
|
|
118
|
+
statusStrong: 'Signal très distinct',
|
|
119
|
+
statusWatch: 'À vérifier en contexte',
|
|
120
|
+
statusReview: 'Révision conseillée',
|
|
121
|
+
statusPending: 'Pas encore d analyse',
|
|
122
|
+
measurementLabel: 'Mesure',
|
|
123
|
+
heuristicLabel: 'Heuristique',
|
|
124
|
+
manualReviewLabel: 'Révision manuelle',
|
|
125
|
+
measurementHint: 'Le contraste utilise la formule de luminance relative WCAG entre les deux couleurs sRGB sélectionnées.',
|
|
126
|
+
heuristicHint: 'La séparation conservée compare la distance de couleur avant et après la simulation visuelle.',
|
|
127
|
+
promptTitle: 'Guide de révision d interface',
|
|
128
|
+
promptColorOnly: 'Les joueurs peuvent-ils identifier les éléments sans se fier uniquement à la couleur?',
|
|
129
|
+
promptChangingBackground: 'Le texte reste-t-il lisible sur des fonds clairs, sombres ou animés?',
|
|
130
|
+
promptMinimap: 'Les icônes de la carte se distinguent-elles par la forme, la taille ou un motif?',
|
|
131
|
+
promptStates: 'Les états sélectionné, désactivé ou rechargement sont-ils évidents?',
|
|
132
|
+
promptShape: 'Un symbole, un texte ou un son renforce-t-il chaque signal de couleur?',
|
|
133
|
+
findingLabel: 'Remarque de l équipe',
|
|
134
|
+
findingPlaceholder: 'Exemple: Le contour de l ennemi s efface sur le fond rouge',
|
|
135
|
+
addFinding: 'Ajouter une remarque',
|
|
136
|
+
findingsEmpty: 'Aucune remarque enregistrée pour le moment.',
|
|
137
|
+
exportSheet: 'Télécharger le visuel comparatif',
|
|
138
|
+
exportReport: 'Télécharger le rapport JSON',
|
|
139
|
+
resetTool: 'Réinitialiser',
|
|
140
|
+
uploadError: 'Fichier non valide. Veuillez choisir une image PNG, JPEG ou WebP.',
|
|
141
|
+
fileTooLarge: 'Fichier supérieur à 16 Mo. Veuillez utiliser une capture plus petite.',
|
|
142
|
+
imageReady: 'Capture chargée. Échantillonnez deux couleurs pour lancer l analyse.',
|
|
143
|
+
reportDownloaded: 'Rapport JSON téléchargé.',
|
|
144
|
+
sheetDownloaded: 'Visuel comparatif téléchargé.',
|
|
145
|
+
localOnlyDisclosure: 'Traitement 100% local dans votre navigateur. Aucune image n est transmise.',
|
|
146
|
+
limitationDisclosure: 'Cet outil aide à la révision de design mais ne remplace pas les tests avec des joueurs.',
|
|
147
|
+
reportTitle: 'Rapport de révision d accessibilité UI de jeu',
|
|
148
|
+
reportFindingReview: 'La paire de couleurs perd une part importante de contraste sous la simulation.',
|
|
149
|
+
},
|
|
150
|
+
seo: [
|
|
151
|
+
{
|
|
152
|
+
type: 'title',
|
|
153
|
+
level: 2,
|
|
154
|
+
text: 'Évaluer l accessibilité de l interface de votre jeu sans envoi de fichiers',
|
|
155
|
+
},
|
|
156
|
+
{
|
|
157
|
+
type: 'paragraph',
|
|
158
|
+
html: 'Les interfaces de jeux vidéo doivent rester lisibles dans des conditions visuelles complexes et changeantes. Cet outil d analyse locale vous permet d inspecter vos captures d écran à travers des simulations de daltonisme et des tests de stress visuel.',
|
|
159
|
+
},
|
|
160
|
+
{
|
|
161
|
+
type: 'title',
|
|
162
|
+
level: 2,
|
|
163
|
+
text: 'Mesures, heuristiques et analyse humaine',
|
|
164
|
+
},
|
|
165
|
+
{
|
|
166
|
+
type: 'table',
|
|
167
|
+
headers: ['Type d analyse', 'Ce que fournit cet outil', 'Ce qu il ne peut pas garantir'],
|
|
168
|
+
rows: [
|
|
169
|
+
['Mesure', 'Rapport de contraste et luminance relative entre deux couleurs sRGB', 'Conformité totale de l ensemble du jeu'],
|
|
170
|
+
['Simulation', 'Transformations scientifiques pour la protanopie, deutéranopie et tritanopie', 'Perception exacte de chaque joueur individuel'],
|
|
171
|
+
['Heuristique', 'Flou, réduction d échelle et détection de perte de contours', 'Évaluation automatique du gameplay'],
|
|
172
|
+
['Révision manuelle', 'Guide de questions et exportation de rapports d équipe', 'Remplacement de tests utilisateurs réels'],
|
|
173
|
+
],
|
|
174
|
+
},
|
|
175
|
+
{
|
|
176
|
+
type: 'title',
|
|
177
|
+
level: 2,
|
|
178
|
+
text: 'Échantillonner des éléments décisifs pour le joueur',
|
|
179
|
+
},
|
|
180
|
+
{
|
|
181
|
+
type: 'paragraph',
|
|
182
|
+
html: 'Concentrez vos mesures sur des paires de couleurs qui influencent les décisions du joueur: allié et ennemi, danger et sécurité, ou disponible et indisponible. Si la lisibilité diminue, ajoutez une forme ou une icône distinctive.',
|
|
183
|
+
},
|
|
184
|
+
{
|
|
185
|
+
type: 'tip',
|
|
186
|
+
title: 'Tester les scènes les plus chargées',
|
|
187
|
+
html: 'Privilégiez des captures en pleine action plutôt que des maquettes épurées afin d obtenir un diagnostic représentatif.',
|
|
188
|
+
},
|
|
189
|
+
{
|
|
190
|
+
type: 'title',
|
|
191
|
+
level: 2,
|
|
192
|
+
text: 'Intégrer les rapports d analyse dans votre flux de travail',
|
|
193
|
+
},
|
|
194
|
+
{
|
|
195
|
+
type: 'paragraph',
|
|
196
|
+
html: 'Le rapport JSON et le visuel comparatif PNG peuvent être directement joints à vos tickets de développement pour faciliter les corrections de design UI.',
|
|
197
|
+
},
|
|
198
|
+
],
|
|
199
|
+
faq,
|
|
200
|
+
howTo,
|
|
201
|
+
schemas: [softwareApplication, faqPage, howToSchema],
|
|
202
|
+
bibliography: bibliographyEntries,
|
|
203
|
+
};
|
|
@@ -0,0 +1,203 @@
|
|
|
1
|
+
import type { FAQPage, HowTo, SoftwareApplication, WithContext } from 'schema-dts';
|
|
2
|
+
import type { ToolLocaleContent } from '../../../types';
|
|
3
|
+
import type { GameUiAccessibilityTesterUI } from '../ui';
|
|
4
|
+
import { bibliographyEntries } from '../bibliography';
|
|
5
|
+
|
|
6
|
+
const slug = 'penguji-stres-aksesibilitas-ui-game';
|
|
7
|
+
const title = 'Penguji Stres Aksesibilitas UI Game';
|
|
8
|
+
const description = 'Inspeksi tangkapan layar UI game secara lokal dengan simulasi buta warna, pengukur kontras HUD, efek kabur, pemfokusan visual, dan peta panas tepi.';
|
|
9
|
+
|
|
10
|
+
const faq = [
|
|
11
|
+
{
|
|
12
|
+
question: 'Apakah alat ini menyertifikasi aksesibilitas UI game saya?',
|
|
13
|
+
answer: 'Tidak. Alat ini menggabungkan simulasi buta warna, pengukuran kontras warna, dan panduan tinjauan visual. Gunakan hasilnya untuk panduan desain dan pengujian pemain.',
|
|
14
|
+
},
|
|
15
|
+
{
|
|
16
|
+
question: 'Apakah gambar saya diunggah ke server?',
|
|
17
|
+
answer: 'Tidak. Gambar diproses dan dianalisis sepenuhnya di dalam peramban Anda. Hanya pengaturan tampilan yang disimpan secara lokal.',
|
|
18
|
+
},
|
|
19
|
+
{
|
|
20
|
+
question: 'Apa yang harus diukur dengan dua sampel warna?',
|
|
21
|
+
answer: 'Pilih dua warna yang memiliki arti berbeda seperti penanda kawan dan lawan, status aktif dan nonaktif, atau tingkat kelangkaan item.',
|
|
22
|
+
},
|
|
23
|
+
{
|
|
24
|
+
question: 'Mengapa rasio kontras yang baik masih memerlukan peninjauan manual?',
|
|
25
|
+
answer: 'Pasangan warna mungkin memiliki rasio baik, tetapi ikon kecil, teks tipis, latar belakang bergerak, atau penggunaan warna tunggal tetap bisa membingungkan.',
|
|
26
|
+
},
|
|
27
|
+
{
|
|
28
|
+
question: 'Apa yang ditampilkan oleh peta panas?',
|
|
29
|
+
answer: 'Peta panas menyorot area di mana pemisahan warna menurun drastis setelah simulasi diterapkan.',
|
|
30
|
+
},
|
|
31
|
+
];
|
|
32
|
+
|
|
33
|
+
const howTo = [
|
|
34
|
+
{ name: 'Muat tangkapan layar', text: 'Pilih gambar PNG, JPEG, atau WebP dari game Anda. Gambar tetap berada di memori lokal peramban Anda.' },
|
|
35
|
+
{ name: 'Pilih lensa simulasi', text: 'Bandingkan gambar asli dengan simulasi buta warna, skala abu-abu, atau kontras rendah.' },
|
|
36
|
+
{ name: 'Terapkan stres visual', text: 'Tambahkan efek kabur, kurangi skala tampilan, perbesar piksel, atau aktifkan peta panas tepi.' },
|
|
37
|
+
{ name: 'Ukur dua sinyal penting', text: 'Pilih Sampel A atau B lalu klik pada gambar asli untuk membandingkan dua warna utama.' },
|
|
38
|
+
{ name: 'Ekspor hasil analisis', text: 'Catat temuan Anda dan unduh lembar perbandingan serta laporan terstruktur JSON.' },
|
|
39
|
+
];
|
|
40
|
+
|
|
41
|
+
const softwareApplication: WithContext<SoftwareApplication> = {
|
|
42
|
+
'@context': 'https://schema.org',
|
|
43
|
+
'@type': 'SoftwareApplication',
|
|
44
|
+
name: title,
|
|
45
|
+
applicationCategory: 'DeveloperApplication',
|
|
46
|
+
operatingSystem: 'Any',
|
|
47
|
+
};
|
|
48
|
+
|
|
49
|
+
const faqPage: WithContext<FAQPage> = {
|
|
50
|
+
'@context': 'https://schema.org',
|
|
51
|
+
'@type': 'FAQPage',
|
|
52
|
+
mainEntity: faq.map((item) => ({
|
|
53
|
+
'@type': 'Question',
|
|
54
|
+
name: item.question,
|
|
55
|
+
acceptedAnswer: { '@type': 'Answer', text: item.answer },
|
|
56
|
+
})),
|
|
57
|
+
};
|
|
58
|
+
|
|
59
|
+
const howToSchema: WithContext<HowTo> = {
|
|
60
|
+
'@context': 'https://schema.org',
|
|
61
|
+
'@type': 'HowTo',
|
|
62
|
+
name: title,
|
|
63
|
+
step: howTo.map((step) => ({ '@type': 'HowToStep', name: step.name, text: step.text })),
|
|
64
|
+
};
|
|
65
|
+
|
|
66
|
+
export const content: ToolLocaleContent<GameUiAccessibilityTesterUI> = {
|
|
67
|
+
slug,
|
|
68
|
+
title,
|
|
69
|
+
description,
|
|
70
|
+
ui: {
|
|
71
|
+
onboarding: 'Muat satu tangkapan layar UI game Anda, pilih lensa simulasi, lalu bandingkan dua sinyal visual yang harus dibedakan oleh pemain.',
|
|
72
|
+
privacyNote: 'Analisis lokal. Gambar tidak diunggah ke server.',
|
|
73
|
+
dropTitle: 'Letakkan tangkapan layar game di area kerja',
|
|
74
|
+
dropHint: 'Tarik gambar ke sini atau pilih dari perangkat Anda. Gunakan momen permainan nyata dengan latar belakang asli.',
|
|
75
|
+
chooseImage: 'Pilih tangkapan layar',
|
|
76
|
+
replaceImage: 'Ganti tangkapan layar',
|
|
77
|
+
supportedFiles: 'PNG, JPEG, atau WebP hingga 16 MB. Gambar besar disesuaikan hingga 1600 px.',
|
|
78
|
+
lensLabel: 'Lensa simulasi',
|
|
79
|
+
lensOriginal: 'Asli',
|
|
80
|
+
lensProtanopia: 'Protanopia',
|
|
81
|
+
lensDeuteranopia: 'Deuteranopia',
|
|
82
|
+
lensTritanopia: 'Tritanopia',
|
|
83
|
+
lensAchromatopsia: 'Skala abu-abu',
|
|
84
|
+
lensReducedContrast: 'Kontras rendah',
|
|
85
|
+
lensDesaturation: 'Desaturasi',
|
|
86
|
+
compareLabel: 'Tampilan perbandingan',
|
|
87
|
+
compareSideBySide: 'Berdampingan',
|
|
88
|
+
compareSplit: 'Lensa terpisah',
|
|
89
|
+
comparePress: 'Tekan untuk melihat asli',
|
|
90
|
+
holdOriginal: 'Tahan untuk lihat asli',
|
|
91
|
+
splitPosition: 'Posisi lensa',
|
|
92
|
+
stressLabel: 'Kontrol stres sinyal',
|
|
93
|
+
blurLabel: 'Efek kabur piksel',
|
|
94
|
+
downscaleLabel: 'Pratinjau layar kecil',
|
|
95
|
+
downscaleFull: 'Penuh',
|
|
96
|
+
downscaleHalf: 'Setengah',
|
|
97
|
+
downscaleQuarter: 'Seperempat',
|
|
98
|
+
downscaleEighth: 'Seperdelapan',
|
|
99
|
+
zoomLabel: 'Perbesar piksel',
|
|
100
|
+
heatmapLabel: 'Peta panas tepi',
|
|
101
|
+
heatmapHint: 'Menyorot bagian yang kehilangan pemisahan warna secara signifikan.',
|
|
102
|
+
originalView: 'Sinyal visual asli',
|
|
103
|
+
simulatedView: 'Sinyal simulasi stres',
|
|
104
|
+
emptyCanvas: 'Pilih tangkapan layar untuk memulai. Gambar Anda tetap berada di perangkat ini.',
|
|
105
|
+
sampleTitle: 'Sampel sinyal penting',
|
|
106
|
+
sampleInstructions: 'Pilih A atau B lalu klik pada gambar asli untuk mengambil sampel warna.',
|
|
107
|
+
sampleA: 'Sampel A',
|
|
108
|
+
sampleB: 'Sampel B',
|
|
109
|
+
sampleAName: 'Arti Sampel A',
|
|
110
|
+
sampleBName: 'Arti Sampel B',
|
|
111
|
+
manualColor: 'Atur warna secara manual',
|
|
112
|
+
sampleAInitial: 'Penanda kawan',
|
|
113
|
+
sampleBInitial: 'Penanda lawan',
|
|
114
|
+
noSample: 'Menunggu gambar',
|
|
115
|
+
originalContrast: 'Kontras asli',
|
|
116
|
+
simulatedContrast: 'Kontras simulasi',
|
|
117
|
+
separationRetained: 'Pemisahan tersisa',
|
|
118
|
+
statusStrong: 'Sinyal tetap jelas',
|
|
119
|
+
statusWatch: 'Periksa dalam konteks',
|
|
120
|
+
statusReview: 'Tinjau desain sinyal',
|
|
121
|
+
statusPending: 'Belum ada analisis',
|
|
122
|
+
measurementLabel: 'Pengukuran',
|
|
123
|
+
heuristicLabel: 'Heuristik',
|
|
124
|
+
manualReviewLabel: 'Status tinjauan',
|
|
125
|
+
measurementHint: 'Pengukuran kontras menggunakan rumus rasio kontras relative luminance WCAG.',
|
|
126
|
+
heuristicHint: 'Pemisahan tersisa membandingkan jarak warna sebelum dan sesudah simulasi.',
|
|
127
|
+
promptTitle: 'Panduan tinjauan UI',
|
|
128
|
+
promptColorOnly: 'Bisakah pemain mengenali elemen tanpa hanya mengandalkan warna?',
|
|
129
|
+
promptChangingBackground: 'Apakah teks tetap terbaca di atas latar belakang yang terang atau bergerak?',
|
|
130
|
+
promptMinimap: 'Apakah ikon peta dibedakan dengan bentuk atau pola selain warna?',
|
|
131
|
+
promptStates: 'Apakah status aktif, nonaktif, dan cooldown terlihat jelas?',
|
|
132
|
+
promptShape: 'Apakah ada ikon atau suara yang memperkuat sinyal warna?',
|
|
133
|
+
findingLabel: 'Catatan tim',
|
|
134
|
+
findingPlaceholder: 'Contoh: Garis tepi lawan memudar di atas efek merah',
|
|
135
|
+
addFinding: 'Tambah catatan',
|
|
136
|
+
findingsEmpty: 'Belum ada catatan tertulis.',
|
|
137
|
+
exportSheet: 'Unduh gambaran perbandingan',
|
|
138
|
+
exportReport: 'Unduh laporan JSON',
|
|
139
|
+
resetTool: 'Reset sesi',
|
|
140
|
+
uploadError: 'Gagal membaca gambar. Pilih PNG, JPEG, atau WebP yang valid.',
|
|
141
|
+
fileTooLarge: 'Ukuran file lebih dari 16 MB. Gunakan gambar yang lebih kecil.',
|
|
142
|
+
imageReady: 'Tangkapan layar dimuat. Ambil dua sampel warna untuk memulai.',
|
|
143
|
+
reportDownloaded: 'Laporan terstruktur berhasil diunduh.',
|
|
144
|
+
sheetDownloaded: 'Lembar perbandingan berhasil diunduh.',
|
|
145
|
+
localOnlyDisclosure: 'Proses simulasi dan analisis berjalan 100% di peramban Anda.',
|
|
146
|
+
limitationDisclosure: 'Alat ini membantu proses desain dan bukan pengganti pengujian dengan pemain.',
|
|
147
|
+
reportTitle: 'Laporan Tinjauan Aksesibilitas UI Game',
|
|
148
|
+
reportFindingReview: 'Pasangan warna yang diukur mengalami penurunan kontras yang signifikan.',
|
|
149
|
+
},
|
|
150
|
+
seo: [
|
|
151
|
+
{
|
|
152
|
+
type: 'title',
|
|
153
|
+
level: 2,
|
|
154
|
+
text: 'Inspeksi aksesibilitas UI game secara lokal tanpa mengunggah gambar',
|
|
155
|
+
},
|
|
156
|
+
{
|
|
157
|
+
type: 'paragraph',
|
|
158
|
+
html: 'Antarmuka game sering kali harus terbaca dalam kondisi visual yang cepat dan penuh efek. Alat ini memungkinkan Anda menguji tangkapan layar game secara langsung di peramban menggunakan simulasi persepsi warna.',
|
|
159
|
+
},
|
|
160
|
+
{
|
|
161
|
+
type: 'title',
|
|
162
|
+
level: 2,
|
|
163
|
+
text: 'Pengukuran, heuristik, dan evaluasi desain',
|
|
164
|
+
},
|
|
165
|
+
{
|
|
166
|
+
type: 'table',
|
|
167
|
+
headers: ['Jenis Bukti', 'Yang Disediakan Alat Ini', 'Yang Tidak Bisa Disimpulkan'],
|
|
168
|
+
rows: [
|
|
169
|
+
['Pengukuran', 'Rasio kontras dan luminansi relatif untuk dua warna sRGB', 'Kepatuhan otomatis seluruh elemen dalam game'],
|
|
170
|
+
['Simulasi', 'Transformasi matrik visual untuk protanopia, deuteranopia, dan tritanopia', 'Pengalaman visual pasti dari setiap individu'],
|
|
171
|
+
['Heuristik', 'Efek kabur, pemfokusan visual, dan deteksi tepi warna', 'Penilaian kualitas desain secara menyeluruh'],
|
|
172
|
+
['Tinjauan Manual', 'Daftar periksa dan laporan yang dapat diekspor', 'Pengganti untuk pengujian dengan pengguna langsung'],
|
|
173
|
+
],
|
|
174
|
+
},
|
|
175
|
+
{
|
|
176
|
+
type: 'title',
|
|
177
|
+
level: 2,
|
|
178
|
+
text: 'Gunakan sampel warna yang mempengaruhi keputusan pemain',
|
|
179
|
+
},
|
|
180
|
+
{
|
|
181
|
+
type: 'paragraph',
|
|
182
|
+
html: 'Pilih pasangan warna yang menentukan aksi pemain, seperti penanda kawan dan lawan atau indikator kesehatan. Jika kontras menurun pada kondisi simulasi, pertimbangkan untuk menambahkan indikator bentuk atau ikon.',
|
|
183
|
+
},
|
|
184
|
+
{
|
|
185
|
+
type: 'tip',
|
|
186
|
+
title: 'Gunakan tangkapan layar saat gameplay intens',
|
|
187
|
+
html: 'Gunakan gambar dari momen permainan yang penuh efek visual untuk mendapatkan hasil pengujian yang realistis.',
|
|
188
|
+
},
|
|
189
|
+
{
|
|
190
|
+
type: 'title',
|
|
191
|
+
level: 2,
|
|
192
|
+
text: 'Manfaatkan laporan ekspor untuk komunikasi tim',
|
|
193
|
+
},
|
|
194
|
+
{
|
|
195
|
+
type: 'paragraph',
|
|
196
|
+
html: 'Ekspor laporan JSON dan gambar perbandingan PNG dapat dilampirkan langsung pada tiket pengembangan untuk mempermudah perbaikan antarmuka.',
|
|
197
|
+
},
|
|
198
|
+
],
|
|
199
|
+
faq,
|
|
200
|
+
howTo,
|
|
201
|
+
schemas: [softwareApplication, faqPage, howToSchema],
|
|
202
|
+
bibliography: bibliographyEntries,
|
|
203
|
+
};
|
|
@@ -0,0 +1,203 @@
|
|
|
1
|
+
import type { FAQPage, HowTo, SoftwareApplication, WithContext } from 'schema-dts';
|
|
2
|
+
import type { ToolLocaleContent } from '../../../types';
|
|
3
|
+
import type { GameUiAccessibilityTesterUI } from '../ui';
|
|
4
|
+
import { bibliographyEntries } from '../bibliography';
|
|
5
|
+
|
|
6
|
+
const slug = 'tester-stress-accessibilita-ui-giochi';
|
|
7
|
+
const title = 'Tester Stress Accessibilità UI Giochi';
|
|
8
|
+
const description = 'Ispeziona uno screenshot di gioco localmente con simulazioni di daltonismo, sonde di contrasto HUD, sfocatura, riduzione di scala e mappe termiche.';
|
|
9
|
+
|
|
10
|
+
const faq = [
|
|
11
|
+
{
|
|
12
|
+
question: 'Questo strumento certifica l accessibilità della mia interfaccia?',
|
|
13
|
+
answer: 'No. Combina simulazioni di visione dei colori, misurazioni di contrasto e guide di revisione visiva. Utilizza i risultati per guidare il design e i test con i giocatori.',
|
|
14
|
+
},
|
|
15
|
+
{
|
|
16
|
+
question: 'Lo screenshot viene caricato su un server?',
|
|
17
|
+
answer: 'No. L immagine viene elaborata e analizzata interamente nel tuo browser. Vengono salvate localmente solo le impostazioni di visualizzazione.',
|
|
18
|
+
},
|
|
19
|
+
{
|
|
20
|
+
question: 'Cosa dovrei misurare con le due sonde di colore?',
|
|
21
|
+
answer: 'Scegli due colori che devono comunicare significati diversi, come indicatori di alleati e nemici, stati attivi e disattivati, o livelli di rarità.',
|
|
22
|
+
},
|
|
23
|
+
{
|
|
24
|
+
question: 'Perché un buon rapporto di contrasto richiede comunque una revisione manuale?',
|
|
25
|
+
answer: 'Una coppia di colori può misurare un buon rapporto, ma un icona piccola, un testo sottile o uno sfondo in movimento possono comunque risultare difficili da identificare.',
|
|
26
|
+
},
|
|
27
|
+
{
|
|
28
|
+
question: 'Cosa mostra la mappa termica?',
|
|
29
|
+
answer: 'La mappa termica evidenzia le aree in cui la separazione dei colori diminuisce notevolmente dopo la simulazione selezionata.',
|
|
30
|
+
},
|
|
31
|
+
];
|
|
32
|
+
|
|
33
|
+
const howTo = [
|
|
34
|
+
{ name: 'Carica uno screenshot', text: 'Seleziona un immagine PNG, JPEG o WebP del gioco. L immagine rimane nella memoria locale del tuo browser.' },
|
|
35
|
+
{ name: 'Scegli una lente di simulazione', text: 'Confronta l originale con simulazioni di daltonismo, scala di grigi o contrasto ridotto.' },
|
|
36
|
+
{ name: 'Applica lo stress visivo', text: 'Aggiungi sfocatura, riduci la scala di rendering, ingrandisci i pixel o attiva la mappa termica.' },
|
|
37
|
+
{ name: 'Campiona due segnali', text: 'Seleziona la Sonda A o B e fai clic sull immagine originale per confrontare due colori.' },
|
|
38
|
+
{ name: 'Esporta le osservazioni', text: 'Consulta la guida di revisione, annota i risultati e scarica la scheda comparativa e il report JSON.' },
|
|
39
|
+
];
|
|
40
|
+
|
|
41
|
+
const softwareApplication: WithContext<SoftwareApplication> = {
|
|
42
|
+
'@context': 'https://schema.org',
|
|
43
|
+
'@type': 'SoftwareApplication',
|
|
44
|
+
name: title,
|
|
45
|
+
applicationCategory: 'DeveloperApplication',
|
|
46
|
+
operatingSystem: 'Any',
|
|
47
|
+
};
|
|
48
|
+
|
|
49
|
+
const faqPage: WithContext<FAQPage> = {
|
|
50
|
+
'@context': 'https://schema.org',
|
|
51
|
+
'@type': 'FAQPage',
|
|
52
|
+
mainEntity: faq.map((item) => ({
|
|
53
|
+
'@type': 'Question',
|
|
54
|
+
name: item.question,
|
|
55
|
+
acceptedAnswer: { '@type': 'Answer', text: item.answer },
|
|
56
|
+
})),
|
|
57
|
+
};
|
|
58
|
+
|
|
59
|
+
const howToSchema: WithContext<HowTo> = {
|
|
60
|
+
'@context': 'https://schema.org',
|
|
61
|
+
'@type': 'HowTo',
|
|
62
|
+
name: title,
|
|
63
|
+
step: howTo.map((step) => ({ '@type': 'HowToStep', name: step.name, text: step.text })),
|
|
64
|
+
};
|
|
65
|
+
|
|
66
|
+
export const content: ToolLocaleContent<GameUiAccessibilityTesterUI> = {
|
|
67
|
+
slug,
|
|
68
|
+
title,
|
|
69
|
+
description,
|
|
70
|
+
ui: {
|
|
71
|
+
onboarding: 'Carica uno screenshot del gioco, scegli una lente di simulazione e confronta due segnali che i giocatori devono poter distinguere chiaramente.',
|
|
72
|
+
privacyNote: 'Analisi locale. Gli screenshot non vengono caricati online.',
|
|
73
|
+
dropTitle: 'Trascina uno screenshot del gioco sull area di analisi',
|
|
74
|
+
dropHint: 'Rilascia un immagine qui o selezionala dal dispositivo. Usa un momento rappresentativo con sfondi reali.',
|
|
75
|
+
chooseImage: 'Scegli screenshot',
|
|
76
|
+
replaceImage: 'Sostituisci screenshot',
|
|
77
|
+
supportedFiles: 'PNG, JPEG o WebP fino a 16 MB. Immagini grandi ridimensionate a 1600 px.',
|
|
78
|
+
lensLabel: 'Lente di simulazione',
|
|
79
|
+
lensOriginal: 'Originale',
|
|
80
|
+
lensProtanopia: 'Protanopia',
|
|
81
|
+
lensDeuteranopia: 'Deuteranopia',
|
|
82
|
+
lensTritanopia: 'Tritanopia',
|
|
83
|
+
lensAchromatopsia: 'Scala di grigi',
|
|
84
|
+
lensReducedContrast: 'Contrasto ridotto',
|
|
85
|
+
lensDesaturation: 'Desaturazione',
|
|
86
|
+
compareLabel: 'Modalità di confronto',
|
|
87
|
+
compareSideBySide: 'Affiancato',
|
|
88
|
+
compareSplit: 'Lente divisa',
|
|
89
|
+
comparePress: 'Premi per originale',
|
|
90
|
+
holdOriginal: 'Tieni premuto per originale',
|
|
91
|
+
splitPosition: 'Posizione lente',
|
|
92
|
+
stressLabel: 'Controlli di stress del segnale',
|
|
93
|
+
blurLabel: 'Sfocatura in pixel',
|
|
94
|
+
downscaleLabel: 'Anteprima schermo piccolo',
|
|
95
|
+
downscaleFull: 'Intero',
|
|
96
|
+
downscaleHalf: 'Metà',
|
|
97
|
+
downscaleQuarter: 'Un quarto',
|
|
98
|
+
downscaleEighth: 'Un ottavo',
|
|
99
|
+
zoomLabel: 'Zoom di ispezione',
|
|
100
|
+
heatmapLabel: 'Mappa termica dei bordi',
|
|
101
|
+
heatmapHint: 'Evidenzia le perdite di separazione colore sotto la lente attiva.',
|
|
102
|
+
originalView: 'Segnale originale',
|
|
103
|
+
simulatedView: 'Segnale simulato',
|
|
104
|
+
emptyCanvas: 'Seleziona uno screenshot per attivare il confronto. L immagine rimane sul tuo dispositivo.',
|
|
105
|
+
sampleTitle: 'Sonde di segnale critico',
|
|
106
|
+
sampleInstructions: 'Seleziona A o B e fai clic sull originale per campionare i colori.',
|
|
107
|
+
sampleA: 'Sonda A',
|
|
108
|
+
sampleB: 'Sonda B',
|
|
109
|
+
sampleAName: 'Significato sonda A',
|
|
110
|
+
sampleBName: 'Significato sonda B',
|
|
111
|
+
manualColor: 'Imposta colore direttamente',
|
|
112
|
+
sampleAInitial: 'Indicatore alleato',
|
|
113
|
+
sampleBInitial: 'Indicatore nemico',
|
|
114
|
+
noSample: 'In attesa di screenshot',
|
|
115
|
+
originalContrast: 'Contrasto originale',
|
|
116
|
+
simulatedContrast: 'Contrasto simulato',
|
|
117
|
+
separationRetained: 'Separazione conservata',
|
|
118
|
+
statusStrong: 'Segnale ben distinto',
|
|
119
|
+
statusWatch: 'Verifica in contesto',
|
|
120
|
+
statusReview: 'Rivedi design segnale',
|
|
121
|
+
statusPending: 'Nessun dato',
|
|
122
|
+
measurementLabel: 'Misurazione',
|
|
123
|
+
heuristicLabel: 'Euristica',
|
|
124
|
+
manualReviewLabel: 'Stato revisione',
|
|
125
|
+
measurementHint: 'Il contrasto calcola la luminanza relativa WCAG tra i due colori sRGB campionati.',
|
|
126
|
+
heuristicHint: 'La separazione conservata confronta la distanza tra i colori prima e dopo la simulazione.',
|
|
127
|
+
promptTitle: 'Guida alla revisione dell interfaccia',
|
|
128
|
+
promptColorOnly: 'I giocatori possono identificare gli elementi senza affidarsi solo al colore?',
|
|
129
|
+
promptChangingBackground: 'Il testo rimane leggibile su sfondi chiari, scuri o in movimento?',
|
|
130
|
+
promptMinimap: 'Le icone della mappa si distinguono per forma o motivo oltre che per colore?',
|
|
131
|
+
promptStates: 'Gli stati attivo, disattivato e ricarica sono inequivocabili?',
|
|
132
|
+
promptShape: 'Un icona, un testo o un suono rafforzano ogni segnale cromatico?',
|
|
133
|
+
findingLabel: 'Osservazione del team',
|
|
134
|
+
findingPlaceholder: 'Esempio: Il bordo del nemico scompare sull effetto rosso',
|
|
135
|
+
addFinding: 'Aggiungi nota',
|
|
136
|
+
findingsEmpty: 'Nessuna osservazione scritta salvata.',
|
|
137
|
+
exportSheet: 'Scarica scheda comparativa',
|
|
138
|
+
exportReport: 'Scarica report JSON',
|
|
139
|
+
resetTool: 'Ripristina sessione',
|
|
140
|
+
uploadError: 'Impossibile leggere l immagine. Scegli un file PNG, JPEG o WebP valido.',
|
|
141
|
+
fileTooLarge: 'L immagine supera i 16 MB. Scegli un file più piccolo.',
|
|
142
|
+
imageReady: 'Screenshot caricato. Seleziona due sonde di colore per iniziare.',
|
|
143
|
+
reportDownloaded: 'Report JSON scaricato.',
|
|
144
|
+
sheetDownloaded: 'Scheda comparativa scaricata.',
|
|
145
|
+
localOnlyDisclosure: 'Elaborazione completamente locale nel tuo browser.',
|
|
146
|
+
limitationDisclosure: 'Questo strumento supporta la revisione ma non sostituisce i test con i giocatori.',
|
|
147
|
+
reportTitle: 'Report di revisione accessibilità UI gioco',
|
|
148
|
+
reportFindingReview: 'La coppia di colori perde una quota significativa di contrasto sotto la simulazione.',
|
|
149
|
+
},
|
|
150
|
+
seo: [
|
|
151
|
+
{
|
|
152
|
+
type: 'title',
|
|
153
|
+
level: 2,
|
|
154
|
+
text: 'Valutare l accessibilità dell interfaccia dei giochi senza inviare immagini',
|
|
155
|
+
},
|
|
156
|
+
{
|
|
157
|
+
type: 'paragraph',
|
|
158
|
+
html: 'Le interfacce di gioco devono comunicare in condizioni visive dinamiche e complesse. Questo tester locale ti consente di analizzare gli screenshot del tuo gioco attraverso simulazioni di daltonismo e test di stress visivo direttamente nel browser.',
|
|
159
|
+
},
|
|
160
|
+
{
|
|
161
|
+
type: 'title',
|
|
162
|
+
level: 2,
|
|
163
|
+
text: 'Misurazioni, euristiche e valutazione umana',
|
|
164
|
+
},
|
|
165
|
+
{
|
|
166
|
+
type: 'table',
|
|
167
|
+
headers: ['Tipo di evidenza', 'Cosa fornisce questo strumento', 'Cosa non può concludere'],
|
|
168
|
+
rows: [
|
|
169
|
+
['Misurazione', 'Rapporto di contrasto e luminanza relativa tra due colori sRGB', 'Conformità automatica di tutta l interfaccia di gioco'],
|
|
170
|
+
['Simolazione', 'Trasformazioni per protanopia, deuteranopia e tritanopia', 'La percezione visiva esatta di ogni singolo giocatore'],
|
|
171
|
+
['Euristica', 'Sfocatura, riduzione di scala e rilevamento perdite di bordo', 'Una valutazione automatica del gameplay'],
|
|
172
|
+
['Revisione manuale', 'Guida con domande ed esportazione di report', 'Sostituzione dei test utente reali'],
|
|
173
|
+
],
|
|
174
|
+
},
|
|
175
|
+
{
|
|
176
|
+
type: 'title',
|
|
177
|
+
level: 2,
|
|
178
|
+
text: 'Campiona colori che influenzano le decisioni di gioco',
|
|
179
|
+
},
|
|
180
|
+
{
|
|
181
|
+
type: 'paragraph',
|
|
182
|
+
html: 'Focalizza i tuoi test su elementi cromatici che determinano un azione del giocatore, come alleato e nemico o stato di salute. Se la leggibilità diminuisce, considera di aggiungere una forma o un icona di supporto.',
|
|
183
|
+
},
|
|
184
|
+
{
|
|
185
|
+
type: 'tip',
|
|
186
|
+
title: 'Analizza fotogrammi di gioco complessi',
|
|
187
|
+
html: 'Utilizza screenshot tratti da fasi di combattimento o momenti ricchi di effetti visivi per ottenere risultati realistici.',
|
|
188
|
+
},
|
|
189
|
+
{
|
|
190
|
+
type: 'title',
|
|
191
|
+
level: 2,
|
|
192
|
+
text: 'Utilizza i report esportati per il lavoro di squadra',
|
|
193
|
+
},
|
|
194
|
+
{
|
|
195
|
+
type: 'paragraph',
|
|
196
|
+
html: 'Il report JSON e la scheda PNG scaricabili possono essere allegati ai task di sviluppo per facilitare la correzione dei problemi di interfaccia visiva.',
|
|
197
|
+
},
|
|
198
|
+
],
|
|
199
|
+
faq,
|
|
200
|
+
howTo,
|
|
201
|
+
schemas: [softwareApplication, faqPage, howToSchema],
|
|
202
|
+
bibliography: bibliographyEntries,
|
|
203
|
+
};
|