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