Translate text component troubles

It seems that the example on the Minecraft wiki are not only poorly formatted but also not fully applicable to 1.21.5 or am I do something wrong if I do:
tellraw @p {translate:"%2 and %1",with:["B","A"]}
I was assuming this would return A and B like the wiki tells you, but alas this returns %2 and %1. Changing the types inside the with had no effect.
However I only seem to be able to use %s like
tellraw @p {translate:"Hello %s and %s",with:[{text:"Steve"},{text:"Alex"}]}
which would return the expected Hello Steve and Alex
is the minecraft wiki missing some changelogs on this? 
why are they using double %?
Is there any good example project you can point me to so I can figure out the right/better ways to make text components like the above.
These kind of text components are very convenient when you are looking to allow proper translations of advancements, dialogs etc.