Technical Sign-off
Last mandatory step
before source release

Necessary

- For any source file (both new and trend) that contains translatable text
- Before the source file enters the translation workflow
authoring
technical sign-off




A bit of back and forth...
Typographical principles

- Be correct
(according to the punctuation and typographic rules of the English language) - Be consistent
- Do not use more formatting spans (bold, italics, etc.) than necessary
Examples: apostrophe

- ... don't ...
- ... don’t ...
Examples: special characters

- 2<i>x</i> + 4
- 2x + 4
- 2𝑥 + 4
Examples: superscripts

- 9<sup>th</sup>
- 9th
Examples: formatting

- Type an <b>input</b> <b>number</b> in the box.
- Type an <b>input number</b> in the box.
Styling: redundancies

<b><strong class="editor-text-bold">bla bla</strong></b><strong class="editor-text-bold">bla bla</strong>vs
<span class="editor-text-bold">bla bla</span>vs

<em class="editor-text-italic">bla bla</em><span class="editor-text-italic">bla bla</span>vs
<i><em class="editor-text-italic">bla bla</em></i>vs
Styling: redundancies

Who made the wildlife documentary
Octopus City
?
Styling: nesting vs. tag soup 1
color:#000000
italics

<span style="color:#000000;">
Who made the wildlife documentary
</span>
<em class="editor-text-italic" style="color:#000000;">
Octopus City
</em>
<span style="color:#000000;">
?
</span>Styling: nesting vs. tag soup 1

Who made the wildlife documentary
Octopus City
?
color:#000000
italics
color:#000000
color:#000000
Styling: nesting vs. tag soup 1

Who made the wildlife documentary
Octopus City
?
color:#000000
italics
Styling: nesting vs. tag soup 1

<span style="color:#000000;">
Who made the wildlife documentary
<em class="editor-text-italic">
Octopus City
</em>
?
</span>Styling: nesting vs. tag soup 1

<p style="color:#000000;">
Who made the wildlife documentary
<em class="editor-text-italic">
Octopus City
</em>
?
</p>Styling: nesting vs. tag soup 1

<span style="color:#000000;">
Select
</span>
<strong class="editor-text-bold" style="color:#000000;">
one
</strong>
<span style="color:#000000;">
reviewer from the list below.
</span>
Styling: nesting vs. tag soup 2

<span style="color:#000000;">
Select
<strong class="editor-text-bold">
one
</strong>
reviewer from the list below.
</span>color:#000000
bold
Styling: nesting vs. tag soup 2

<em class="editor-text-italic" style="color:#000000;">
Refer to all five reviews of
</em>
<span style="color:#000000;">
Octopus City
</span>
<em class="editor-text-italic" style="color:#000000;">
.
</em>Styling: nesting vs. tag soup 3

<span class="editor-text-italic" style="color:#000000;">
Refer to all five reviews of
<span class="editor-text-normal">
Octopus City
</span>
.
</span>Styling: nesting vs. tag soup 3

<em style="color:#000000;">bla bla</em><span class="editor-text-color-000000">bla bla</span>
/* CSS */
.editor-text-color-000000 {
color:#000000;
}vs
Styling: classes


PISA 2025 -- Technical Sign-Off
By cApStAn LQC
PISA 2025 -- Technical Sign-Off
PISA25 -- Technical Sign-Off
- 380