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