Extending Bidi Support on the Web Richard Ishida, W3C Aharon Lanin, Google
Bidi support on the Web Additional Requirements for Bidi in HTML Read the Working Draft at http://www.w3.org/International/ docs/html-bidi-requirements/ You can follow all discussions on the public-i18n-bidi@w3.org list. It's about CSS too. And some suggestions for browser developers.
Bidi support on the Web Health warning! This is a report on ONGOING discussions. You MUST NOT assume that these things work or will work in the future. 22 bugs were raised against HTML5 for Oct 1 st , 2010 – these are currently under discussion. Additional proposals will be sent to CSS WG, and some are already being discussed and/or implemented. If you feel strongly about these features, track and join the discussion !
Bidi support on the Web Outline 1. 1. Some b ome back ckgrou ound 2. 2. Fea eatu ture pr propos oposals 3. 3. How How to to tr track ck devel elopmen ents/ge get i involve ved
Som Some bac backg kground
Background Base direction < p> MAKE html WORK FOR YOU< /p> LTR EKAM html UOY ROF KROW RTL UOY ROF KROW html EKAM
Background Base direction < p> 10 Main st.< /p> LTR 10 Main st. RTL .10 Main st
Background UBA 'paragraphs' IT IS IMPORTANT TO LEARN html. (css IS IMPORTANT TOO.) html. NRAEL OT TNATROPMI SI TI (.OOT TNATROPMI SI (css .html NRAEL OT TNATROPMI SI TI (.OOT TNATROPMI SI css)
New H HTML ML & & CSS CSS proposal sals
Bidi isolation
Bidi isolation Issue Inlin line elem element c content o oft ften n need eeds to b be e is isola lated – es espec pecia ially ly w when en data is is im impo ported in into t the e pa page ge. ✗ ✓
Bidi isolation Issue Inlin line elem element c content o oft ften n need eeds to b be e is isola lated – es espec pecia ially ly w when en data is is im impo ported in into t the e pa page ge. ✗ ✓
Bidi isolation Note Ex Exis istin ing bidi di mar arku kup i in HTML ML i is not not designed to to solv lve t this is pr proble lem. תיליל -3 reviews < span dir= rtl> תיליל </span> - 3 reviews
Bidi isolation Note Problems with LRM/RLM Ex Exis istin ing bidi di mar arku kup i in • RLM doesn't speak to the structure of the HTML ML i is not not designed to to document. solv lve t this is pr proble lem. • Adding logic to an application to choose the תיליל -3 reviews LRM vs RLM can be difficult. < span dir= rtl> תיליל </span> - 3 reviews • LRM/RLM is often not ignored during search or may be picked up in error during copy&paste, LRM/RLM c LR can help, elp, b but causing failures. it's n 's not as as good as as usi using • LRM/RLM does nothing markup kup. about unbalanced LRE/RLE/LRO/ RLO/PDF in the inserted string תיליל L R M - 3 reviews
Bidi isolation Proposal New a attrib ibute: e: ubi ubi = = of off | on/ on/ubi ubi New C CSS SS val value ue un unicode-bidi di: is isola late The e res esult lt is is an em embedded U UBA A 'p 'par aragraph' t ' that at i is s treated as as a a neutral c ne cha hara racter w withi thin the the surrou round nding ng t text. < p> < span ubi> תיליל </span> - 3 reviews< /p>
Reporting direction
Reporting direction Issue Use sers c s can an sp specify dire rection for f or form orm i inp nput, t, but it it is is im immed ediately forg rgotte tten. n.
Reporting direction Proposal New a attrib ibute, e, subm submitdir, , on on in inpu put a and te texta tarea elem elements. Standard _dir ir s suffix ffix fo for control ntrol n name < form action= foo method= get> < input type= text name= mytest dir= auto submitdir /> < /form> foo?mytest= texttextext&mytest_dir= ltr
dir=auto value
dir=auto value Issue Somet etim imes es t the appro ropri riate te d directi tion c on can only ly b be e det eter ermin ined a at run un-tim ime. e. ✗ ✓
dir=auto value Issue Somet etim imes es t the appropriate e dire rection c can onl n only y be deter ermin ined ed a at r run-time me. ✓ ✗ ✗
dir=auto value Proposal New val value ue 'aut 'auto' f ' for d dir at attribute. New a attrib ibute: e: autod odirm rmetho thod=f =firs rst-strong trong | | any-rtl tl < html autodirmethod= first-strong> … < p> Your search - < span class= booktitle dir= auto> ה צ ה ר ו ת ק י ד ו ד ת ו ו י C S S < /span> - did not match any documents.< /p>
Flipping images
Flipping images Issue Ha Handed im image ges n need eed t to be e flipp flipped d durin ing lo localiz ization. I It is is tim ime- cons onsuming a and nd erro rror- pro rone to d to do thi o this u using ng sepa eparate im image files files.
Flipping images Note Fo For imag ages i s in <img mg> > mar arkup, y you u may ay be be abl able t to use use C CSS SS3 3 transform ormati tions ons. .myimage:rtl { transform:scaleX(-1); } This doesn't work with images inserted using CSS.
Flipping images Proposal New k keyw ywords f for or CS CSS3 3 Images ges for t things suc s such as as bac background- imag age an and list st-style le-im image ge. Option 1: rtlflip, eg. background-image: url(mygraphic.png) rtlflip; Option 2: rtl | ltr, eg. background-image: url(mygraphic.png) ltr;
Line breaks in plain text
Line breaks in plain text Issues ✓ Browsers rs d don't c t consiste tentl ntly y trea eat lin line e brea eaks a as a UBA A 'par 'p aragraph' ' br break i in pre an and texta tare rea elem elements, ✗ as well ell as script ipt d dia ialo log t tex ext. LINE INE S SEPARA RATOR R (U (U+20 2028 28) a ) and PARAG AGRAP APH H SE SEPA PARATOR (U (U+2029 29) ) ✗ cha haracters a are re not re not recognized by by br browsers. s.
Line breaks in plain text Proposal No Non-collapsed lin line e brea eaks s should ld always b s break p k parag agrap aphs f s for UBA BA. LINE INE S SEPARA RATOR ( R (U+20 2028 28) ) an and PA PARAGR GRAPH PH SE SEPA PARATOR (U (U+2029 29) ) char aracters sh s shoul uld be behav ave as as defin efined in in Unic icode.
<br> as > as a a bidi idi se separ arator or
<br> as a bidi separator Issue HTM TML4 4 defin efines <br br> as as equi uiva valent < p> IT IS IMPORTANT TO LEARN html.< br> to w to whi hite te-spa pace, b e, but (css IS IMPORTANT TOO.)< /p> mos ost of of the the ti time, a as used ed in in the e wild ild, , <br br> ne needs to to .html NRAEL OT TNATROPMI SI TI te term rminate a a UB UBA (.OOT TNATROPMI SI css) 'para ragra raph' h'. html. NRAEL OT TNATROPMI SI TI (.OOT TNATROPMI SI (css Brow rowsers d don' on't d do o that c t consiste tentl ntly. y.
<br> as a bidi separator Note Usi sing m mar arku kup properly pr ly is is the e bes est so solut ution, but but it may ay be e unrea ealis istic ic t to expect tha that to t to ha happen. < body g_editable= "true" hidefocus= "true" class= "editable LW-yrriRe" id= ":6y" style= ""> IT IS IMPORTANT TO LEARN html.< br> (css IS IMPORTANT TOO.)< br> …
<br> as a bidi separator Proposals Add a a new at attribut ute: .html NRAEL OT TNATROPMI SI TI bidibr break ak=har ard|so |soft. (.OOT TNATROPMI SI css) Valu lue is is in inher erit ited b by <br br> e > elements nts. The he default f for or the the root root element i is s 'h 'har ard'. '. Val alue ue 'so 'soft' c ' coul uld p provide control ntrol f for < html bidibreak= soft lang= he> except eptio ions/lega legacy. .
Sc Scri ript d t dial alog og te text t dire recti tion
Script dialog text direction Issue Brow rowsers a are re incons onsiste tent i nt in the dir irec ection t they ey a appl pply to dialo log t g text. ✓ Us Using Uni Unicode control ntrols c can be probl blemat atic. ✗
Script dialog text direction Proposal Tex ext pa passed ed t to dia ialo log control ntrols w withou hout t ex expli plicit it d dir irec ection should ld b be e dis ispla played according to to the the first s t strong ong chara racte ter i r in each 'para ragra raph' h'.
<title> should support the dir attribute
<title> should support the dir attribute Issue Brow rowsers d don' on't u use dire rectional inf nformation f from rom the the p page to to display <ti <titl tle> te text c t corre orrectly. y. ✓ ✗ < html dir= rtl> < head> < title> EGYPT ISRAEL deutschland france< /title> …
Recommend
More recommend
